:root{--color-bg: #05060a;--color-surface: #0c0f17;--color-surface-2: #111524;--color-text: #e8ecf4;--color-muted: #a6adc0;--color-accent: #9fb7ff;--color-moon: #f3e9d2;--color-line: rgba(255, 255, 255, .08);--color-line-strong: rgba(255, 255, 255, .16);--space-1: clamp(.25rem, .232rem + .09vw, .3rem);--space-2: clamp(.5rem, .464rem + .18vw, .6rem);--space-3: clamp(.75rem, .696rem + .27vw, .9rem);--space-4: clamp(1rem, .929rem + .36vw, 1.2rem);--space-5: clamp(1.5rem, 1.393rem + .54vw, 1.8rem);--space-6: clamp(2rem, 1.786rem + 1.07vw, 3rem);--space-7: clamp(2.5rem, 2.143rem + 1.79vw, 4rem);--space-8: clamp(3.5rem, 2.857rem + 3.21vw, 6rem);--space-9: clamp(4.5rem, 3.5rem + 5vw, 8rem);--step--1: clamp(.83rem, .81rem + .11vw, .9rem);--step-0: clamp(1rem, .96rem + .21vw, 1.13rem);--step-1: clamp(1.2rem, 1.12rem + .43vw, 1.5rem);--step-2: clamp(1.44rem, 1.29rem + .86vw, 2rem);--step-3: clamp(1.73rem, 1.45rem + 1.61vw, 2.8rem);--step-4: clamp(2.07rem, 1.58rem + 2.87vw, 3.9rem);--step-5: clamp(2.49rem, 1.62rem + 4.72vw, 5.5rem);--step-6: clamp(3rem, 1.7rem + 7vw, 7.5rem);--radius-s: 6px;--radius-m: 12px;--radius-l: 20px;--radius-pill: 999px;--dur-fast: .18s;--dur: .4s;--dur-slow: .9s;--ease-out: cubic-bezier(.2, .8, .2, 1);--maxw: 1200px}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth}html.lenis{scroll-behavior:auto}html,body{height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--step-0);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,video,svg{display:block;max-width:100%}input,button,select{font:inherit;color:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:300;line-height:1.12;letter-spacing:.01em}h2{font-size:var(--step-4)}h3{font-size:var(--step-1);font-weight:600}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}section[id],article[id],[data-nav-target]{scroll-margin-top:80px}.pull-quote{position:relative;margin-block:var(--space-4) 0;padding:var(--space-4) var(--space-5);border-inline-start:2px solid var(--color-moon);background:linear-gradient(90deg,#f3e9d20f,#f3e9d200 70%);border-radius:0 var(--radius-m) var(--radius-m) 0;font-family:var(--font-display);font-style:italic;font-size:var(--step-1);color:var(--color-moon)}.pull-quote .pq-label{display:block;font-family:var(--font-mono);font-style:normal;font-size:var(--step--1);letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-2)}.scrolly-steps{list-style:none;padding:0;margin:var(--space-5) 0;display:grid;gap:var(--space-3)}.scrolly-step{border-inline-start:2px solid var(--color-line-strong);padding:var(--space-3) var(--space-4);color:var(--color-muted);transition:color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.scrolly-step .step-n{display:block;margin-bottom:var(--space-1);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent)}.scrolly-step.is-active{color:var(--color-text);border-color:var(--color-moon)}.is-scrolly .scrolly-step{min-height:46svh;display:flex;flex-direction:column;justify-content:center}@media(max-width:980px){.is-scrolly .scrolly-step{min-height:38svh}}p a,li a,figcaption a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}p a:hover,li a:hover,figcaption a:hover{text-decoration-thickness:2px}p{color:var(--color-text)}.muted{color:var(--color-muted)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-s)}.mono{font-family:var(--font-mono);font-size:.95em;letter-spacing:0}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(1rem,4vw,2.5rem)}.skip-link{position:absolute;top:-100px;left:var(--space-3);z-index:200;background:var(--color-surface);color:var(--color-text);padding:var(--space-3) var(--space-4);border:1px solid var(--color-accent);border-radius:var(--radius-m);transition:top var(--dur-fast) var(--ease-out)}.skip-link:focus{top:var(--space-3)}.starfield{position:fixed;inset:-50%;z-index:-1;pointer-events:none;background:radial-gradient(1px 1px at 12% 22%,#e8ecf4d9 50%,#e8ecf400 51%),radial-gradient(1px 1px at 68% 8%,#e8ecf499 50%,#e8ecf400 51%),radial-gradient(1.5px 1.5px at 84% 34%,#f3e9d2b3 50%,#f3e9d200 51%),radial-gradient(1px 1px at 34% 74%,#e8ecf480 50%,#e8ecf400 51%),radial-gradient(1px 1px at 92% 78%,#e8ecf4a6 50%,#e8ecf400 51%),radial-gradient(1.5px 1.5px at 22% 48%,#9fb7ff8c 50%,#9fb7ff00 51%),var(--color-bg);background-size:620px 620px;opacity:.8}.starfield:before,.starfield:after{content:"";position:absolute;inset:0;background-image:radial-gradient(1px 1px at 44% 12%,#e8ecf48c 50%,#e8ecf400 51%),radial-gradient(1px 1px at 78% 58%,#e8ecf466 50%,#e8ecf400 51%),radial-gradient(1.5px 1.5px at 8% 88%,#9fb7ff73 50%,#9fb7ff00 51%),radial-gradient(1px 1px at 56% 92%,#f3e9d266 50%,#f3e9d200 51%);background-size:340px 340px}.starfield:after{background-size:210px 210px;filter:brightness(.75)}@keyframes drift{0%{transform:translateZ(0)}to{transform:translate3d(-310px,-170px,0)}}.starfield,.starfield:before,.starfield:after{animation:drift 480s linear infinite}.starfield:before{animation-duration:360s;animation-direction:reverse}.starfield:after{animation-duration:240s}.media{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 70% 20%,#9fb7ff29,#9fb7ff00 60%),radial-gradient(90% 70% at 25% 85%,#f3e9d21a,#f3e9d200 55%),conic-gradient(from 210deg at 60% 40%,#131a2b,#0a0d16 30%,#10162a,#080b13 80%,#131a2b),var(--color-surface)}.media:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;background-image:var(--grain);background-size:160px 160px;mix-blend-mode:overlay}:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E")}.pull-quote,.cannonball-fig,.site-footer,.rc-counter{position:relative}.pull-quote,.cannonball-fig,.site-footer,.rc-counter,.hero-veil{isolation:isolate}.pull-quote:after,.cannonball-fig:after,.site-footer:after,.rc-counter:after,.hero-veil:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:.05;background-image:var(--grain);background-size:160px 160px;mix-blend-mode:overlay}.section{padding-block:var(--space-9);position:relative}.section.section-fit{padding-top:var(--space-6)}.section-head{max-width:46rem;margin-bottom:var(--space-8)}.section-head .kicker{display:inline-block;font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.24em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.section-head p{color:var(--color-muted);font-size:var(--step-1);margin-top:var(--space-3)}.btn{display:inline-flex;align-items:center;gap:.5em;padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);font-weight:600;font-size:var(--step-0);border:1px solid transparent;cursor:pointer;text-decoration:none;position:relative;isolation:isolate;background-image:linear-gradient(105deg,#fff0 38%,#ffffff6b,#fff0 62%);background-size:260% 100%;background-position:130% 0;background-repeat:no-repeat;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.btn:active{transform:scale(.97)}.btn .btn-arrow{display:inline-block;transition:transform var(--dur-fast) var(--ease-out)}.btn-primary:hover .btn-arrow,.btn-primary:focus-visible .btn-arrow{transform:translate(4px)}.btn-ghost:hover .btn-arrow,.btn-ghost:focus-visible .btn-arrow{transform:translateY(4px)}.btn:hover,.btn:focus-visible{animation:btn-shine .7s var(--ease-out)}@keyframes btn-shine{0%{background-position:130% 0}to{background-position:-30% 0}}.btn-primary{background-color:var(--color-moon);color:#14120c}.btn-primary:hover{background-color:#fffaf0;text-decoration:none}a.btn,a.btn:hover,a.btn:focus-visible,a.btn *{text-decoration:none}.btn-ghost{background-color:#0c0f17b8;color:var(--color-text);border-color:var(--color-line-strong)}.btn-ghost:hover{border-color:var(--color-accent);color:var(--color-accent);text-decoration:none}.qa-media{position:relative;border-radius:var(--radius-l);overflow:hidden}.qa-media.media{aspect-ratio:16 / 10;min-height:clamp(200px,30vw,320px)}@media(max-width:600px){.qa-media.media{aspect-ratio:auto;min-height:0;overflow:visible;border-radius:0;background:none}.qa-media.media:after{display:none}.qa-media.media>picture,.qa-media.media>.approach-stack{display:block;position:relative;aspect-ratio:16 / 10;overflow:hidden;border-radius:var(--radius-l)}.qa-media.media figcaption{position:static;padding:var(--space-3) 0 0;background:none;backdrop-filter:none;color:var(--color-muted)}}.qa-media.media img,.qa-media.media video{position:absolute;inset:0}.qa-media img,.qa-media video{width:100%;height:100%;aspect-ratio:16 / 10;object-fit:cover}.qa-media img{transform:scale(1.12)}.qa-media figcaption{position:absolute;inset-inline:0;bottom:0;padding:var(--space-4) var(--space-4) var(--space-3);font-size:var(--step--1);color:var(--color-text);background:linear-gradient(180deg,#05060a00,#05060aeb);backdrop-filter:blur(4px)}.cannonball-fig{padding:var(--space-3);background:radial-gradient(85% 100% at 30% 100%,#9fb7ff12,#9fb7ff00 60%),var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-l)}.cannonball-fig figcaption{position:static;background:none;backdrop-filter:none;color:var(--color-muted);text-align:center;padding:var(--space-3) var(--space-4) var(--space-2)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.starfield,.starfield:before,.starfield:after,.css-moon,.scroll-cue .line:after,.orbit-dot,.hemi-badge .badge-dot,.tide-bulge,.moon-render,.phase-moon,.btn{animation:none!important;transition:none!important}.qa-media img{transform:none}.phase-shadow{transition:none!important}.reveal{animation:none!important;opacity:1;transform:none}.hero-content,.hero-moon,.qa-media img{animation:none!important;transform:none!important}}.era-band{margin:0 0 var(--space-9)}.era-band img{display:block;width:100%;height:auto;border-radius:var(--radius-l);border:1px solid var(--color-line)}.era-band figcaption{margin-top:var(--space-3);font-size:var(--step--1);line-height:1.6;color:var(--color-muted)}.era-band figcaption strong{color:var(--color-text)}@media(max-width:700px){.era-band img{aspect-ratio:4 / 3;object-fit:cover;object-position:88% 50%}}.inline-photo{margin:var(--space-5) 0 var(--space-6)}.inline-photo img{aspect-ratio:2349 / 1468;display:block;width:100%;height:auto;border-radius:var(--radius-m);border:1px solid var(--color-line)}.inline-photo figcaption{margin-top:var(--space-2);font-size:.75rem;color:var(--color-muted)}.sub-num{display:block;margin-bottom:var(--space-2);font-family:var(--font-mono);font-size:var(--step--1);letter-spacing:.3em;color:var(--color-accent)}.approach-stack{position:absolute;inset:0}.approach-band{margin:0}.approach-track.is-sticky{height:calc(var(--card-h, 0px) + 180svh)}.approach-track.is-sticky>.approach-card{position:sticky;top:88px}.approach-card{overflow:hidden;border-radius:var(--radius-l);border:1px solid var(--color-line);background:var(--color-surface)}.approach-band .approach-stack{position:relative;aspect-ratio:2 / 1;overflow:hidden;max-height:calc(100svh - 88px - 13rem);width:100%}.approach-band .approach-stack img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.approach-band figcaption{display:block;border-top:1px solid var(--color-line)}@media(max-width:700px){.approach-band .approach-stack{aspect-ratio:16 / 10}}.approach-fig [data-stop-img]{opacity:0;transition:opacity .35s var(--ease-out)}.approach-fig[data-stop="0"] [data-stop-img="0"],.approach-fig[data-stop="1"] [data-stop-img="1"],.approach-fig[data-stop="2"] [data-stop-img="2"]{opacity:1}@media(prefers-reduced-motion:reduce){.approach-fig [data-stop-img]{transition:none}}
