@font-face{font-family:Barlow;src:url('assets/font-3.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:DM;src:url('assets/font-4.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--navy:#142b42;--orange:#ff8248;--paper:#f6f7f1;--muted:#61727f}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--navy);font:16px/1.65 DM,sans-serif;min-height:100svh;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 90% 30%,#e6ece5 0,transparent 55%)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #197ba5;outline-offset:6px}header,main,footer{width:min(1248px,100%);margin-inline:auto;padding-inline:40px}header{display:flex;align-items:center;justify-content:space-between;padding-block:34px;gap:20px}.brand{font:bold 36px DM,sans-serif;letter-spacing:-2px}.brand span{color:var(--orange)}.status{font-size:10px;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.status i{width:7px;height:7px;border-radius:50%;background:var(--orange)}main{flex:1;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:60px;padding-block:60px 90px}.eyebrow{font-size:11px;letter-spacing:2px;margin:0 0 24px}h1{font:800 clamp(64px,7.8vw,108px)/.93 Barlow,sans-serif;letter-spacing:-1px;margin:0 0 28px}h1 span{color:var(--orange)}.intro{max-width:490px;color:var(--muted);font-size:17px}.note{font-size:13px;color:var(--muted);max-width:420px;margin:25px 0}.button{display:inline-flex;align-items:center;gap:28px;background:var(--navy);color:white;font-size:13px;padding:15px 21px;border-radius:7px}.button:hover{background:#25465f}.button span{font-size:22px;line-height:1}small{display:block;margin-top:12px;color:var(--muted);font-size:11px}.art{height:470px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:400px;height:400px;border-radius:50%;border:1px solid #cbd6cd;background:repeating-linear-gradient(135deg,transparent 0 17px,#dce4db 18px 19px)}.board{position:relative;z-index:2;background:var(--navy);color:var(--paper);padding:28px 34px;transform:rotate(-7deg);box-shadow:12px 12px 0 #b5c5bc;width:300px}.board>span{font-size:11px;letter-spacing:2px}.board strong{display:block;color:var(--orange);font:800 87px/.9 Barlow,sans-serif;margin:17px 0 24px}.board .board-footer{font-size:10px}.sticker{position:absolute;right:-5px;bottom:60px;z-index:3;padding:18px 22px;background:var(--orange);font:800 21px/1.1 Barlow,sans-serif;transform:rotate(6deg)}.stand{position:absolute;bottom:0;width:15px;height:110px;background:#b5c5bc}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dce2da;padding-block:23px;color:var(--muted);font-size:11px}.copy{animation:arrive .6s ease both}.art{animation:arrive .85s ease both}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:760px){header,main,footer{padding-inline:24px}header{padding-block:24px}.brand{font-size:30px}.status{font-size:8px;letter-spacing:1px}main{grid-template-columns:1fr;gap:35px;padding-block:35px 50px}h1{font-size:76px}.intro{font-size:15px}.art{height:340px;width:100%;max-width:400px;justify-self:center}.orbit{width:285px;height:285px}.board{width:230px;padding:22px 26px}.board strong{font-size:68px}.sticker{font-size:17px;right:0;bottom:23px;padding:14px}.stand{height:55px}footer{flex-wrap:wrap;font-size:10px}}@media(prefers-reduced-motion:reduce){.copy,.art{animation:none}}