@font-face{font-family:'Source Sans 3';src:url('assets/source-sans-3.ttf') format('truetype');font-weight:200 900;font-display:swap}
:root{color-scheme:dark;--graphite:#282d2a;--deep:#171c18;--bone:#f3efe6;--champagne:#e7cba9;--clay:#ca7758;--muted:#bfc4bd;--gutter:clamp(24px,5vw,96px)}
*{box-sizing:border-box}body{margin:0;background:var(--graphite);color:var(--bone);font-family:'Source Sans 3',Arial,sans-serif;font-size:20px;line-height:1.5}a{color:inherit}a:focus-visible{outline:2px solid var(--champagne);outline-offset:6px}::selection{background:var(--champagne);color:var(--graphite)}[hidden]{display:none!important}.skip-link{position:absolute;top:12px;left:12px;z-index:5;padding:8px 16px;background:var(--champagne);color:var(--graphite);transform:translateY(-160%)}.skip-link:focus{transform:none}.announcement{min-height:100svh;display:flex;flex-direction:column;max-width:2200px;margin:auto;overflow:hidden;position:relative}.header{display:flex;align-items:center;justify-content:space-between;padding:clamp(28px,4vh,48px) var(--gutter);position:relative;z-index:2}.brand{display:block;width:200px;line-height:0}.brand img{width:100%;height:auto}.header-note{color:var(--muted);font-size:16px;letter-spacing:.01em}main{position:relative;flex:1;display:flex;align-items:center;min-height:650px;padding:32px var(--gutter) 56px}.story{position:relative;z-index:1;width:min(55%,660px)}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.1em;line-height:1.5;text-transform:uppercase;color:var(--champagne);margin:0 0 20px}h1{font-size:clamp(52px,5.6vw,88px);font-weight:500;line-height:1.04;letter-spacing:-.045em;margin:0 0 24px}h1 span{color:var(--champagne)}.intro{max-width:460px;font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 30px}.actions{display:flex;align-items:center;gap:24px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:12px 20px;border:1px solid transparent;border-radius:4px;background:var(--champagne);color:var(--graphite);font-size:16px;line-height:24px;text-decoration:none;white-space:nowrap;transition:background 160ms,color 160ms,border-color 160ms}.button:hover{background:var(--deep);color:var(--bone);border-color:#e7cba966}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;transition:transform 160ms}.button:hover svg{transform:translate(2px,-2px)}.availability{font-size:15px;line-height:1.45;color:var(--muted)}.launch{margin-top:45px;width:min(100%,460px)}.launch-heading{display:flex;align-items:center;gap:20px}.launch h2{font-size:15px;font-weight:400;line-height:1.5;margin:0;color:var(--muted);white-space:nowrap}.launch-rule{height:1px;flex:1;background:#f3efe629}.countdown{display:flex;align-items:flex-start;justify-content:space-between;margin:12px 0 16px;gap:12px}.countdown>div{text-align:left;min-width:64px;display:flex;flex-direction:column}.number{font-size:clamp(42px,4.3vw,64px);line-height:1.1;font-weight:400;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.unit{font-size:13px;letter-spacing:.06em;color:var(--muted);margin-top:5px}.colon{font-size:32px;color:#e7cba966;line-height:1.7;font-weight:300}.launch-date{font-size:14px;color:var(--muted);margin:0}.launch-date time{color:var(--champagne)}.launch-update{font-size:18px;line-height:1.5;max-width:440px;color:var(--champagne)}.no-script{font-size:16px}.art{position:absolute;width:min(54vw,840px);aspect-ratio:1;right:-1vw;top:50%;transform:translateY(-54%);pointer-events:none}.symbol-photo,.symbol-shadow{position:absolute;inset:0;mask:url('assets/symbol.svg') center/contain no-repeat;-webkit-mask:url('assets/symbol.svg') center/contain no-repeat}.symbol-photo{background:linear-gradient(135deg,transparent 40%,#282d2a22),url('assets/team.webp') 43% center/cover no-repeat;animation:resolve 1.1s ease-out both;transform:translate(var(--drift-x,0),var(--drift-y,0));transition:transform 800ms ease-out}.symbol-shadow{background:var(--champagne);transform:translate(12px,16px);opacity:.65}.footer{position:relative;z-index:2;margin:0 var(--gutter);padding:23px 0 27px;border-top:1px solid #f3efe629;display:flex;justify-content:space-between;align-items:center;font-size:15px;gap:20px}.footer p{margin:0}.footer p span{color:var(--muted)}.footer>div{display:flex;gap:32px}.footer a{text-decoration:none;transition:color 160ms}.footer a:hover{color:var(--champagne);text-decoration:underline;text-underline-offset:5px}.story{animation:enter 700ms ease-out both}.footer{animation:enter 900ms ease-out both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes resolve{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0)}}
@media(min-width:1100px) and (max-height:800px){main{min-height:580px;padding-top:10px;padding-bottom:28px}h1{font-size:64px}.launch{margin-top:28px}.intro{margin-bottom:24px}.header{padding-top:24px;padding-bottom:24px}.art{width:48vw;right:1vw}}
@media(max-width:1000px){.header-note{font-size:14px}.story{width:60%}.art{right:-10%;width:58vw;opacity:.85}.availability{display:none}.footer{font-size:14px}.footer>div{gap:20px}.intro{max-width:390px}}
@media(max-width:700px){.header{padding-top:28px;padding-bottom:28px}.brand{width:164px}.header-note{max-width:128px;font-size:12px;text-align:right;line-height:1.4}main{min-height:0;display:block;padding-top:24px;padding-bottom:32px}.story{width:100%}h1{font-size:clamp(43px,10vw,66px);margin-bottom:22px}.intro{font-size:18px;max-width:440px;margin-bottom:26px}.actions{gap:20px}.availability{display:inline;font-size:13px;max-width:176px}.button{gap:18px}.launch{margin-top:32px}.countdown{max-width:420px;gap:8px;margin-top:16px}.number{font-size:48px}.countdown>div{min-width:48px}.colon{font-size:25px}.launch-date{font-size:13px;max-width:330px}.launch-date time{white-space:nowrap}.art{position:relative;width:85%;max-width:410px;right:auto;top:auto;transform:none;opacity:1;margin:30px auto 0}.symbol-shadow{transform:translate(8px,10px)}.footer{align-items:flex-start;flex-direction:column;gap:15px;padding-top:22px;padding-bottom:28px}.footer>div{flex-wrap:wrap;gap:8px 24px}.footer p{font-size:15px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.symbol-photo{transform:none}}
