@font-face{font-family:Interplanetary;src:url("assets/fonts/PSInterplanetary-VariableGX.ttf") format("truetype");font-display:swap}
@font-face{font-family:Manrope;src:url("assets/fonts/Manrope-Light.ttf") format("truetype");font-display:swap}
:root{--black:#08090a;--white:#e5e9e7;--green:#a2f878;--purple:#a487e3;--line:#a8b4b23b;--display:Manrope,"Helvetica Neue",Arial,sans-serif;--mono:"Courier New",monospace;--body:Manrope,"Helvetica Neue",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{margin:0;background:transparent;isolation:isolate;color:var(--white);font-family:var(--body)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--green);outline-offset:5px}img{display:block;max-width:100%}::selection{background:var(--green);color:var(--black)}
.skip-link{position:fixed;z-index:40;top:-5rem;left:1rem;background:var(--green);color:#000;padding:.6rem}.skip-link:focus{top:.6rem}
.background-system{position:fixed;z-index:-2;inset:0;background:#08090a url("assets/operational-airframe.svg") center center/cover no-repeat}
.background-system:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#070808b8 0%,transparent 40%,#07080876 100%),linear-gradient(0deg,#070808b9 0%,transparent 25%,transparent 75%,#07080866 100%)}
.topbar{position:sticky;z-index:20;top:0;display:flex;justify-content:space-between;align-items:center;min-height:66px;padding:0 2.1vw;border-bottom:1px solid var(--line);background:#08090ae8;backdrop-filter:blur(14px)}
.brand{font:550 clamp(1.3rem,2vw,2rem)/1 var(--display);white-space:nowrap;letter-spacing:-.055em}.brand-mark{font:14px var(--mono);color:var(--green);padding-left:7px;vertical-align:top}.topbar nav{display:flex;flex-wrap:wrap;gap:clamp(.75rem,1.7vw,2.2rem)}.topbar nav a,.system-head,.kicker,.panel-head,.tiny-link,.section-number,.field-counter,.hyper-bottom,.bottom-bar{font:11px/1.4 var(--mono);letter-spacing:.06em}.topbar nav a:hover,.topbar nav .current{color:var(--green)}.topbar nav .variant-switch{color:var(--purple);border:1px solid var(--purple);padding:4px 7px;margin:-5px 0}
.system-head{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 2.1vw;border-bottom:1px solid var(--line);color:#a5b0ac}.signal{color:var(--green)}
.opening{display:grid;grid-template-columns:42% 58%;align-items:end;min-height:calc(100svh - 92px);padding:5vh 2.1vw 3vh;gap:0}
.opening-copy{align-self:center}.opening-copy h1{margin:1.5rem 0 0;font:300 clamp(3.6rem,7vw,8.8rem)/.89 var(--display);letter-spacing:-.07em;text-transform:uppercase}.opening-copy h1 em{font-style:normal;color:var(--green)}.opening-copy .small-note{margin:4rem 0 0;max-width:18rem;color:#b2b8b7;font:11px/1.7 var(--mono);text-transform:uppercase}
.index-panel{position:relative;margin:0 0 1vh 4vw}.panel-head{display:flex;justify-content:space-between;gap:1rem;margin:0;padding:0 0 .85rem;color:var(--green)}.panel-head span:last-child{color:#929c9a}.index-row{display:grid;grid-template-columns:2.2rem minmax(0,1fr) 1rem;align-items:baseline;gap:.45rem;border-top:1px solid var(--line);padding:.46rem 0 .52rem;transition:padding .18s,color .18s,background .18s}.index-row:last-child{border-bottom:1px solid var(--line)}.index-row:hover,.index-row:focus-visible{padding-left:.6rem;color:var(--green);background:#171d1699}.index-row>span:nth-child(2){font:490 clamp(1.45rem,2.6vw,3.45rem)/1.01 var(--display);letter-spacing:-.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-no{font:10px var(--mono);color:#9ba6a2}.row-arrow{font:18px var(--mono);color:var(--green);opacity:0}.index-row:hover .row-arrow,.index-row:focus-visible .row-arrow{opacity:1}.tiny-link{display:block;width:max-content;padding-top:1.2rem;color:var(--green)}.tiny-link:hover{text-decoration:underline}
.hover-preview{position:fixed;z-index:6;width:min(23vw,320px);height:min(30vw,360px);left:35%;top:26%;opacity:0;pointer-events:none;filter:drop-shadow(0 20px 50px #000d);transform:rotate(-3deg) scale(.93);transition:opacity .2s,transform .25s}.hover-preview.show{opacity:1;transform:rotate(-3deg) scale(1)}.hover-preview img{width:100%;height:100%;object-fit:cover;border:1px solid #a2f87880}
.below-section{display:grid;grid-template-columns:30% 70%;padding:10rem 6vw 11rem;border-top:1px solid var(--line);background:#08090abd;min-height:76vh;scroll-margin-top:65px}.section-number{color:var(--green)}.below-section h2{font:500 clamp(2.4rem,5.5vw,6.4rem)/.98 var(--display);letter-spacing:-.045em;margin:0 0 2.5rem;max-width:12ch}.below-section>div:nth-child(2)>p{font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.55;max-width:42rem;color:#c5cbca;margin:0 0 2rem}.below-section .section-note{font:12px/1.6 var(--mono)!important;color:#a6afac!important}.process-links,.text-links{border-top:1px solid var(--line);margin-top:3rem}.process-links>span,.text-links>a,.talk-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line);padding:1.2rem 0;font:450 clamp(1.25rem,2vw,2.3rem)/1.12 var(--display)}.process-links small,.text-links small,.talk-row small{font:10px/1.3 var(--mono);color:var(--green);white-space:nowrap}.text-links>a:hover{color:var(--green)}.talk-row{color:#aeb9b6}.info-section-new{min-height:65vh}.social-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:3rem;font:12px var(--mono);color:var(--green)}.social-links a:hover{text-decoration:underline}.bottom-bar{display:flex;justify-content:space-between;gap:1rem;padding:1rem 2.1vw;border-top:1px solid var(--line);background:#08090a;color:#a9b4b1}.bottom-bar a{color:var(--green)}
/* A second entry mechanism: a reading surface with words as navigation. */
.concept-b .background-system{background-position:57% center}.concept-b .background-system:after{background:linear-gradient(90deg,#08090ae8 0%,#08090a78 58%,#08090a88 100%)}
.hyper-main{position:relative;min-height:calc(100svh - 66px)}.field-counter{margin:5vh 6vw 0;color:var(--green)}.hyper-composition{padding:3vh 6vw 7vh;max-width:1200px}.hyper-line{font:490 clamp(3.4rem,7.4vw,8.5rem)/.99 var(--display);letter-spacing:-.05em;margin:0 0 .35em;text-transform:uppercase}.line-two{padding-left:12vw}.line-three{padding-left:5vw;color:#b8c1bf}.hyper-line a{position:relative;color:var(--green);text-decoration:underline;text-decoration-thickness:.035em;text-underline-offset:.1em}.hyper-line a:hover{color:var(--purple)}.hyper-line a:hover:after{content:"[ OPEN ↗ ]";position:absolute;left:0;top:-1.45rem;font:11px var(--mono);letter-spacing:0;white-space:nowrap}.inline-indicator{font:clamp(1rem,2vw,2.3rem) var(--mono);vertical-align:top}.punctuation{color:var(--white)}
.hyper-card{position:fixed;z-index:4;right:5vw;top:35vh;width:min(25vw,340px);aspect-ratio:4/5;border:1px solid var(--purple);background:#141417;opacity:0;pointer-events:none;transform:rotate(5deg) scale(.9);transition:opacity .23s,transform .25s}.hyper-card.show{opacity:1;transform:rotate(5deg) scale(1)}.hyper-card img{width:100%;height:100%;object-fit:cover}.hyper-card span{position:absolute;bottom:-1.8rem;right:0;color:var(--purple);font:10px var(--mono)}.hyper-bottom{display:flex;justify-content:space-between;gap:2rem;align-items:end;margin:0 6vw;padding:1.2rem 0 2rem;border-top:1px solid var(--line)}.hyper-bottom p{margin:0;color:#bbc7c3}.hyper-bottom>div{display:flex;gap:2rem;color:var(--green)}.hyper-bottom a:hover{text-decoration:underline}
@media(max-width:950px){.opening{grid-template-columns:1fr;min-height:0;padding-top:10vh}.opening-copy h1{font-size:clamp(4rem,12vw,8rem)}.opening-copy .small-note{margin:1.5rem 0 3rem}.index-panel{margin:1rem 0 4rem}.index-row>span:nth-child(2){font-size:clamp(1.7rem,4.5vw,3.5rem)}.hover-preview{display:none}.below-section{padding:7rem 4vw;grid-template-columns:22% 78%}.hyper-card{right:2vw}}
@media(max-width:660px){.topbar{align-items:start;flex-direction:column;gap:.7rem;padding:1rem 4vw}.topbar nav{gap:.9rem;font-size:10px}.topbar nav a{font-size:10px}.system-head{padding:.7rem 4vw;font-size:9px}.system-head span:nth-child(2){display:none}.opening{padding:8vh 4vw 5vh}.opening-copy h1{font-size:clamp(3.3rem,15vw,6.1rem)}.index-row{padding:.65rem 0}.index-row>span:nth-child(2){font-size:clamp(1.35rem,6vw,2.5rem)}.below-section{display:block;padding:5rem 4vw;min-height:0}.section-number{margin-bottom:2.2rem}.below-section h2{font-size:clamp(2.7rem,11vw,5rem)}.process-links>span,.text-links>a,.talk-row{display:block;font-size:1.5rem}.process-links small,.text-links small,.talk-row small{display:block;margin-top:.6rem}.hyper-main{min-height:calc(100svh - 120px)}.field-counter{margin:5vh 4vw 0}.hyper-composition{padding:5vh 4vw 6vh}.hyper-line{font-size:clamp(2.7rem,12vw,5.4rem)}.line-two{padding-left:5vw}.line-three{padding-left:0}.hyper-card{display:none}.hyper-bottom{margin:0 4vw;display:block}.hyper-bottom>div{margin-top:1.4rem;flex-wrap:wrap}.bottom-bar{padding:1rem 4vw;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.review-dialog{width:100vw;max-width:none;height:100vh;max-height:none;margin:0;border:0;padding:clamp(1rem,4vw,4rem);background:#0b0d0e;color:var(--white);box-shadow:none;font-family:var(--body)}.review-dialog::backdrop{background:#000}.review-dialog h2{max-width:15ch;margin:10vh 0 2rem;font:300 clamp(3.5rem,10vw,11rem)/.9 var(--display);letter-spacing:-.065em}.review-label,.review-format,.review-close,.review-media,.review-index-row,.review-pending{font:12px/1.5 var(--mono)}.review-label{color:var(--green)}.review-format{color:var(--purple);text-transform:uppercase;margin-bottom:3rem}.review-close{position:fixed;z-index:3;top:1.2rem;right:1.2rem;border:1px solid var(--green);padding:.55rem .8rem;background:#0b0d0ef2;color:var(--green);cursor:pointer}.review-image{width:100%;height:auto;max-height:none;object-fit:contain;object-position:left center;margin:5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-lead{max-width:55rem;font:300 clamp(2rem,4vw,5rem)/1.15 var(--display)}.review-copy{max-width:50rem;font:clamp(1rem,1.4vw,1.25rem)/1.75 var(--body);color:#c9d1cd}.review-media{display:block;width:max-content;max-width:100%;margin:1.5rem 0;color:var(--green)}.review-video-title{margin:6rem 0 1rem;font:300 clamp(2rem,4vw,4.5rem)/1 var(--display);color:var(--green)}.review-video{display:block;width:100%;aspect-ratio:16/9;border:1px solid var(--line);background:#000}.review-pending{margin:4rem 0;padding:2rem;border:1px dashed var(--purple);color:var(--purple);text-transform:uppercase}.review-index-row{display:block;width:100%;border:0;border-top:1px solid var(--line);padding:1.3rem .2rem;background:transparent;color:var(--white);text-align:left;cursor:pointer}.review-index-row:hover{color:var(--green)}body[data-standalone="true"] .variant-switch{display:none}
