@font-face{font-family:Inter;src:url('assets/InterVariable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{--navy:#0f1c50;--gold:#c8a156;--ivory:#f8f4eb;--muted:#9b753b;--ink-soft:#34416b;color:var(--navy);background:var(--ivory);font-family:Inter,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0;min-width:320px}
.page{max-width:1600px;min-height:100svh;margin:0 auto;padding:36px 48px 20px;display:flex;flex-direction:column;overflow:hidden}
.header{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:2}
.wordmark{font-size:32px;line-height:1.2;font-weight:750;letter-spacing:-1.35px;white-space:nowrap}
.wordmark span{color:var(--muted)}
.header-note{font-size:13px;letter-spacing:.29em;margin:0;line-height:1.6}
.hero{position:relative;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;flex:1;min-height:690px}
.copy{z-index:1;position:relative;margin-top:-36px;width:calc(100% + 70px);pointer-events:none}
.eyebrow{font-size:13px;font-weight:750;letter-spacing:.34em;text-transform:uppercase;color:var(--muted);margin:0 0 26px}
h1{font-size:clamp(46px,5.75vw,88px);font-weight:760;letter-spacing:-.068em;line-height:1.075;margin:0 0 26px}
.description{font-size:clamp(17px,1.72vw,25px);line-height:1.6;font-weight:400;letter-spacing:-.035em;max-width:590px;margin:0 0 38px}
.launch-status{display:inline-block;background:var(--gold);color:var(--navy);font-weight:650;letter-spacing:.16em;font-size:15px;padding:20px 35px;border-radius:100px;margin:0;box-shadow:0 12px 30px #9c793315}
.art{position:relative;aspect-ratio:1;min-width:0;width:124%;margin-left:-12%;margin-top:8px;isolation:isolate}
.globe{display:block;width:100%;height:auto;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent 0%,black 7%,black 94%,transparent 100%),linear-gradient(to bottom,transparent 0%,black 7%,black 91%,transparent 100%);mask-composite:intersect}
.sky{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 7px 6px #68502812)}
.flight-path{stroke:var(--muted);stroke-width:2;stroke-dasharray:8 12;stroke-linecap:round;opacity:.78}
.plane{offset-path:path('M 165 560 C 30 430 770 90 885 240 C 1010 400 275 710 165 560 Z');offset-distance:63.888889%;offset-rotate:auto;animation-duration:36s;animation-iteration-count:infinite;animation-delay:-23s;animation-play-state:paused}
.plane--back{animation-name:journey,back-pass;animation-timing-function:linear,steps(1,end)}
.plane--front{animation-name:journey,front-pass;animation-timing-function:linear,steps(1,end)}
.drifting-cloud{animation:cloud-drift 8s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes journey{from{offset-distance:0%}to{offset-distance:100%}}
/* Numeric cubic arc lengths: 894.846695 back / 1794.554403 total. */
@keyframes back-pass{0%{visibility:visible}49.86456210823517%{visibility:hidden}100%{visibility:hidden}}
@keyframes front-pass{0%{visibility:hidden}49.86456210823517%{visibility:visible}100%{visibility:visible}}
@keyframes cloud-drift{from{transform:translateX(-6px)}to{transform:translateX(12px)}}
html[data-motion="running"] .plane,html[data-motion="running"] .drifting-cloud{animation-play-state:running}
html[data-motion="paused"] .plane,html[data-motion="paused"] .drifting-cloud{animation-play-state:paused}
.footer{display:flex;align-items:center;justify-content:center;gap:30px;margin:0 30px;position:relative;z-index:2}
.footer p{font-size:12px;font-weight:500;letter-spacing:.35em;color:var(--muted);white-space:nowrap;margin:0}
.footer-line{height:1px;background:var(--gold);flex:1;opacity:.7}
.motion-settings{height:33px;display:flex;justify-content:flex-end;align-items:flex-end;padding-top:8px}
.motion-toggle{font:inherit;font-size:11px;letter-spacing:.02em;color:var(--ink-soft);background:transparent;border:0;border-bottom:1px solid #34416b50;padding:4px 1px;cursor:pointer}
.motion-toggle:hover{color:var(--navy);border-bottom-color:var(--navy)}
.motion-toggle:focus-visible{outline:2px solid var(--navy);outline-offset:5px;border-radius:2px}
[hidden]{display:none!important}
@media(min-width:1600px){.hero{min-height:760px}}
@media(max-width:1050px){.page{padding:28px 32px 16px}.hero{min-height:590px}.wordmark{font-size:28px}.header-note{font-size:11px}.copy{width:calc(100% + 50px)}.description{max-width:395px}.art{width:132%;margin-left:-18%}.launch-status{font-size:13px;padding:17px 26px}h1{font-size:clamp(45px,5.75vw,70px)}}
@media(max-width:700px){.page{padding:25px 24px 16px}.header{gap:14px}.wordmark{font-size:26px}.header-note{display:none}.hero{display:flex;flex-direction:column;min-height:0;padding-top:65px}.copy{width:100%;margin:0;text-align:center}.eyebrow{font-size:11px;margin-bottom:22px;letter-spacing:.3em}h1{font-size:clamp(40px,9.7vw,65px);letter-spacing:-.065em;line-height:1.08;margin-bottom:22px}.description{font-size:17px;line-height:1.6;max-width:330px;margin:0 auto 27px;letter-spacing:-.025em}.launch-status{padding:16px 27px;font-size:12px}.art{width:118%;margin:-6px -9% -3%;flex-shrink:0}.footer{gap:18px;margin:0}.footer p{font-size:10px;letter-spacing:.25em}.motion-settings{height:39px}.motion-toggle{font-size:11px}}
@media(prefers-reduced-motion: reduce){.plane,.drifting-cloud{animation-play-state:paused}html:not([data-motion="running"]) .plane,html:not([data-motion="running"]) .drifting-cloud{animation-play-state:paused}}
