:root { --paper:#eee9dc; --ink:#222523; --red:#c74734; --blue:#376b78; --gold:#cfa64a; --line:#b8b2a4; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial, Helvetica, sans-serif; }
body:before { content:""; position:fixed; inset:0; pointer-events:none; opacity:.16; z-index:20; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.18'/%3E%3C/svg%3E"); }
a { color:inherit; text-decoration:none; }
.site-header { height:86px; display:flex; align-items:center; justify-content:space-between; padding:0 6vw; border-bottom:1px solid var(--line); letter-spacing:.13em; font-size:10px; }
.wordmark { display:flex; align-items:center; gap:12px; font-weight:900; font-size:17px; letter-spacing:.18em; }
.mission-dot { width:38px; height:38px; display:grid; place-items:center; color:var(--paper); background:var(--red); border-radius:50%; font-family:Georgia,serif; font-style:italic; font-size:24px; letter-spacing:0; }
.header-meta { display:flex; gap:34px; color:#595d58; font-weight:700; }
.status { color:var(--blue); }.status i,.live-pill i { display:inline-block; width:6px; height:6px; border-radius:50%; background:var(--blue); margin-right:7px; box-shadow:0 0 0 3px rgba(55,107,120,.14); }
.hero { min-height:700px; padding:72px 6vw 88px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; border-bottom:1px solid var(--line); overflow:hidden; }
.hero-copy { z-index:2; max-width:690px; }
.eyebrow { font-size:10px; letter-spacing:.19em; font-weight:800; color:#686b64; margin:0 0 25px; }
.eyebrow span { color:var(--red); }
h1 { font-family:Georgia, 'Times New Roman', serif; font-size:clamp(58px,6.3vw,96px); line-height:.88; letter-spacing:-.055em; margin:0; font-weight:400; }
h1 em { color:var(--red); font-weight:400; }
.intro { max-width:570px; margin:35px 0 33px; font-family:Georgia,serif; font-size:18px; line-height:1.65; color:#50534e; }
.primary-button { display:inline-flex; height:58px; align-items:center; justify-content:space-between; gap:38px; padding:0 23px 0 27px; color:#f6f1e6; background:var(--red); font-size:11px; font-weight:900; letter-spacing:.13em; transition:.2s ease; box-shadow:6px 6px 0 #262927; }
.primary-button svg,.card-link svg { width:23px; fill:none; stroke:currentColor; stroke-width:1.8; }
.primary-button:hover { transform:translate(3px,3px); box-shadow:3px 3px 0 #262927; background:#b93d2c; }
.orbit-stage { position:relative; min-height:560px; }
.planet { position:absolute; width:370px; height:370px; border-radius:50%; right:7%; top:15%; z-index:2; background:#3d707c; box-shadow:inset -45px -25px 0 rgba(29,48,50,.24), 0 0 0 9px var(--paper), 0 0 0 10px #7f827a; overflow:hidden; }
.planet:before,.planet:after { content:""; position:absolute; border:1px solid rgba(238,233,220,.25); border-radius:50%; }
.planet:before { inset:35px -55px; }.planet:after { inset:-45px 80px; }
.planet-grid { position:absolute; inset:0; opacity:.18; background:repeating-linear-gradient(12deg,transparent 0 23px,#e9e2d2 24px 25px); }
.planet-label { position:absolute; left:50%; top:72%; transform:translateX(-50%); color:#e9e2d2; font-size:10px; letter-spacing:.32em; }
.orbit { position:absolute; border:1px solid #8d8e84; border-radius:50%; transform:rotate(-20deg); }
.orbit-one { width:590px; height:260px; right:-5%; top:25%; }.orbit-two { width:510px; height:500px; right:0; top:2%; transform:rotate(33deg); border-style:dashed; opacity:.55; }
.flight-orbit,.flight-orbit-front,.capsule-orbit { position:absolute; width:620px; height:360px; right:-7%; top:17%; transform:rotate(-20deg); pointer-events:none; }
.flight-orbit { z-index:1; }
.flight-orbit-front { z-index:3; }
.capsule-orbit { z-index:4; }
.flight-path { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.flight-path-track,.flight-path-progress { fill:none; vector-effect:non-scaling-stroke; }
.flight-path-track { stroke:#70746e; stroke-width:1.2; stroke-dasharray:3 9; opacity:.72; }
.flight-path-progress { stroke:var(--red); stroke-width:2.2; stroke-linecap:round; stroke-dasharray:330 1450; stroke-dashoffset:65; opacity:.9; animation:orbit-dash 7s linear infinite; }
.flight-marker { fill:var(--red); stroke:var(--paper); stroke-width:3; filter:drop-shadow(0 0 3px rgba(199,71,52,.45)); }
.capsule { position:absolute; width:108px; height:162px; left:47px; top:23px; transform:rotate(67deg); transform-origin:center; z-index:3; filter:drop-shadow(8px 10px 2px rgba(34,37,35,.25)); }
.capsule img { display:block; width:100%; height:100%; object-fit:contain; }
@keyframes orbit-dash { to { stroke-dashoffset:-1715; } }
.telemetry { position:absolute; font:700 8px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; letter-spacing:.12em; color:#60635d; }.t-one{top:10%;left:8%}.t-two{bottom:15%;right:4%}.t-three{bottom:7%;left:22%}
.missions { padding:90px 6vw 105px; }
.section-heading { display:flex; justify-content:space-between; align-items:end; margin-bottom:40px; }.section-heading .eyebrow { margin-bottom:12px; }.section-heading h2 { margin:0; font:400 46px/1 Georgia,serif; letter-spacing:-.03em; }.section-heading>p { max-width:390px; color:#62655f; font:15px/1.6 Georgia,serif; }
.mission-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); }
.mission-card { position:relative; min-height:430px; padding:27px 30px 32px; border-right:1px solid var(--line); transition:.22s ease; display:flex; flex-direction:column; }.mission-card:last-child{border-right:0}.active-card:hover { background:#e4decf; transform:translateY(-5px); box-shadow:0 5px 0 var(--red); }
.card-top { display:flex; justify-content:space-between; align-items:center; }.card-number { font:italic 25px Georgia,serif; color:var(--red); }.live-pill,.planned-pill { padding:7px 9px; border:1px solid #9aa49f; font-size:8px; font-weight:900; letter-spacing:.13em; }.planned-pill{color:#777a73;border-color:#b5b0a5}.live-pill i{width:5px;height:5px;margin-right:5px}
.card-icon { width:65px; height:65px; display:grid; place-items:center; background:var(--blue); border-radius:50%; margin:58px 0 24px; }.card-icon svg{width:38px;fill:none;stroke:#eee9dc;stroke-width:2.5}.mission-card h3{font:400 31px/1 Georgia,serif;margin:0 0 14px}.mission-card>p{font:15px/1.55 Georgia,serif;color:#60635d;max-width:310px;margin:0}.card-link{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:900;letter-spacing:.15em;color:var(--red)}.muted{color:#85877f}.placeholder-icon{width:65px;height:65px;border:1px dashed #999b93;border-radius:50%;display:grid;place-items:center;margin:58px 0 24px;font:200 31px Arial;color:#888a83}.future-card{background:rgba(255,255,255,.13)}
footer { min-height:180px; background:var(--ink); color:#d9d3c6; padding:42px 6vw; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; font-size:8px; letter-spacing:.18em; }.footer-mark{display:flex;align-items:center;gap:10px;font-size:15px}.footer-mark span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--red);font:italic 20px Georgia,serif}.footer-quote{text-align:right;font:italic 14px Georgia,serif;letter-spacing:0;color:#999b94}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:60px}.orbit-stage{min-height:480px;margin-top:30px}.section-heading{align-items:start;gap:25px}.mission-grid{grid-template-columns:1fr}.mission-card{border-right:0;border-bottom:1px solid var(--line);min-height:380px}.mission-card:last-child{border-bottom:0}footer{grid-template-columns:1fr;gap:22px;text-align:left}.footer-quote{text-align:left}.header-meta>span:first-child{display:none}}
@media(max-width:600px){.site-header{padding:0 22px}.header-meta{gap:10px}.hero,.missions{padding-left:22px;padding-right:22px}.hero{padding-top:50px}h1{font-size:53px}.intro{font-size:16px}.orbit-stage{transform:scale(.78);transform-origin:left top;width:125%;margin-bottom:-80px}.planet{right:0}.section-heading{display:block}.section-heading>p{margin-top:22px}.primary-button{width:100%;gap:12px}.wordmark{font-size:14px}.footer{padding-left:22px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.flight-path-progress{animation:none!important}}
