:root{color-scheme:dark;--bg:#030810;--ink:#f1f4f7;--muted:#afc0ce;--cyan:#a4d4ea;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,canvas:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.skip{position:fixed;top:-100px;left:25px;z-index:50;background:#142d42;padding:12px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
#experience{height:410svh}#stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;background:#030810}#visual{position:absolute;inset:0}#scene{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#scene:active{cursor:grabbing}.site-header{position:absolute;top:0;left:0;right:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:0 5%;height:104px}.brand img{display:block;width:224px;height:auto}.site-header nav{display:flex;gap:38px;font-size:12px;color:#c1cdd6}.site-header nav span{color:var(--cyan);margin-left:12px;font-size:17px}
.copy{position:absolute;left:5%;top:48%;transform:translateY(-43%);width:47%;max-width:700px;z-index:3;pointer-events:none}.copy a{pointer-events:auto}.eyebrow{font:10px/1.6 monospace;letter-spacing:.17em;color:#b2c9d9;margin:0 0 32px;display:flex;align-items:center;gap:18px}.eyebrow i{height:1px;width:24px;background:#80afc8;display:inline-block}.mask{display:block;overflow:hidden;padding:0 .1em .05em 0;margin-bottom:-.05em}.hero-line,.testing-line{display:block;will-change:transform}h1{font-weight:400;letter-spacing:-.066em;font-size:clamp(62px,5.75vw,108px);line-height:1.06;margin:0 0 32px}.accent{color:#c6dfee}.lead{font-size:clamp(15px,1.18vw,20px);line-height:1.75;color:var(--muted);margin:0 0 35px;max-width:560px}.explore{display:inline-flex;align-items:center;gap:42px;border:1px solid #6a9caf;border-radius:30px;padding:17px 26px;font-size:12px;background:#04101a22;color:#dbeaf2}.explore span{font-size:20px;line-height:1}.explore:hover{background:#112b3b}
.testing-copy{top:48%;width:39%;max-width:510px;transform:translateY(-45%);visibility:hidden}h2{font-size:clamp(46px,4.2vw,72px);line-height:1.06;letter-spacing:-.055em;font-weight:400;margin:0 0 22px}.testing-lead{font-size:16px;line-height:1.7;margin-bottom:26px}.test-list{list-style:none;padding:0;margin:0;max-width:440px}.skill{display:flex;gap:20px;padding:18px 0;border-top:1px solid #8aaec024}.skill>span{font:10px/1.8 monospace;color:#86b6cf}.skill h3{font-size:15px;font-weight:400;margin:0 0 7px;color:#e5edf3}.skill p{font-size:12px;line-height:1.65;color:#a5b9ca;margin:0}.test-note{font:9px/1.6 monospace;color:#98b4c9;margin:22px 0 0;letter-spacing:.03em}.application-caption{position:absolute;left:5%;bottom:100px;font-size:12px;line-height:1.85;color:#b2c8d8;opacity:0;visibility:hidden;pointer-events:none}.application-caption span{font:9px/1.9 monospace;letter-spacing:.14em;color:#79aec8}
.inspection{position:absolute;right:5%;bottom:87px;z-index:5;display:flex;align-items:center;gap:13px;color:#8ca6b9;font:9px/1.5 monospace}.inspection button{background:none;border:0;color:#bdd0dd;font-size:10px;padding:7px;touch-action:manipulation}.inspect-mobile{display:none}.sequence-footer{position:absolute;bottom:24px;left:5%;right:5%;z-index:5;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a3bdce}.sequence-footer nav{display:flex;gap:28px}.sequence-footer a{padding:12px 0;font:10px monospace;color:#698ca3;border-bottom:1px solid transparent}.sequence-footer a span{font:11px Arial,sans-serif;margin-left:7px}.sequence-footer a[aria-current]{color:#cbe5f3;border-color:#92c9e1}.sequence-footer button{font:10px Arial;background:transparent;border:0;color:#89aabc;padding:8px 0}.scroll-hint{font:9px monospace;letter-spacing:.08em}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#1a2a3855}.progress-track i{display:block;width:100%;height:100%;background:#84bfd5;transform:scaleX(0);transform-origin:left center}
#loading{position:absolute;right:7%;top:110px;font:10px monospace;color:#9ec1d8;z-index:4}#loading[hidden]{display:none}#poster{position:absolute;inset:0;pointer-events:none;opacity:1;visibility:hidden}#poster picture,#poster img{display:block;width:100%;height:100%;object-fit:cover}#poster.loaded{opacity:0}#fallback-notice{position:absolute;right:6%;bottom:140px;font-size:11px;color:#b7ccdc}.no-webgl #scene,.no-webgl .inspection{display:none}
/* QA75-011: fallback artwork is not a loading frame. Its camera/display differs
   from the live scene and cover-fitting made it jump in size on every refresh. */
.no-webgl #poster,.motion-off #poster{visibility:visible}
@media(min-width:801px) and (max-height:760px){#stage{min-height:520px}.site-header{height:85px}.copy{top:47%;transform:translateY(-40%)}h1{font-size:66px}.eyebrow{margin-bottom:22px}.lead{font-size:14px;margin-bottom:25px}.testing-copy{top:48%;transform:translateY(-46%)}h2{font-size:44px}.skill{padding:13px 0}.skill p{font-size:11px}.test-note{margin-top:15px}.testing-lead{margin-bottom:18px;font-size:14px}.sequence-footer{bottom:14px}.inspection{bottom:65px}.application-caption{bottom:85px}}
@media(max-width:800px){#experience{height:390svh}#stage{min-height:520px}.site-header{height:72px;padding:0 25px}.brand img{width:162px}.site-header nav{font-size:10px;gap:0}.site-header nav>a:last-child{display:none}.site-header nav span{margin-left:5px;font-size:13px}.copy{top:100px;left:25px;right:25px;transform:none;width:auto;max-width:none}.eyebrow{font-size:7.5px;letter-spacing:.12em;gap:12px;margin-bottom:19px}.eyebrow i{width:18px}h1{font-size:clamp(35px,10.2vw,57px);line-height:1.02;letter-spacing:-.06em;margin-bottom:19px}.lead{font-size:12px;line-height:1.65;max-width:370px;margin-bottom:0}.desktop-break{display:none}.explore{display:none}#visual{top:34%;height:61%;bottom:auto;width:100%}#visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,#030810,transparent 16%,transparent 87%,#030810)}.inspection{right:25px;left:25px;bottom:48px;justify-content:center;gap:8px;font-size:8px}.inspection button{min-width:44px;min-height:44px;font-size:9px}.inspect-desktop{display:none}.inspect-mobile{display:inline}.sequence-footer{bottom:12px;left:25px;right:25px}.sequence-footer nav{gap:19px}.sequence-footer a{font-size:9px;padding:10px 0}.sequence-footer a span{font-size:9px;margin-left:4px}.sequence-footer button{font-size:9px;max-width:55px;min-height:40px;text-align:left}.scroll-hint{display:none}.testing-copy{top:96px;transform:none}.testing-copy .eyebrow{font-size:8px;margin-bottom:14px}h2{font-size:37px;line-height:1.02;margin-bottom:18px}.testing-lead{display:none}.test-list{position:relative;height:87px;max-width:none}.skill{position:absolute;inset:0;padding:15px 0 0;gap:13px;align-items:flex-start}.skill h3{font-size:13px;margin-bottom:7px}.skill p{font-size:11px;line-height:1.6}.test-note{font-size:7.5px;margin-top:2px}.application-caption{left:25px;bottom:auto;top:305px;font-size:10px}.application-caption span{font-size:8px}#loading{top:auto;bottom:115px;left:25px;right:25px;text-align:center;font-size:9px}#poster img{object-fit:contain}#fallback-notice{bottom:80px;font-size:9px;left:25px;right:25px;text-align:center}}
@media(max-height:690px) and (max-width:800px){.copy{top:82px}.site-header{height:62px}.eyebrow{margin-bottom:11px}h1{font-size:34px;margin-bottom:12px}.lead{font-size:11px;max-width:330px}.testing-copy{top:80px}h2{font-size:31px}.test-list{height:76px}.test-note{display:none}#visual{top:36%;height:59%}.application-caption{top:256px}.inspection{bottom:44px}.sequence-footer{bottom:6px}}
@media(min-width:801px) and (max-height:520px){#stage{min-height:360px}.site-header{height:61px}.brand img{width:170px}.copy{top:48%;width:44%}h1{font-size:39px;margin-bottom:15px}.eyebrow{font-size:8px;margin-bottom:14px}.lead{font-size:11px;line-height:1.5;margin-bottom:15px}.explore{font-size:10px;padding:10px 17px}.testing-copy{width:42%;top:49%}h2{font-size:30px;margin-bottom:13px}.testing-lead,.test-note{display:none}.skill{padding:8px 0}.skill h3{font-size:11px;margin-bottom:4px}.skill p{font-size:9px}.inspection{bottom:48px}.sequence-footer{bottom:5px}.application-caption{bottom:46px;font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.motion-off *{scroll-behavior:auto!important;transition:none!important}

@media(max-width:800px){.motion-off[data-chapter=testing] .skill{position:relative;opacity:1!important;clip-path:none!important;transform:none!important;padding:10px 0}.motion-off[data-chapter=testing] .test-list{height:auto}.motion-off[data-chapter=testing] .skill h3{font-size:12px;margin-bottom:4px}.motion-off[data-chapter=testing] .skill p{font-size:10px}.motion-off[data-chapter=testing] #visual{top:50%;height:44%}.motion-off[data-chapter=testing] .test-note{display:none}}