:root{color-scheme:dark;--paper:#eeeae2;--muted:#8e969b;--line:#ffffff18;--accent:#afe7f0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px;background:#050607}body{margin:0;background:#050607;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{color:inherit}p{line-height:1.65;margin-top:0}h1,h2,h3{margin-top:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.02}h2{font-size:clamp(44px,6.5vw,96px);margin-bottom:28px}.eyebrow{font:9px monospace;letter-spacing:2.7px;color:#9eb4bd;text-transform:uppercase;margin:0 0 28px}.skip{position:fixed;left:24px;top:-80px;z-index:99;background:#eee;color:#111;padding:14px}.skip:focus{top:90px}
header{position:fixed;inset:0 0 auto;z-index:30;height:78px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:linear-gradient(#080b0ff2,#080b0fca)}.brand{display:inline-flex;align-items:center}.brand img{display:block;width:108px;height:62px;object-fit:contain;transition:opacity .25s}.brand:hover img{opacity:.75}.nav{display:flex;gap:32px;align-items:center;font-size:11px;letter-spacing:.2px}.nav a{color:#abb2b6}.nav a:hover{color:#fff}.nav .pill{color:#eef4f5;border-bottom:1px solid #ffffff55;padding:10px 0}.progress{position:fixed;top:77px;left:0;z-index:31;width:0;height:1px;background:#a5daea}
.intro{height:560svh;position:relative}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#060607}.camera-poster,.camera-canvas{position:absolute;inset:78px 0 0;width:100%;height:calc(100% - 78px);object-fit:contain}.camera-canvas{z-index:1}.camera-shade{position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#05060755,transparent 48%);pointer-events:none}.camera-copy{position:absolute;left:5vw;bottom:112px;z-index:4;width:min(340px,30vw);padding:27px 28px;background:linear-gradient(125deg,#1a2024d9,#080c10b8);border:1px solid #ffffff1c;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff0d;opacity:0;pointer-events:none;will-change:opacity,transform}.camera-copy:first-of-type{opacity:1}.camera-copy h1,.camera-copy h2{font-size:clamp(35px,4.3vw,62px);margin-bottom:17px}.camera-copy p{font-size:13px;color:#a6b0b6;margin-bottom:0}.camera-copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:22px;color:#a2c5d0}.camera-copy .tagline{font-size:17px;color:#eef1ef;margin-bottom:10px}.camera-controls{position:absolute;left:5vw;right:5vw;bottom:37px;z-index:5;display:flex;align-items:center;gap:25px}.camera-controls label{font:8px monospace;letter-spacing:2px;color:#a2abb1;white-space:nowrap}.camera-controls input{appearance:none;-webkit-appearance:none;width:150px;background:transparent;height:24px;cursor:ew-resize}.camera-controls input::-webkit-slider-runnable-track{height:1px;background:#ffffff35}.camera-controls input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;height:7px;width:7px;border-radius:50%;background:#d7eff5;margin-top:-3px}.camera-controls input::-moz-range-track{height:1px;background:#ffffff35}.camera-controls input::-moz-range-thumb{height:7px;width:7px;border:0;background:#d7eff5}.camera-counter{margin-left:auto;font:8px monospace;letter-spacing:2px;color:#74818a}.camera-counter span{color:#becbd1}.sequence-status{position:absolute;right:5vw;top:100px;z-index:6;font:9px monospace;color:#acbec8;letter-spacing:1px}.sequence-status:empty{display:none}
.signature-strip{max-width:1280px;margin:0 auto;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:27px 0;display:flex;justify-content:space-between;gap:25px;font:9px monospace;letter-spacing:2px;color:#7e8c95}.signature-strip span:last-child{color:#b7c9ce}.chapter{max-width:1440px;margin:auto;padding:140px 8vw}.construction{background:radial-gradient(ellipse at 80% 50%,#10171c,#080b0d 65%)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:65px}.section-top p{color:var(--muted);max-width:285px;font-size:16px}.section-top .eyebrow{font-size:9px;color:#9eb4bd}.hardware{display:grid;grid-template-columns:1.15fr 1fr;gap:7vw;align-items:center;margin-top:40px}.inspection{height:550px;position:relative;overflow:hidden;border:1px solid #ffffff12;border-radius:2px;background:#080a0c}.inspection img{width:100%;height:100%;object-fit:cover;object-position:center}.inspection:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#040608ba);pointer-events:none}.image-caption{position:absolute;bottom:23px;left:24px;z-index:1;font:8px monospace;letter-spacing:2px;color:#a2b0b9}.part{display:block;width:100%;padding:30px 0;text-align:left;background:none;border:0;border-top:1px solid var(--line);cursor:pointer;color:#6e7b85}.part:last-child{border-bottom:1px solid var(--line)}.part .row{display:flex;gap:20px;align-items:center}.part .num{font:9px monospace;color:#59727e}.part-title{font-size:23px;letter-spacing:-.7px;flex:1}.plus{font-size:19px;color:#8496a0}.part-detail{display:none;margin:17px 0 0 34px;max-width:310px;font-size:14px;line-height:1.8;color:#8e9ca6}.part[aria-pressed=true]{color:#ebeff0}.part[aria-pressed=true] .part-detail{display:block}.part[aria-pressed=true] .num,.part[aria-pressed=true] .plus{color:#b3ddea}.part:hover .part-title{color:#dae6eb}
.capabilities{background:#090c0f;border-top:1px solid #ffffff09}.skills{display:grid;grid-template-columns:repeat(3,1fr);gap:55px;margin-top:75px}.skill{border-top:1px solid #ffffff25;padding-top:25px}.skill .index{font:8px monospace;letter-spacing:2px;color:#93a8b5;margin-bottom:52px}.skill h3{font-size:30px;letter-spacing:-1.2px;line-height:1.12;font-weight:400}.skill p{color:#82919c;font-size:14px;max-width:280px}.skills-note{margin:60px 0 0;color:#4f6572;font:8px monospace;letter-spacing:2px}.mind{min-height:850px;position:relative;overflow:hidden;display:flex;align-items:center;background:#050607}.mind img{position:absolute;right:0;width:60%;height:100%;object-fit:cover;object-position:center 18%;opacity:.65;mask-image:linear-gradient(90deg,transparent,#000 40%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 40%)}.mind .chapter{position:relative;width:100%;z-index:1}.mind h2{max-width:670px}.mind p{max-width:360px;color:#9ba5ac;font-size:15px}.mind .eyebrow{color:#a1b7c3;font-size:9px}.words{display:flex;gap:28px;margin-top:48px;font:8px monospace;letter-spacing:2.4px;color:#a1c6d3}
.mission{position:relative;text-align:center;overflow:hidden;padding:140px 24px 110px;background:radial-gradient(ellipse at 50% 110%,#173545 0,#0c161d 37%,#05080a 70%);border-top:1px solid var(--line)}.mission:before{content:'';position:absolute;width:80%;height:1px;top:0;left:10%;background:linear-gradient(90deg,transparent,#9edcea77,transparent)}.mission .eyebrow{margin-bottom:38px}.mission h2{font-size:clamp(80px,15vw,210px);font-weight:500;letter-spacing:-.06em;margin:0;background:linear-gradient(#f2f6f6,#667987);color:transparent;background-clip:text;-webkit-background-clip:text}.mission .incoming{font-size:clamp(20px,3vw,35px);color:#7f9ba9;margin:15px 0 32px;font-weight:400;letter-spacing:-.5px}.mission p{font-size:14px;max-width:470px;margin:0 auto 38px;color:#8399a6}.cta{display:inline-flex;gap:34px;align-items:center;padding:17px 0;border-bottom:1px solid #a2ced355;font-size:16px;letter-spacing:-.3px;transition:color .25s}.cta .arrow{display:grid;place-items:center;border:1px solid #a2ced333;border-radius:50%;width:40px;height:40px;font-size:19px;transition:transform .25s,background .25s}.cta:hover .arrow{transform:translate(3px,-3px);background:#b4e5f01a}.cta:hover{color:#c8edf7}.mission .destination{margin-top:21px;font:8px monospace;letter-spacing:2px;color:#607f90}footer{padding:45px 5vw;display:flex;align-items:center;justify-content:space-between;gap:30px;background:#040607;border-top:1px solid var(--line)}footer .brand img{width:136px;height:78px}footer>span{font:8px monospace;letter-spacing:2px;color:#536975}.footer-links{display:flex;gap:30px;font-size:10px;color:#8fa2ac}.footer-links a:hover{color:white}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.js .reveal.visible{opacity:1;transform:none}
.experience-loader{display:none}.experience-loading,.experience-loading body{overflow:hidden}.experience-loading .experience-loader{display:flex}.experience-loader{position:fixed;inset:0;z-index:80;background:#020304;align-items:center;justify-content:center;text-align:center;transition:opacity .9s;isolation:isolate}.experience-loader:before{content:'';position:absolute;inset:-30px;z-index:-1;background:url('assets/reveal-v5-desktop/frame-0001.webp') center/cover no-repeat;filter:blur(24px) brightness(.055);opacity:.65}.load-content{width:min(350px,75vw)}.load-logo{width:145px;height:auto;opacity:.65;margin-bottom:65px}.load-kicker{font:8px monospace;letter-spacing:3px;color:#657d8b;margin:0 0 20px}.load-title{font-size:34px;letter-spacing:-1.5px;font-weight:400;margin-bottom:45px;color:#c6d3da}.load-track{height:1px;background:#ffffff14;width:100%;overflow:hidden}.load-fill{height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:#a4d7e7;transition:transform .18s linear}.load-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;font:8px monospace;letter-spacing:1.5px;color:#607c8c}.load-actions{margin-top:24px;display:flex;justify-content:center;gap:24px}.load-actions button{border:0;border-bottom:1px solid #718895;background:none;padding:7px 0;color:#b5c6d1;font-size:11px;cursor:pointer}.load-actions[hidden]{display:none}.experience-loader.leaving{display:flex;opacity:0;pointer-events:none}.experience-loader[hidden]{display:none!important}
@media(min-width:1600px){.camera-copy{left:calc((100vw - 1400px)/2)}}
@media(max-width:760px){header{height:68px;padding:0 6vw}.brand img{width:91px;height:53px}.nav{gap:20px;font-size:10px}.nav a:first-child{display:none}.progress{top:67px}.intro{height:520svh}.camera-poster,.camera-canvas{inset:68px 0 0;height:calc(100% - 68px)}.camera-poster{object-fit:cover}.camera-shade{display:none}.camera-copy{left:6vw;right:6vw;bottom:85px;width:auto;padding:20px 23px;border-radius:16px}.camera-copy h1,.camera-copy h2{font-size:34px;margin-bottom:9px}.camera-copy .eyebrow{font-size:7px;margin-bottom:12px}.camera-copy p{font-size:12px;line-height:1.5}.camera-copy .tagline{font-size:16px;margin-bottom:6px}.camera-controls{left:6vw;right:6vw;bottom:28px;gap:15px}.camera-controls label{font-size:7px;letter-spacing:1px}.camera-controls input{width:85px}.camera-counter{font-size:7px;letter-spacing:1px}.signature-strip{padding:23px 7vw;font-size:7px;letter-spacing:1px;gap:10px}.signature-strip span:nth-child(2){display:none}.chapter{padding:85px 7vw}.section-top{display:block}.section-top p{font-size:14px}.hardware{grid-template-columns:1fr;gap:30px;margin-top:35px}.inspection{height:420px}.part{padding:25px 0}.part-title{font-size:21px}.part-detail{font-size:13px}.skills{grid-template-columns:1fr;gap:37px;margin-top:45px}.skill .index{margin-bottom:25px}.skill h3{font-size:29px}.skill p{max-width:360px}.skills-note{margin-top:35px;line-height:1.7}.mind{min-height:760px;align-items:flex-end}.mind img{width:100%;object-position:center top;opacity:.5;mask-image:linear-gradient(#000,transparent 95%);-webkit-mask-image:linear-gradient(#000,transparent 95%)}.mind .chapter{padding-top:275px;padding-bottom:80px}.mind h2{font-size:48px}.mind p{font-size:14px}.words{gap:18px;font-size:7px}.mission{padding:90px 7vw 80px}.mission h2{font-size:23vw}.mission .eyebrow{font-size:8px}.mission p{font-size:13px}.cta{font-size:16px;gap:23px}.mission .destination{font-size:7px}footer{padding:35px 7vw;flex-direction:column;align-items:flex-start;gap:23px}footer>span{font-size:7px}.footer-links{gap:24px;font-size:9px}.load-logo{width:130px;margin-bottom:55px}.load-title{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{height:100svh}.stage{position:relative}.camera-controls{display:none}.camera-copy{opacity:0}.camera-copy:last-of-type{opacity:1}.js .reveal{opacity:1;transform:none}}
/* Graphic controls: shared metallic artwork with live, accessible labels. */
.nav .brand-button,.cta.brand-button{position:relative;display:inline-flex;align-items:center;justify-content:center;isolation:isolate;background:none;border:0;color:#edf7fc;box-shadow:0 6px 24px #0004;text-shadow:0 1px 10px #83c6ef22;transition:transform .22s,box-shadow .22s}
.brand-button:before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/button-shell.svg') center/100% 100% no-repeat;transition:filter .22s}.brand-button:hover:before{filter:brightness(1.3)}.brand-button:hover{box-shadow:0 0 22px #58afff1c;transform:translateY(-1px)}
.nav .brand-button{height:43px;min-width:154px;padding:0 18px;gap:10px;font-size:11px;letter-spacing:.4px}.button-icon{display:inline-flex;width:22px;height:22px;color:#a4dfff}.button-icon svg{width:100%;height:100%}.button-chevron{font-size:14px;color:#9db9cb;margin-left:4px}
.cta.brand-button{padding:0 27px;height:76px;gap:19px;min-width:310px;font-size:18px;letter-spacing:-.3px}.button-emblem{width:63px;height:38px;object-fit:contain}.cta.brand-button .arrow{border:0;background:none;width:24px;height:24px;font-size:22px;color:#bcdeed}.cta.brand-button:hover .arrow{background:none}
.inspection[data-part="frame"] img{object-fit:cover;object-position:50% 55%;padding:0}.inspection[data-part="field"] img{object-fit:cover;object-position:50% 0%;padding:0;transform:scale(1.5);transform-origin:50% 0%}.inspection img{transition:opacity .2s}.inspection.pending img{opacity:.35}
@media(max-width:760px){.nav{gap:16px}.nav .brand-button{min-width:130px;height:40px;padding:0 13px;font-size:10px;gap:8px}.nav .button-icon{width:17px;height:17px}.cta.brand-button{min-width:0;width:min(320px,86vw);gap:15px;padding:0 22px;font-size:17px;height:73px}.button-emblem{width:58px}}
@media(max-width:360px){header{padding:0 5vw}.nav>a[href="#capabilities"]{display:none}}
