/* SpaceX-pattern chrome for the home page (pattern only): top nav with hover dropdowns, UPCOMING EVENTS (Luma), hero copy, outlined
   arrow buttons, footer row. Dropdowns are absolutely positioned popovers, so nothing shifts. */
/* SpaceX type (measured on spacex.com, Oct 14 2026): D-DIN / D-DIN-Bold (Datto, SIL OFL 1.1) and Roboto Mono (OFL), self-hosted */
@font-face{font-family:D-DIN;src:url(/fonts/d-din/D-DIN.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:D-DIN-Bold;src:url(/fonts/d-din/D-DIN-Bold.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:D-DIN;src:url(/fonts/d-din/D-DIN-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:Orbitron;src:url(/fonts/orbitron/Orbitron-VF.woff2) format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Roboto Mono";src:url(/fonts/roboto-mono/roboto-mono-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
.sx-nav{position:fixed;z-index:60;left:0;right:0;top:0;height:64px;color:#F2F2F5;background:transparent;transition:background-color .3s}
/* no scrim over the hero: legibility from a soft text shadow only */
.hv1-body .sx-nav:not(.is-open) .sx-l,.hv1-body .sx-nav:not(.is-open) .sx-logo,.hv1-body .sx-nav:not(.is-open) .sx-evb{text-shadow:none}
.hv1-body .sx-nav:not(.is-open) .sx-logo svg,.hv1-body .sx-nav:not(.is-open) .sx-burger svg{filter:none}
.hv2-solid .sx-nav,.sx-nav.is-open{background:#07070A}
.sx-nav__in{height:100%;display:flex;align-items:center;gap:28px;padding:0 max(20px,env(safe-area-inset-left))}
.sx-logo{display:flex;align-items:center;height:44px;color:#F2F2F5;flex:none}
.sx-logo svg{height:15px;width:auto;display:block}
.sx-links{display:flex;align-items:center;gap:4px;list-style:none;margin:0;padding:0}
.sx-it{position:relative}
.sx-l{display:inline-flex;align-items:center;gap:6px;height:64px;padding:0 10px;background:none;border:0;color:#F2F2F5;text-decoration:none;cursor:pointer;
 font:700 13.008px/12.2275px D-DIN,Arial,Verdana,sans-serif;letter-spacing:1.17072px;text-transform:uppercase;white-space:nowrap}
.sx-l:hover,.sx-l[aria-expanded="true"]{color:#fff;text-shadow:none}
.sx-car{width:9px;height:9px;transition:transform .2s}
[aria-expanded="true"]>.sx-car{transform:rotate(180deg)}
.sx-sub{position:absolute;left:10px;top:52px;min-width:190px;margin:0;padding:6px 0;list-style:none}
.sx-sub[hidden]{display:none}
.sx-sub a{display:block;padding:7px 0;color:#F2F2F5;text-decoration:none;font:700 13.008px/1.2 D-DIN,Arial,Verdana,sans-serif;letter-spacing:1.17072px;text-transform:uppercase;text-shadow:none}
.sx-sub a:hover,.sx-sub a:focus-visible{color:var(--rn-cyan,#54CDF2)}
.sx-ev{position:relative;margin-left:auto}
.sx-evb{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-width:190px;height:32px;padding:0 10px;border:1px solid rgba(255,255,255,.4);border-radius:3px;background:rgba(0,0,0,.25);color:#F2F2F5;cursor:pointer;
 font:500 10px/1 RNSym,"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.14em;text-transform:uppercase}
.sx-evb:hover{border-color:#F2F2F5}
.sx-evp{position:absolute;right:0;top:40px;width:min(380px,calc(100vw - 32px));max-height:min(72vh,560px);overflow:auto;margin:0;padding:6px 0;list-style:none;background:rgba(16,16,22,.55);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(240,240,250,.22);border-radius:4px;box-shadow:none}
.sx-evp[hidden]{display:none}
.sx-evp a{display:flex;gap:14px;align-items:center;padding:12px 16px;color:#F0F0FA;text-decoration:none}
.sx-evp li+li{border-top:1px solid rgba(240,240,250,.14)}
.sx-evp .th{flex:none;width:56px;height:56px;object-fit:cover;border-radius:2px;background:rgba(255,255,255,.08);display:block}
.sx-evp .tx{display:grid;gap:5px;min-width:0}
.sx-evp a:hover,.sx-evp a:focus-visible{background:rgba(255,255,255,.06)}
.sx-evp .m{font:400 12px/1.2 "Roboto Mono",ui-monospace,monospace;letter-spacing:normal;text-transform:uppercase;color:rgba(240,240,250,.75)}
.sx-evp .m.cd{color:#F0F0FA;font-variant-numeric:tabular-nums}
.sx-evp .t{font:400 16px/1.15 D-DIN-Bold,Arial,Verdana,sans-serif;text-transform:uppercase;overflow-wrap:anywhere}
.sx-evp .all a{justify-content:center;padding:14px 16px}
.sx-evp .all .m{font:700 12px/1 D-DIN,Arial,sans-serif;letter-spacing:1.17px;color:#F0F0FA}
.sx-burger{display:none;margin-left:12px;width:44px;height:44px;align-items:center;justify-content:center;background:none;border:0;color:#F2F2F5;cursor:pointer}
.sx-burger svg{width:22px;height:22px}
.sx-nav a:focus-visible,.sx-nav button:focus-visible{outline:2px solid var(--rn-cyan,#54CDF2);outline-offset:2px}
@media(max-width:1100px){
 .sx-nav__in{gap:12px}
 .sx-burger{display:inline-flex}
 .sx-ev{margin-left:auto}.sx-evb{min-width:0;gap:8px}
 .sx-links{display:none;position:fixed;left:0;right:0;top:64px;bottom:0;overflow:auto;flex-direction:column;align-items:stretch;gap:0;padding:12px 24px 40px;background:#07070A}
 .sx-nav.is-open .sx-links{display:flex}
 .sx-l{height:52px;width:100%;justify-content:space-between;padding:0;font-size:13.008px;border-bottom:1px solid rgba(255,255,255,.1)}
 .sx-sub{position:static;padding:4px 0 10px 14px}
}
@media(max-width:480px){.sx-evb .sx-evw{display:none}.sx-logo svg{height:12px}}
/* hero copy: eyebrow, big uppercase headline, one outlined CTA, bottom left over the full-bleed media */
.sx-stage{position:relative}
.sx-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:45%;z-index:0;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.6),rgba(0,0,0,0))}
.sx-copy{position:absolute;z-index:2;left:max(24px,4vw);right:24px;bottom:calc(56px + env(safe-area-inset-bottom));display:grid;justify-items:start;gap:10px;color:#F2F2F5;text-shadow:none}
.sx-eyebrow{margin:0;font:400 16px/22.4px "Roboto Mono",ui-monospace,monospace;letter-spacing:normal;text-transform:uppercase}
.sx-h{margin:0;max-width:640px;font:400 60px/54px D-DIN-Bold,Arial,Verdana,sans-serif;letter-spacing:-1px;text-transform:uppercase}
.sx-h a{color:inherit;text-decoration:none}
.sx-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:10px;margin-top:14px;height:48px;padding:0 20px;border:1px solid rgba(240,240,250,.35);border-radius:4px;background:rgba(0,0,0,.5);color:#F0F0FA;text-decoration:none;text-shadow:none;isolation:isolate;
 font:400 12px/12px D-DIN,Arial,Verdana,sans-serif;letter-spacing:normal;text-transform:uppercase;transition:color .3s ease}
.sx-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:#F2F2F5;transform:scaleY(0);transform-origin:50% 100%;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.sx-arr{width:14px;height:14px;transition:transform .3s cubic-bezier(.16,1,.3,1)}
.sx-btn:hover,.sx-btn:focus-visible{color:#07070A}
.sx-btn:hover::before,.sx-btn:focus-visible::before{transform:none}
.sx-btn:hover .sx-arr,.sx-btn:focus-visible .sx-arr{transform:translateX(5px)}
.sx-btn:focus-visible{outline:2px solid var(--rn-cyan,#54CDF2);outline-offset:3px}
@media(prefers-reduced-motion:reduce){.sx-btn,.sx-btn::before,.sx-arr,.sx-car,.sx-nav{transition:none!important}}
/* footer row */
.sx-foot{padding:40px max(24px,4vw) calc(96px + env(safe-area-inset-bottom));background:#07070A;color:#8E8E9A}
.sx-foot__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 22px;list-style:none;margin:0;padding:0}
.sx-foot a,.sx-foot span{color:#B8B8C2;text-decoration:none;font:500 10px/1.4 RNSym,"IBM Plex Mono",ui-monospace,monospace;letter-spacing:.16em;text-transform:uppercase}
.sx-foot a:hover,.sx-foot a:focus-visible{color:#F2F2F5}
.sx-foot .sx-x{display:inline-flex;align-items:center}
.sx-foot .sx-x svg{width:14px;height:14px;fill:currentColor}
/* every page but home: header in flow (sticky, solid), like the old shared header */
body:not(.hv1-body) .sx-nav{position:sticky;background:#07070A;border-bottom:1px solid rgba(255,255,255,.08)}
body:not(.hv1-body) .sx-sub{background:#07070A;border:1px solid rgba(255,255,255,.12);padding:8px 14px;left:0}@media(max-width:1100px){body:not(.hv1-body) .sx-sub{border:0;padding:4px 0 10px 14px}}

/* Parrotfish slide: art only, no scrim */
.sx-stage--clean::after{display:none}
/* hide-on-scroll, matched to spacex.com header: .header{transition:opacity .3s} .header-hide{opacity:0}; threshold 50px (in sx.js). Also slides up over the same .3s. */
.sx-nav{transition:opacity .3s,transform .3s,background-color .3s}
.sx-nav.sx-hide{opacity:0;transform:translateY(-100%);pointer-events:none}
.pj-sub{transition:top .3s}
body:has(.sx-nav) .pj-sub{top:64px}
html.sx-nav-hidden body .pj-sub{top:0}
body.sx-pad{padding-top:64px}
@media (prefers-reduced-motion:reduce){.sx-nav,.pj-sub{transition:none}.sx-nav.sx-hide{transform:none}}
/* ><> nav mark (brand/icon): black/white only, no effects; clear space = half icon height */
.sx-logo .sx-mark{height:16px;width:auto;margin-right:8px;flex:none}
@media(max-width:480px){.sx-logo .sx-mark{height:13px;margin-right:7px}}
/* type plan (brand/type-study A): Orbitron for nav, headings, hero headlines; body stays D-DIN 18px. Orbitron only >=13px, caps or short lines. */
.sx-l,.sx-evb,.sx-sub a{font-family:Orbitron,D-DIN,Arial,sans-serif;font-weight:600;letter-spacing:.12em}
.sx-evp .t{font-family:Orbitron,D-DIN-Bold,Arial,sans-serif;font-weight:800;font-size:14px;line-height:1.25;letter-spacing:.02em}
.sx-h{font-family:Orbitron,D-DIN-Bold,Arial,sans-serif;font-weight:900;font-size:clamp(28px,6.2vw,52px);line-height:1.04;letter-spacing:.02em;overflow-wrap:break-word;text-wrap:balance}
body:has(.sx-nav) .sh-head .sh-head__h1{font-family:Orbitron,D-DIN-Bold,Arial,sans-serif;font-weight:900;font-size:clamp(26px,calc((100vw - 2*var(--m,24px))/15),72px);line-height:1.02;letter-spacing:.02em;overflow-wrap:break-word;text-wrap:balance}
body:has(.sx-nav) .sh-h2{font-family:Orbitron,D-DIN-Bold,Arial,sans-serif;font-weight:900;font-size:clamp(26px,calc((100vw - 2*var(--m,24px))/16),60px);line-height:1.02;letter-spacing:.02em;overflow-wrap:break-word}
@media(max-width:1100px){.sx-l{padding:0 7px;letter-spacing:.08em}}
@media(max-width:480px){.sx-evb{font-family:D-DIN,Arial,sans-serif;font-weight:700;letter-spacing:1.17px}}
@media(max-width:374px){.sx-logo .wm{display:none}.sx-logo .sx-mark{height:15px;margin-right:0}}
/* Page-specific headings -> Orbitron (type plan A). Janine's /parrotfish (only Janine page that loads sx.css) excluded via its #auction-timer. */
body:has(.sx-nav):not(:has(#auction-timer)) :is(h1,h2,h3):not(.hv1-sr,.sr-only,.visually-hidden){font-family:Orbitron,D-DIN-Bold,Arial,sans-serif;letter-spacing:.02em;overflow-wrap:break-word;text-wrap:balance}
body:has(.sx-nav):not(:has(#auction-timer)) h1:not(.hv1-sr,.sr-only,.visually-hidden,.sx-h,.meet-room__name){font-weight:900;font-size:clamp(26px,calc((100vw - 2*var(--m,24px))/15),72px);line-height:1.02}
body:has(.sx-nav):not(:has(#auction-timer)) h2:not(.sx-h,.sh-head__h2){font-weight:800;max-width:100%}
body:has(.sx-nav):not(:has(#auction-timer)) .row h2.domain{font-size:clamp(17px,2vw,26px);overflow-wrap:anywhere}
body:has(.sx-nav):not(:has(#auction-timer)) h3{font-weight:800;font-size:min(1em,22px);line-height:1.15}
body:has(.sx-nav):not(:has(#auction-timer)) .sh-head .sh-head__h2{font-family:Orbitron,D-DIN-Bold,Arial,sans-serif;font-weight:700;font-size:clamp(16px,2.4vw,24px);line-height:1.15;letter-spacing:.06em}
/* timeline ticks: at phone widths label every other month so "AUG 2026"/"JAN 2027" never collide with the next month (tick lines stay) */
@media(max-width:599px){.tl__ticks li:nth-child(even){color:transparent}}
/* brand lock (><> + WE LIVE IN THE FUTURE), Oct 15 2026 */
.sx-endlock{display:flex;justify-content:center;width:100%;grid-column:1/-1;padding:88px 0 64px;margin:0}
.sx-endlock img{display:block;width:160px;height:auto}
.sx-foot__lock{display:block;width:88px;margin:0 auto 32px;opacity:.92}
.sx-foot__lock img{display:block;width:100%;height:auto}
.sx-foot__lock:hover,.sx-foot__lock:focus-visible{opacity:1}
.sx-brandmark{display:flex;justify-content:center;box-sizing:border-box;width:100%;max-width:none;grid-column:1/-1;padding:56px 0 8px;margin:0 auto;clear:both}
.sx-brandmark img{display:block;width:44px;height:auto;opacity:.55}
.ab-lock{margin:64px 0 0;padding-top:40px;border-top:1px solid rgba(255,255,255,.12);max-width:420px}
.ab-lock img{display:block;width:min(100%,360px);height:auto;margin:0}
.ab-lock p{margin:0;font:400 14px/1.6 "D-DIN",system-ui,sans-serif;color:var(--rn-text-2,#B8B8C2)}
@media (prefers-color-scheme:light){.ab-lock--auto img{filter:none}}
/* Nav C (Design Bot spec /workspace/brand/nav-final/SPEC.md, Oct 16 2026) */
html body .sx-navc{position:sticky;top:0;z-index:50;height:64px;padding:0 48px;background:#0B1A2E!important;box-shadow:inset 0 -1px 0 rgba(255,255,255,.08)!important;border:0!important;transform:none}
html body .sx-navc.sx-hide{transform:none}
html body .sx-navc .sx-nav__in{height:64px;max-width:none;margin:0;padding:0;display:flex;align-items:center;justify-content:space-between}
html body .sx-navc .sx-logo{display:flex;align-items:center;height:64px;padding:0;margin:0;color:#fff}
html body .sx-navc .sx-logo img{display:block;height:11px;width:auto;aspect-ratio:1246.2/69;filter:none}
html body .sx-navc .sx-links{display:flex;gap:40px;margin:0;padding:0;list-style:none;align-items:center}
html body .sx-navc .sx-l{font:700 12px/1 D-DIN,system-ui,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.85);text-decoration:none;text-shadow:none;padding:0;background:none;border:0!important;box-shadow:none}
html body .sx-navc .sx-l:hover,html body .sx-navc .sx-l:focus-visible,html body .sx-navc .sx-l[aria-current=page]{color:#fff}
html body .sx-navc .sx-burger{display:none;width:44px;height:44px;margin:0 -11px 0 0;padding:0;background:none;border:0;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
html body .sx-navc .sx-burger span{display:block;width:22px;height:1.5px;background:#fff}
@media(max-width:600px){
 html body .sx-navc{height:56px;padding:0 20px}
 html body .sx-navc .sx-nav__in,html body .sx-navc .sx-logo{height:56px}
 html body .sx-navc .sx-logo img{height:10.35px}
 html body .sx-navc .sx-links{display:none}
 html body .sx-navc .sx-burger{display:inline-flex}
 html body .sx-navc.is-open .sx-links{display:flex;position:fixed;top:56px;left:0;right:0;bottom:0;flex-direction:column;align-items:flex-start;gap:28px;padding:32px 20px;background:#0B1A2E}
 html body .sx-navc.is-open .sx-l{font-size:14px}
}
@media(min-width:601px){html body .sx-navc .sx-links{display:flex!important;position:static;background:none}}