@font-face {
  font-family: 'Cormorant Garamond';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://assets.woxalabs.com/site/c3a8da7ed2aa4d48/fonts/cormorant-italic-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://assets.woxalabs.com/site/566fb7af6bdbd0ee/fonts/cormorant-normal-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Cormorant Garamond';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://assets.woxalabs.com/site/db7d56569237aae5/fonts/cormorant-normal-500.woff2) format('woff2');
}
@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url('https://assets.woxalabs.com/site/0a95f03c1c57a534/fonts/manrope-400.woff2') format('woff2')}
@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url('https://assets.woxalabs.com/site/3702665e0b699ff6/fonts/manrope-600.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:400;font-display:swap;src:url('https://assets.woxalabs.com/site/8ddecb3ff2197dc2/fonts/poppins-400.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url('https://assets.woxalabs.com/site/ebb3608a5fe56536/fonts/poppins-500.woff2') format('woff2')}
@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url('https://assets.woxalabs.com/site/b163ebaac22ab838/fonts/poppins-600.woff2') format('woff2')}

:root{--night:#262626;--deep:#1d1d1d;--paper:#e8e8e8;--chalk:#fafafa;--brass:#a3a3a3;--ink:#333333;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans);font-size:14px;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.02;letter-spacing:-.04em}h2{font-size:clamp(48px,5.6vw,86px)}em{font-weight:400}svg{display:block}button svg,a svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.25}.header{height:95px;padding:0 45px;display:flex;justify-content:space-between;align-items:center;gap:35px;position:absolute;inset:0 0 auto;z-index:10;color:var(--chalk)}.wordmark{font-size:29px;letter-spacing:-1.6px;line-height:1;display:flex;align-items:center;font-weight:600}.wordmark>span{font-weight:400}.wordmark i{font-family:var(--serif);font-size:37px;line-height:.7;font-style:normal;margin-left:11px;font-weight:400}.navigation{display:flex;gap:35px;font-size:11px;position:absolute;left:50%;transform:translateX(-50%)}.navigation a,.group-link{position:relative}.navigation a:after{content:'';position:absolute;inset:auto 0 -5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.navigation a:hover:after{transform:scaleX(1)}.group-link{font-size:10px;display:flex;gap:15px;align-items:center}.group-link span{font-size:18px}.menu-toggle,.mobile-menu{display:none}.hero{height:100svh;min-height:800px;max-height:1250px;position:relative;isolation:isolate;overflow:clip;color:var(--chalk);background:var(--night)}.painting{position:absolute;inset:-15px;z-index:-3;transform:translate(var(--scene-x,0px),var(--scene-y,0px)) scale(1.025);will-change:transform}.painting img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 52%}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#18181855 0%,transparent 20%,#1b1b1b0a 44%,#1919195e 84%,#191919ad 100%),radial-gradient(ellipse at 50% 41%,#22222250 0%,#2626262e 28%,transparent 58%)}.hero-heading{position:absolute;top:29%;left:50%;transform:translateX(-50%);text-align:center;width:680px;max-width:68%;text-shadow:0 2px 35px #19191966}.edition{display:flex;justify-content:center;align-items:center;gap:18px;font-size:11px;margin-bottom:25px}.edition span{width:32px;height:1px;background:#dfdfdf90}h1{font-size:clamp(75px,7.5vw,112px);line-height:.92;letter-spacing:-.045em}h1 em{display:inline-block;line-height:1.1}.hero-description{font-size:11px;line-height:1.85;margin-top:25px;color:#eeeeee}.hero-cta{font-size:11px;display:inline-flex;align-items:center;gap:22px;border:1px solid #e5e5e585;padding:12px 22px;margin-top:31px;backdrop-filter:blur(6px);background:#2626261c;transition:background .2s}.hero-cta:hover{background:#e8e8e8;color:var(--night);text-shadow:none}.hero-cta svg{width:16px;height:16px}.hero-marginalia{position:absolute;left:45px;right:45px;bottom:160px;display:flex;justify-content:space-between;font-family:var(--serif);font-style:italic;font-size:18px;color:#e9e9e9aa;pointer-events:none}.hero-base{position:absolute;left:45px;right:45px;bottom:32px;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:25px;font-size:10px}.hero-base p{line-height:1.8}.hero-base p>span{opacity:.65}.scene-controls{display:flex;align-items:center;gap:17px}.scene-controls button{padding:8px 0;border:0;background:transparent;display:flex;align-items:center;gap:10px;font-size:10px}.scene-controls button:first-child{opacity:.82}.scene-controls button[aria-pressed=true]{color:#c8c8c8}.scene-controls button svg{width:18px;height:18px}.scene-controls button:last-child{border:1px solid #ffffff44;width:28px;height:28px;justify-content:center;border-radius:50%;padding:0;line-height:1}.scroll-cue{justify-self:end;display:flex;align-items:center;gap:18px;font-size:10px}.scroll-cue>span{font-size:20px}.celestial-map{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;color:#c7c7c7;opacity:.24;transition:opacity .7s}.celestial-orbits{fill:none;stroke:currentColor;stroke-width:.65;opacity:.35;transform-origin:720px 465px;animation:orbit 100s linear infinite}.constellation{fill:currentColor;stroke:currentColor;stroke-width:.65;opacity:0;transition:opacity .7s}.constellation path{fill:none}.star-labels{fill:currentColor;font-family:var(--serif);font-size:18px;opacity:0;transition:opacity .7s}.map-visible .celestial-map{opacity:.7}.map-visible .constellation,.map-visible .star-labels{opacity:.85}.map-visible .celestial-orbits{opacity:.55}.motion-paused .celestial-orbits{animation-play-state:paused}.motion-paused .painting{transform:scale(1.025)}@keyframes orbit{to{transform:rotate(360deg)}}.section-pad{padding-left:max(60px,calc((100vw - 1320px)/2));padding-right:max(60px,calc((100vw - 1320px)/2))}.intro{padding-top:82px;padding-bottom:85px}.intro-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:42px}.section-label{font-size:11px;color:#6d6d6d}.small-symbol{font-family:var(--serif);color:#848484;font-size:36px;line-height:1}.intro-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:95px}.intro h2 em{color:#6f6f6f}.intro-copy{padding-top:13px;max-width:390px}.intro-copy p{font-size:12px;line-height:1.9}.intro-copy p+p{margin-top:20px;color:#6f6f6f}.underlined-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:10px;margin-top:30px;padding-bottom:7px;border-bottom:1px solid #33333355}.underlined-link:hover{border-color:currentColor}.perspective{padding-top:40px;padding-bottom:110px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.diagram-panel{min-width:0}.armillary{width:100%;height:auto;color:#919191}.outer-guide{fill:none;stroke:#a1a1a1;stroke-width:.8}.diagram-axis{fill:none;stroke:#a1a1a1;stroke-width:.5;stroke-dasharray:3 7}.armillary #diagram-orbits{fill:none;stroke:currentColor;stroke-width:1.6;transform-origin:center;transform:rotate(var(--diagram-rotation,0deg));transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}.diagram-labels{fill:#6e6e6e;font-family:var(--serif);font-size:20px;font-style:italic}.diagram-point{fill:#838383;stroke:var(--paper);stroke-width:5}.diagram-caption{display:flex;justify-content:space-between;align-items:center;gap:10px;font-family:var(--serif);font-size:14px;color:#808080}.diagram-caption>span:nth-child(2){font-size:9px;font-family:var(--sans);color:#6f6f6f}.perspective-copy .section-label{margin-bottom:25px}.perspective-copy h2{font-size:clamp(50px,5.3vw,78px)}.perspective-copy h2 em{color:#6f6f6f}.principles{display:flex;gap:30px;border-bottom:1px solid #36363626;margin-top:35px}.principles button{padding:0 0 12px;border:0;background:none;font-size:11px;position:relative;opacity:.6}.principles button[aria-selected=true]{opacity:1}.principles button[aria-selected=true]:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#363636}.principles button:hover{opacity:1}#principle-panel{min-height:170px;padding-top:24px;max-width:400px}#principle-panel h3{font-size:29px;line-height:1.2;letter-spacing:-.02em;margin-bottom:14px}#principle-panel p{font-size:12px;color:#6f6f6f;line-height:1.9}.work{background:var(--night);color:var(--paper);padding-block:90px 100px;text-align:center;position:relative;overflow:hidden}.work:before,.work:after{content:'';position:absolute;width:760px;height:760px;border:1px solid #a3a3a31a;border-radius:50%;left:calc(50% - 380px);top:50%;pointer-events:none}.work:after{width:1000px;height:1000px;left:calc(50% - 500px);top:43%}.work-symbol{font-size:50px;font-family:var(--serif);color:var(--brass);line-height:1;margin-bottom:26px}.work .section-label{color:#bdbdbd;margin-bottom:26px}.work h2{font-size:clamp(52px,6vw,88px);position:relative;z-index:1}.work h2 em{color:#b6b6b6}.work-copy{font-size:12px;color:#bebebe;margin-top:28px;line-height:1.9}.work-status{display:inline-flex;align-items:center;gap:8px;font-size:10px;padding:8px 14px;border:1px solid #a3a3a345;border-radius:30px;margin-top:32px;color:#d4d4d4}.work-status>span{height:5px;width:5px;border-radius:50%;background:var(--brass)}.footer{padding-top:40px;padding-bottom:22px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font-family:var(--serif);font-size:23px;line-height:1.1;font-style:italic;color:#5f5f5f}.footer-top>a{font-size:10px;display:flex;align-items:center;gap:15px}.footer-wordmark{display:flex;justify-content:space-between;align-items:center;font-family:var(--serif);font-size:clamp(100px,20.5vw,310px);line-height:1.35;letter-spacing:-.06em}.footer-wordmark>span{font-size:.52em;line-height:1;font-weight:400;color:#8f8f8f;letter-spacing:0;margin-top:12px}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;border-top:1px solid #33333326;font-size:9px;color:#737373}.footer-bottom strong{font-weight:600}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;top:12px;left:12px;z-index:30;background:var(--paper);color:var(--night);padding:10px 18px}.menu-open{overflow:hidden}
@media(min-width:1600px){.hero-heading{top:30%}.hero-description{font-size:13px}.edition{font-size:12px}}
@media(max-width:1100px){.header{padding-inline:30px}.navigation{gap:25px}.group-link{font-size:9px}.hero{min-height:780px}.hero-heading{top:30%;width:600px;max-width:80%}h1{font-size:90px}.painting img{object-position:50% 50%}.hero-base,.hero-marginalia{left:30px;right:30px}.section-pad{padding-inline:40px}.intro-layout{gap:45px}.perspective{gap:50px}.intro-copy p,#principle-panel p{font-size:11px}}
@media(max-width:760px){.header{height:79px;padding-inline:22px}.wordmark{font-size:25px}.wordmark i{font-size:29px;margin-left:8px}.navigation,.group-link{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;background:none;border:0;width:42px;height:42px;margin-right:-10px}.menu-toggle>span{width:22px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:19px;position:absolute;left:0;right:0;top:78px;background:var(--night);padding:25px 24px 35px;border-bottom:1px solid #a3a3a34d;font-family:var(--serif);font-size:28px;line-height:1.35}.header:has(.mobile-menu:not([hidden])){background:var(--night)}.hero{height:100svh;min-height:780px;max-height:1050px}.painting{inset:-8px}.painting img{object-position:50% 50%}.hero-shade{background:linear-gradient(180deg,#19191955 0%,#1a1a1a4a 24%,#1a1a1a26 52%,transparent 65%,#1a1a1a7d 90%,#1a1a1abd 100%)}.hero-heading{top:19%;max-width:none;width:calc(100% - 34px)}.edition{font-size:10px;gap:12px;margin-bottom:22px}.edition span{width:22px}h1{font-size:clamp(52px,12.8vw,82px);line-height:1.0;letter-spacing:-.045em}.hero-description{font-size:10px;margin-top:22px;line-height:1.85}.hero-cta{font-size:10px;padding:10px 18px;margin-top:23px}.hero-base{left:23px;right:23px;bottom:22px;grid-template-columns:1fr auto;font-size:8px;gap:20px}.scene-controls{gap:15px}.scene-controls button{font-size:9px}.scene-controls button svg{width:16px}.scroll-cue{display:none}.hero-marginalia{left:23px;right:23px;bottom:110px;font-size:16px}.celestial-map{opacity:.15}.section-pad{padding-inline:25px}.intro{padding-block:52px 45px}.intro-top{margin-bottom:28px}.section-label{font-size:10px}.small-symbol{font-size:29px}.intro-layout{grid-template-columns:1fr;gap:30px}.intro h2{font-size:57px;line-height:1.0}.intro-copy{padding:0;max-width:440px}.intro-copy p{font-size:11px;line-height:1.9}.underlined-link{font-size:10px;margin-top:23px}.perspective{grid-template-columns:1fr;gap:43px;padding-top:5px;padding-bottom:60px}.diagram-panel{max-width:430px;width:100%;margin:auto}.diagram-caption{font-size:12px}.diagram-caption>span:nth-child(2){font-size:8px}.perspective-copy .section-label{margin-bottom:18px}.perspective-copy h2{font-size:57px}.principles{gap:30px;margin-top:26px}.principles button{font-size:10px}#principle-panel{min-height:155px;padding-top:22px;max-width:440px}#principle-panel h3{font-size:27px}#principle-panel p{font-size:11px}.work{padding-block:60px 68px}.work-symbol{font-size:43px;margin-bottom:20px}.work .section-label{margin-bottom:22px}.work h2{font-size:55px}.work-copy{font-size:11px;margin-top:23px}.work-status{font-size:9px;margin-top:25px}.footer{padding-block:28px 22px}.footer-top p{font-size:19px}.footer-top>a{font-size:9px;gap:9px}.footer-wordmark{font-size:21.5vw;line-height:1.7}.footer-wordmark>span{font-size:.4em;margin-top:7px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:8px 20px;padding-top:15px}.footer-bottom>span:last-child{display:none}}
@media(max-width:360px){.header{padding-inline:18px}.hero{min-height:730px}.hero-heading{top:18%}.hero-description{font-size:9px}.hero-base{left:18px;right:18px}.hero-base p{font-size:8px}.scene-controls{gap:10px}.scene-controls button:first-child{font-size:8px;gap:6px}.intro h2,.perspective-copy h2{font-size:50px}.work h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.painting{transform:none!important}}
.scene-offscreen .celestial-orbits{animation-play-state:paused}

.painting picture{display:block;width:100%;height:100%}
/* Keep the full painted figures inside the narrow screen instead of cropping their faces. */
@media(max-width:760px){
 .painting picture{position:absolute;left:0;bottom:0;width:100%;height:auto;aspect-ratio:2/3;mask-image:linear-gradient(to bottom,transparent,#000000 18%)}
 .painting img{object-fit:contain;object-position:center bottom}
}
/* A larger hit target retains the small, quiet visual ring. */
.scene-controls button:last-child{width:44px;height:44px;border:0;position:relative}
.scene-controls button:last-child:before{content:'';position:absolute;inset:8px;border:1px solid #ffffff44;border-radius:50%;pointer-events:none}

:root{--cyan:#d8d8d8}
.star-field,.scan-sweep{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.scan-sweep{inset:-35% 0 auto;height:30%;background:linear-gradient(transparent,#e0e0e00d 75%,#e7e7e755 99%,transparent);opacity:0}.scanning .scan-sweep{animation:scan 2.8s cubic-bezier(.22,.61,.36,1) both}.instrument-layer{position:absolute;inset:0;pointer-events:none}.instrument{position:absolute;pointer-events:auto;border:0;background:none;color:#f6f6f6;display:flex;align-items:center;gap:9px;min-height:44px;min-width:44px;padding:4px;font-size:9px;letter-spacing:.14em;z-index:2}.instrument>span{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e6e6e6aa;border-radius:50%;background:#29292999;box-shadow:0 0 20px #cdcdcd33;position:relative}.instrument>span:after{content:'';position:absolute;inset:-6px;border:1px solid #e6e6e666;border-radius:50%;animation:beacon 3s ease-out infinite}.instrument i{font-style:normal;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s;background:#202020eb;padding:4px 8px;white-space:nowrap}.instrument:hover i,.instrument:focus-visible i,.scan-active .instrument i,.instrument[aria-expanded=true] i{opacity:1;transform:none}.instrument:hover>span,.instrument[aria-expanded=true]>span{background:#eeeeee;color:#2e2e2e}.instrument-tablet{left:22%;top:29%}.instrument-orbit{left:34%;top:17%}.instrument-laptop{left:78%;top:73%}.instrument-laptop i{position:absolute;right:45px}.hologram{position:absolute;width:165px;height:165px;color:var(--cyan);opacity:.45;transform:rotate(-22deg);mix-blend-mode:screen}.hologram-alpha{left:24%;top:3%}.hologram-beta{right:1%;top:61%;width:120px;height:120px}.hologram i{position:absolute;inset:0;border:1px solid #e3e3e38c;border-radius:50%;transform:rotateX(65deg);animation:holo-orbit 16s linear infinite}.hologram i:nth-child(2){transform:rotateY(65deg);animation-name:holo-cross;animation-duration:21s}.hologram i:nth-child(3){inset:18%;border-style:dashed;animation:orbit 24s linear infinite}.hologram i:after{content:'';position:absolute;left:10%;top:15%;width:5px;height:5px;border-radius:50%;background:#f7f7f7;box-shadow:0 0 12px #d7d7d7}.hologram>span{position:absolute;left:46%;top:36%;font:28px var(--serif);text-shadow:0 0 15px #cdcdcd;animation:levitate 5s ease-in-out infinite}.instrument-note{position:absolute;z-index:5;left:50%;bottom:120px;transform:translateX(-50%);width:350px;max-width:calc(100% - 36px);padding:25px 28px;background:#242424f2;border:1px solid #d8d8d866;box-shadow:0 15px 70px #00000055;color:#fbfbfb;backdrop-filter:blur(18px)}.instrument-note:not([hidden]){animation:note-in .35s ease-out}.note-close{position:absolute;top:1px;right:2px;width:44px;height:44px;background:none;border:0;font-size:25px}.note-label{color:var(--cyan);font-size:9px;letter-spacing:.15em;margin-bottom:12px}.instrument-note h2{font-size:35px;line-height:1.1;margin-bottom:12px}.note-copy{font-size:11px;line-height:1.85;color:#dfdfdf}.note-foot{display:block;font-size:8px;color:#b6b6b6;margin-top:18px}.scene-controls{gap:20px}.scene-controls #scan-toggle{color:#eaeaea;opacity:1}.scene-controls #scan-toggle>span:first-child{font-size:22px;line-height:1}.scene-controls button{min-height:44px}.scene-controls button[aria-pressed=true]{color:#eaeaea}.hero-marginalia{bottom:140px}.hero-heading .edition,.hero-heading h1,.hero-description,.hero-cta{animation:arrive 1s cubic-bezier(.2,.7,.3,1) both}.hero-heading h1{animation-delay:.12s}.hero-description{animation-delay:.25s}.hero-cta{animation-delay:.4s}.hero-cta svg{animation:arrow-drift 3s ease-in-out infinite}.orbit-control{display:flex;gap:18px;align-items:center;margin:8px 5% 25px;color:#626262;font-size:10px}.orbit-control label{white-space:nowrap}.orbit-control label span{margin-left:6px}.orbit-control input{width:100%;min-width:30px;accent-color:#6a6a6a;cursor:ew-resize}.orbit-control output{font-variant-numeric:tabular-nums;min-width:30px}.diagram-panel:hover .core{filter:drop-shadow(0 0 12px #91919180)}.work-symbol{animation:orbit 35s linear infinite}.footer-wordmark>span{transition:transform .8s cubic-bezier(.2,.7,.3,1)}.footer-wordmark:hover>span{transform:rotate(120deg)}.reveal-ready{opacity:0;transform:translateY(28px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.3,1)}.reveal-ready.revealed{opacity:1;transform:none}.motion-paused *, .motion-paused *:after,.scene-offscreen *,.scene-offscreen *:after{animation-play-state:paused!important}.motion-paused .reveal-ready{opacity:1;transform:none}.ripple{position:absolute;width:70px;height:70px;margin:-35px;border:1px solid #eeeeeeaa;border-radius:50%;pointer-events:none;animation:ripple .9s ease-out both;z-index:1}.scan-active .celestial-map{color:var(--cyan)}
@keyframes scan{0%{transform:translateY(0);opacity:0}15%{opacity:1}85%{opacity:.8}100%{transform:translateY(460%);opacity:0}}
@keyframes beacon{0%{transform:scale(.8);opacity:.6}80%,100%{transform:scale(1.5);opacity:0}}
@keyframes holo-orbit{to{transform:rotateX(65deg) rotate(360deg)}}
@keyframes holo-cross{to{transform:rotateY(65deg) rotate(-360deg)}}
@keyframes levitate{50%{transform:translateY(-8px)}}
@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes note-in{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
@keyframes arrow-drift{50%{transform:translateY(4px)}}
@keyframes ripple{to{transform:scale(3);opacity:0}}
@media(max-width:1100px) and (min-width:761px){.hero-base{grid-template-columns:1fr auto}.scroll-cue{display:none}.instrument-tablet{left:12%;top:27%}.instrument-orbit{left:27%;top:16%}.instrument-laptop{left:83%;top:74%}}
@media(max-width:760px){.hero-base{grid-template-columns:1fr;gap:7px;bottom:15px}.hero-base>p{display:none}.scene-controls{justify-content:center;gap:20px}.hero-marginalia{bottom:82px;font-size:13px}.instrument-layer{inset:auto -8px -8px;height:auto;aspect-ratio:2/3;transform:scale(1.025)}.instrument-tablet{left:23%;top:56%}.instrument-orbit{left:37%;top:44%}.instrument-laptop{left:78%;top:77%}.instrument i{display:none}.hologram-alpha{left:23%;top:40%;width:95px;height:85px}.hologram-beta{right:14%;top:69%;width:80px;height:65px}.hologram>span{font-size:20px}.instrument-note{bottom:82px;width:330px;padding:22px 25px}.instrument-note h2{font-size:31px}.instrument>span{width:27px;height:27px;font-size:8px}.orbit-control{gap:12px;font-size:9px}.scene-controls #scan-toggle>span:first-child{font-size:20px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.ripple{display:none}.scanning .scan-sweep{display:none}}
.page-hidden *, .page-hidden *:after{animation-play-state:paused!important}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{transition:none!important}
@media(max-width:760px){.hero-marginalia{display:none}}

:root{--night:#181818;--deep:#101010;--paper:#e4e4e4;--chalk:#e8e8e8;--cyan:#a8a8a8;--brass:#9a9a9a}
.hero{background:#121212}.hero-heading{left:5%;top:31%;transform:none;text-align:left;width:43%;max-width:610px;text-shadow:none}.hero-heading .edition{justify-content:flex-start;letter-spacing:.11em;text-transform:uppercase;font:10px ui-monospace,monospace}.hero-heading .edition span:first-child{display:none}.hero-heading h1{font-family:var(--sans);font-size:clamp(46px,4.8vw,78px);font-weight:400;line-height:1.08;letter-spacing:-.065em}.hero-heading h1 em{font-style:normal}.hero-description{font-size:11px;max-width:400px;line-height:1.9;color:#c8c8c8}.hero-cta{border-color:#a3a3a388;background:#17171790;backdrop-filter:none}.hero-shade{background:linear-gradient(90deg,#0d0d0d85,transparent 65%),linear-gradient(0deg,#111111a0,transparent 35%)}.hologram{display:none}.star-field{opacity:.35}.celestial-map{opacity:.08}.map-visible .celestial-map{opacity:.35}.instrument{color:#d4d4d4}.instrument>span{border-color:#bfbfbfaa;background:#212121ba;box-shadow:none}.instrument>span:after{border-color:#bfbfbf77;animation:none}.instrument i{background:#1d1d1ded}.instrument:hover>span,.instrument[aria-expanded=true]>span{background:#d7d7d7;color:#282828}.instrument-tablet{left:87%;top:24%}.instrument-tablet i{position:absolute;right:45px}.instrument-orbit{left:79%;top:53%}.instrument-laptop{left:60%;top:54%}.instrument-note{background:#1e1e1ef5;border-color:#9c9c9c77}.note-copy{color:#d6d6d6}.note-foot{color:#b3b3b3}.scan-sweep{background:linear-gradient(transparent,#a7a7a70d 75%,#b7b7b740 99%,transparent)}.scene-controls #scan-toggle,.scene-controls button[aria-pressed=true]{color:#cecece}.hero-marginalia{display:none}.intro .section-label,.perspective .section-label{font-family:ui-monospace,monospace;letter-spacing:.05em;text-transform:uppercase;font-size:10px}.intro h2,.perspective-copy h2{font-family:var(--sans);font-size:clamp(38px,4vw,62px);letter-spacing:-.055em;line-height:1.12}.intro h2 em,.perspective-copy h2 em{font-style:normal}.intro{padding-block:65px}.perspective{padding-bottom:80px}.intro-copy p{font-size:13px}.painting img{object-position:65% 50%}.ripple{border-color:#bbbbbb99}.hero .hero-cta svg{animation:none}
@media(min-width:1600px){.hero-heading{top:32%}}
@media(max-width:1100px) and (min-width:761px){.hero-heading{left:5%;width:45%;max-width:none;top:30%}.hero-heading h1{font-size:clamp(43px,5.4vw,60px)}.painting img{object-position:60%}.instrument-tablet{left:89%;top:25%}.instrument-orbit{left:87%;top:55%}.instrument-laptop{left:63%;top:56%}.hero-description{font-size:10px}}
@media(max-width:760px){.hero{min-height:800px}.hero-heading{left:24px;top:17%;width:calc(100% - 48px);max-width:none}.hero-heading h1{font-size:clamp(40px,10.7vw,65px);letter-spacing:-.055em}.hero-heading .edition{font-size:9px;margin-bottom:22px}.hero-description{font-size:10px;margin-top:19px;max-width:310px}.hero-description br{display:none}.hero-cta{margin-top:23px}.painting picture{aspect-ratio:1/1;mask-image:linear-gradient(transparent,#000000 25%)}.painting img{object-fit:cover;object-position:70% 50%}.hero-shade{background:linear-gradient(0deg,#0e0e0eb0,transparent 30%)}.instrument-layer{aspect-ratio:1/1}.instrument-tablet{left:79%;top:24%}.instrument-orbit{left:81%;top:51%}.instrument-laptop{left:48%;top:52%}.instrument-note{bottom:75px}.hero-base{bottom:14px}.intro h2,.perspective-copy h2{font-size:43px}.intro-copy p{font-size:12px}.intro{padding-block:48px}.perspective{padding-bottom:55px}}
@media(max-width:360px){.hero-heading{left:20px;width:calc(100% - 40px);top:16%}.hero{min-height:760px}.hero-description{font-size:10px}.hero-heading h1{font-size:39px}}
@media(min-width:761px){.instrument-orbit i{position:absolute;right:45px}}

/* Project field notes — scoped to preserve the existing observatory. */
.projects{--project-paper:#e0e0e0;--project-muted:#a8a8a8;--project-amber:#8f8f8f;background:#101010;color:var(--project-paper);padding-top:88px;padding-bottom:36px;overflow:clip}.projects-kicker,.project-meta,.project-index,.project-art figcaption,.project-frame,.project-mini-label,.project-footnote,.studio-concept-note,.projects-outro{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.projects-kicker{display:flex;justify-content:space-between;gap:24px;font-size:10px;letter-spacing:.025em;color:var(--project-muted);padding-bottom:28px;border-bottom:1px solid #e0e0e028}.projects-intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:end;margin-block:44px}.projects-intro h2{font-size:clamp(48px,5.4vw,80px);line-height:1.04}.projects-intro h2 em{color:#989898}.projects-intro-grid>p{font-size:13px;line-height:1.85;max-width:360px;color:#b8b8b8;padding-bottom:5px}.project-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:42px}.project-index a{display:flex;align-items:center;gap:14px;padding-block:14px;min-height:48px;font-size:11px;border-block:1px solid #e0e0e028;transition:color .2s}.project-index a>span:first-child{color:var(--project-amber);font-size:10px}.project-index a>span:last-child{margin-left:auto;font-size:18px}.project-index a:hover{color:#b8b8b8}.project-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(36px,5vw,78px);align-items:start;padding-block:95px;border-bottom:1px solid #e0e0e025;scroll-margin-top:35px}.project-row-reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr)}.project-row-reverse>.project-art{order:2}.project-row-reverse>.project-copy{order:1}.project-copy{min-width:0}.project-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;font-size:9px;color:var(--project-muted);line-height:1.6;margin-bottom:25px}.project-state{color:#aeaeae;border-left:1px solid #8f8f8f66;padding-left:12px}.project-copy h3{font-size:clamp(54px,5.8vw,85px);line-height:.96;margin-bottom:28px}.project-copy h3 em{color:#989898}.project-lead{font-size:17px;line-height:1.5;max-width:365px;margin-bottom:14px}.project-description{font-size:12px;line-height:1.9;color:#b5b5b5;max-width:390px}.project-models{display:flex;flex-wrap:wrap;gap:4px 16px;padding-block:22px 6px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;color:#b9b9b9}.project-models>span{white-space:nowrap}.project-details{margin-top:24px;border-block:1px solid #e0e0e028}.project-details summary{min-height:49px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;font-size:11px}.project-details summary::-webkit-details-marker{display:none}.project-details summary>span{font-size:23px;font-weight:300;color:#aeaeae;transition:transform .2s}.project-details[open] summary>span{transform:rotate(45deg)}.project-details summary:focus-visible{outline:2px solid #aeaeae;outline-offset:4px}.project-details dl{margin:3px 0 22px}.project-details dl>div{padding:12px 0;border-top:1px solid #e0e0e012}.project-details dt{font-size:11px;font-weight:600;color:#d8d8d8;line-height:1.6}.project-details dd{margin:5px 0 0;font-size:11px;line-height:1.85;color:#b0b0b0}.project-footnote{font-size:9px;line-height:1.85;color:#898989;margin-top:17px;max-width:355px}.project-source{font-size:10px;line-height:1.9;color:#9b9b9b;margin-bottom:20px}.project-source a{text-decoration:underline;text-underline-offset:3px;color:#aeaeae}.project-creative-line{display:flex;align-items:center;gap:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;margin-top:24px;color:#aeaeae}.project-creative-line i{font-style:normal;color:#707070}.project-art{min-width:0;position:relative;isolation:isolate;background:#1d1d1d;border:1px solid #93939338;overflow:hidden;aspect-ratio:1/1.12;align-self:start}.project-art figure{margin:0;position:absolute;inset:0}.project-art img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.035);transition:transform 1.1s cubic-bezier(.2,.7,.3,1),filter .65s;filter:saturate(.85)}.project-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#1010101a 40%,#101010aa 100%);pointer-events:none;z-index:1}.project-art figcaption{position:absolute;bottom:18px;left:23px;right:23px;color:#cfcfcf;font-size:9px;line-height:1.6;z-index:3}.project-frame{position:absolute;inset:20px 20px 77px;border:1px solid #cacaca29;z-index:2;color:#c7c7c7;pointer-events:none;display:flex;justify-content:space-between;align-items:start;padding:9px 10px;font-size:8px;letter-spacing:.04em;overflow:hidden}.project-frame:before,.project-frame:after{content:'';position:absolute;width:21px;height:21px;border:1px solid #b2b2b299}.project-frame:before{top:-1px;left:-1px;border-right:0;border-bottom:0}.project-frame:after{bottom:-1px;right:-1px;border-left:0;border-top:0}.project-frame i{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#a7a7a716 49%,#d5d5d520 50%,transparent 65%);transform:translateX(-140%);animation:project-scan 11s ease-in-out infinite;animation-play-state:paused}.project-art.is-visible .project-frame i{animation-play-state:running}.project-art.is-visible:hover img{transform:scale(1.07)}.project-scene-toggle{position:absolute;left:23px;bottom:50px;z-index:5;display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:6px 12px 6px 7px;border:1px solid #b6b6b665;background:#161616e6;color:#e0e0e0;font-size:10px;text-align:left;max-width:calc(100% - 46px)}.project-toggle-icon{display:grid;place-items:center;width:25px;font-size:23px;line-height:1;transition:transform .3s}.project-scene-toggle[aria-expanded=true] .project-toggle-icon{transform:rotate(45deg)}.project-workflow{position:absolute;inset:63px 25px 110px;z-index:4;background:#151515f2;border:1px solid #a5a5a555;padding:23px;overflow:auto}.project-workflow[hidden]{display:none}.project-workflow:not([hidden]){animation:project-workflow-enter .35s ease-out}.project-mini-label{font-size:9px;line-height:1.7;color:#aeaeae}.project-workflow ol{list-style:none;margin:22px 0 0;padding:0}.project-workflow li{display:flex;gap:14px;align-items:start;padding-block:12px;border-top:1px solid #e0e0e020}.project-workflow li>span{font-family:ui-monospace,monospace;font-size:10px;color:#919191;margin-top:2px}.project-workflow strong{font-size:12px;font-weight:500;line-height:1.5}.project-workflow li p{font-size:10px;line-height:1.7;color:#a4a4a4;margin-top:4px}.project-workflow-note{font-size:9px;line-height:1.6;color:#8a8a8a;margin-top:14px}.project-art.scene-open img{filter:saturate(.5) brightness(.65);transform:scale(1.055)}.studio-previews{position:absolute;z-index:5;left:23px;bottom:65px;display:flex;gap:1px;border:1px solid #b6b6b665;background:#161616ed;max-width:calc(100% - 46px)}.studio-previews button{border:0;background:transparent;color:#b1b1b1;padding:10px 14px;min-height:44px;font-size:10px}.studio-previews button[aria-pressed=true]{background:#adadad50;color:#f1f1f1}.studio-previews button:hover{color:#f1f1f1}.studio-concept-note{position:absolute;z-index:3;left:23px;right:23px;bottom:45px;font-size:8px;color:#bebebe}.studio-viewfinder{position:absolute;inset:26% 15% 30%;z-index:2;pointer-events:none;border:1px solid #dedede00;transition:border-color .5s,transform .7s}.studio-viewfinder span{position:absolute;inset:0;border:1px solid #cacaca00;transition:transform .7s,border-color .5s}.project-art[data-preview=motion] .studio-viewfinder{border-color:#dedede90;animation:studio-direct 9s ease-in-out infinite;animation-play-state:paused}.project-art[data-preview=motion].is-visible .studio-viewfinder{animation-play-state:running}.project-art[data-preview=campaign] .studio-viewfinder{border-color:#dedede80;transform:scale(.86)}.project-art[data-preview=campaign] .studio-viewfinder span:nth-child(1){transform:translate(-12%,10%) rotate(-6deg);border-color:#cacaca70}.project-art[data-preview=campaign] .studio-viewfinder span:nth-child(2){transform:translate(12%,-10%) rotate(6deg);border-color:#cacaca70}.project-art[data-preview=campaign] .studio-viewfinder span:nth-child(3){transform:scale(.6,1.13);border-color:#cacaca70}.nexa-evolution{margin-top:23px;border-top:1px solid #e0e0e020}.nexa-evolution p{font-size:11px;line-height:1.8;display:grid;grid-template-columns:42px 1fr;gap:14px;padding-top:12px;color:#b8b8b8}.nexa-evolution p>span{font-family:ui-monospace,monospace;font-size:9px;color:#aeaeae}.project-external{display:inline-flex;align-items:center;justify-content:space-between;gap:55px;min-height:44px;border-bottom:1px solid #aeaeae99;font-size:11px;margin-top:20px}.project-external>span{font-size:20px;color:#aeaeae}.projects-outro{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:28px;font-size:9px;color:#a5a5a5}.projects-outro a{min-height:44px;display:inline-flex;align-items:center;gap:20px}.projects-outro a>span{font-size:20px}.motion-paused .projects *,.projects.project-document-hidden *{animation-play-state:paused!important}.motion-paused .project-art img{transition:none}.motion-paused .project-art:hover img{transform:scale(1.035)}@keyframes project-scan{0%,38%{transform:translateX(-140%)}68%,100%{transform:translateX(140%)}}@keyframes project-workflow-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes studio-direct{0%,100%{transform:scale(1) translate(0,0)}50%{transform:scale(.84) translate(7%,-5%)}}
@media(min-width:1101px){.project-art{position:sticky;top:30px}}
@media(max-width:1100px){.project-row,.project-row-reverse{gap:35px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.project-art{aspect-ratio:1/1.28}.projects-intro-grid{gap:45px}.project-workflow{inset:57px 18px 110px;padding:16px}.project-workflow ol{margin-top:12px}.project-copy h3{font-size:64px}.project-frame{inset:15px 15px 77px}.studio-previews button{padding-inline:11px}}
@media(max-width:760px){.projects{padding-top:52px;padding-bottom:24px}.projects-kicker{font-size:8px;gap:15px;padding-bottom:20px}.projects-kicker>span:last-child{max-width:135px;text-align:right}.projects-intro-grid{grid-template-columns:1fr;gap:24px;margin-block:30px}.projects-intro h2{font-size:54px}.projects-intro-grid>p{font-size:12px;max-width:430px}.project-index{grid-template-columns:1fr;gap:0;margin-top:30px}.project-index a{border-top:0;min-height:51px;font-size:11px}.project-index a:first-child{border-top:1px solid #e0e0e028}.project-row,.project-row-reverse{grid-template-columns:1fr;gap:30px;padding-block:48px}.project-row-reverse>.project-art,.project-row-reverse>.project-copy{order:initial}.project-art{aspect-ratio:1/1.05;max-height:650px;width:100%}.project-copy h3{font-size:65px;margin-bottom:23px}.project-copy h3 br{display:none}.project-copy h3 em:before{content:' '}.project-meta{font-size:8px;margin-bottom:18px}.project-lead{font-size:17px;max-width:440px}.project-description{font-size:12px;max-width:440px}.project-art figcaption{font-size:8px;left:18px;right:18px;bottom:15px}.project-scene-toggle{left:18px;bottom:47px;max-width:calc(100% - 36px)}.project-workflow{inset:48px 18px 103px;padding:15px}.project-workflow li{padding-block:9px}.project-workflow strong{font-size:11px}.project-workflow li p{font-size:9px}.project-workflow-note{font-size:8px;margin-top:9px}.project-workflow ol{margin-top:13px}.studio-previews{left:18px;bottom:67px;max-width:calc(100% - 36px)}.studio-concept-note{left:18px;bottom:46px;font-size:7px}.projects-outro{align-items:start;flex-direction:column;gap:10px;font-size:8px}.project-details dt,.project-details dd{font-size:11px}}
@media(max-width:360px){.projects-intro h2{font-size:47px}.project-copy h3{font-size:55px}.project-art{aspect-ratio:1/1.2}.project-frame{font-size:7px;padding:8px}.project-workflow{inset:45px 12px 101px;padding:12px}.project-workflow strong{font-size:10px}.project-workflow li{gap:9px}.project-mini-label{font-size:8px}.project-scene-toggle{font-size:9px}.project-art figcaption{font-size:7px}.project-meta{gap:8px}.project-state{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.projects *,.projects *:before,.projects *:after{animation:none!important;transition:none!important}.project-art:hover img{transform:scale(1.035)}}
.project-motion-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:30px;font:10px ui-monospace,monospace;color:#a8a8a8}.project-motion-tools button{min-height:44px;padding:8px 12px;background:transparent;border:1px solid #8f8f8f55;color:#bdbdbd;font-size:10px}.project-motion-tools button:disabled{opacity:.65;cursor:default}.project-motion-tools+.project-index{margin-top:12px}.project-workflow:focus-visible{outline:2px solid #aeaeae;outline-offset:-3px}.project-art[data-preview=motion] img{animation:studio-image 12s ease-in-out infinite;animation-play-state:paused}.project-art[data-preview=motion].is-visible img{animation-play-state:running}@keyframes studio-image{0%,100%{transform:scale(1.035)}50%{transform:scale(1.12) translate(-1%,.5%)}}@media(max-width:360px){.project-motion-tools{font-size:9px;gap:12px}.project-motion-tools>span{max-width:130px}}@media(prefers-reduced-motion:reduce){.project-art[data-preview=motion] img{animation:none!important}}

/* An orchestration diagram: all connectors share the same coordinate space. */
.harness-diagram{--hd-paper:#e0e0e0;--hd-amber:#a8a8a8;position:relative;isolation:isolate;min-width:0;width:100%;aspect-ratio:1.1;min-height:480px;margin:0;overflow:hidden;color:var(--hd-paper);background:#171717;border:1px solid #b0b0b035;border-radius:3px;font-family:Manrope,Arial,sans-serif}.harness-diagram:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(#131313ea,#131313da),url('https://assets.woxalabs.com/site/0cb811ec2adeea2b/project-harness.jpg') center/cover;opacity:.8}.harness-diagram:after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#cccccc2b .6px,transparent .8px);background-size:5px 5px;opacity:.26;z-index:0}.harness-diagram-topline{position:absolute;left:5%;right:5%;top:5%;display:flex;justify-content:space-between;gap:12px;color:#b1b1b1;font:8px/1.3 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.harness-signal{color:#949494}.harness-wires{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.harness-wire-base{stroke:#7d7d7d55;stroke-width:1.5}.harness-wire-active{stroke:url(#harness-wire-light);stroke-width:2;filter:drop-shadow(0 0 3px #b0b0b044)}.harness-wire-active path{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 900ms cubic-bezier(.16,1,.3,1)}.harness-wire-model path{stroke-dashoffset:0}.harness-providers{position:absolute;top:11%;left:2%;right:2%;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;z-index:2}.harness-provider{appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:70px;padding:7px 2px;border:1px solid transparent;border-radius:3px;background:transparent;color:#d2d2d2;cursor:pointer;font:10px/1.2 Manrope,Arial,sans-serif;transition:border-color .25s,background .25s,transform .25s}.harness-provider:hover,.harness-provider[aria-pressed=true]{background:#b4b4b40c;border-color:#a8a8a87a;transform:translateY(-2px)}.harness-provider:focus-visible{outline:2px solid #cacaca;outline-offset:3px}.harness-logo{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:7px;background:#e8e8e8;border:1px solid #ededed;box-shadow:0 2px 12px #00000033}.harness-logo img{display:block;width:27px;height:27px;object-fit:contain}.harness-logo-other{font:30px/1 Georgia,serif;color:#343434}.harness-core{position:absolute;top:34%;left:20%;width:60%;height:17%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:#202020;border:1px solid #a9a9a9a6;box-shadow:0 0 0 7px #a3a3a308,0 14px 40px #00000033;z-index:1}.harness-core:before,.harness-core:after{content:"";position:absolute;width:4px;height:4px;background:#b8b8b8;left:calc(50% - 2px)}.harness-core:before{top:-3px}.harness-core:after{bottom:-3px}.harness-core-id{font:7px/1.2 ui-monospace,SFMono-Regular,monospace;letter-spacing:.18em;color:#acacac}.harness-core strong{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(24px,3vw,39px);line-height:.85;text-align:center;letter-spacing:-.03em}.harness-core strong br{display:none}.harness-core-functions{font:9px/1.3 ui-monospace,SFMono-Regular,monospace;color:#bababa;white-space:nowrap}.harness-core-orbit{position:absolute;inset:-11px;border:1px solid #aaaaaa25;pointer-events:none}.harness-core-orbit:before,.harness-core-orbit:after{content:"";position:absolute;width:12px;height:12px;border-color:#bcbcbc;border-style:solid}.harness-core-orbit:before{left:-1px;top:-1px;border-width:1px 0 0 1px}.harness-core-orbit:after{right:-1px;bottom:-1px;border-width:0 1px 1px 0}.harness-foundations{position:absolute;left:2%;right:2%;top:61.5%;height:12%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;z-index:1}.harness-foundation{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;text-align:center;min-width:0;border:1px solid #8f8f8f50;background:#1d1d1d;transition:border-color .5s,background .5s,box-shadow .5s;padding:7px 3px}.harness-node-icon{font:20px/1 Georgia,serif;color:#9a9a9a}.harness-foundation strong{font-size:10px;line-height:1.2;font-weight:600}.harness-foundation>span:last-child{font:7px/1.4 ui-monospace,SFMono-Regular,monospace;color:#acacac}.harness-output{position:absolute;top:83%;left:14%;right:14%;height:9%;display:flex;align-items:center;gap:13px;padding:8px 15px;background:#202020;border:1px solid #8f8f8f50;transition:border-color .5s,background .5s;z-index:1}.harness-output-icon{font:26px/1 Georgia,serif;color:#acacac}.harness-output>div{display:flex;flex-direction:column;gap:5px}.harness-output strong{font-size:12px;font-weight:500}.harness-output div>span{font:8px/1.2 ui-monospace,SFMono-Regular,monospace;color:#b2b2b2}.harness-output b{font-weight:400;color:#a8a8a8;margin-inline:3px}.harness-output-seal{margin-left:auto;display:grid;place-items:center;width:23px;height:23px;border:1px solid #aeaeae77;border-radius:50%;color:#c0c0c0;opacity:.35;transition:opacity .5s}.harness-diagram figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.project-story:is([data-step="1"],[data-step="2"],[data-step="3"]) .harness-wire-context path,.project-story:is([data-step="2"],[data-step="3"]) .harness-wire-tools path,.project-story[data-step="3"] .harness-wire-output path{stroke-dashoffset:0}.project-story:is([data-step="1"],[data-step="2"],[data-step="3"]) :is(.harness-foundation-skills,.harness-foundation-knowledge),.project-story:is([data-step="2"],[data-step="3"]) .harness-foundation-tools,.project-story[data-step="3"] .harness-output{border-color:#a8a8a8b3;background:#2c2c2c;box-shadow:0 0 20px #a8a8a807}.project-story[data-step="3"] .harness-output-seal{opacity:1}.project-story[data-step="0"] .harness-core{box-shadow:0 0 0 7px #a3a3a30c,0 0 40px #a8a8a80c}@media(max-width:760px){.harness-diagram{min-height:430px;aspect-ratio:1}.harness-diagram-topline{font-size:7px;letter-spacing:.08em}.harness-provider{font-size:9px;gap:7px}.harness-logo{width:32px;height:32px;border-radius:5px}.harness-logo img{width:24px;height:24px}.harness-core{left:17%;width:66%}.harness-core strong{font-size:30px}.harness-core-id{font-size:6px}.harness-core-functions{font-size:8px}.harness-foundations{gap:6px}.harness-foundation strong{font-size:9px}.harness-foundation>span:last-child{font-size:6px}.harness-output{left:10%;right:10%;padding:6px 11px}.harness-output strong{font-size:11px}.harness-output div>span{font-size:7px}}@media(max-width:380px){.harness-diagram{min-height:410px}.harness-provider{font-size:8px}.harness-diagram-topline{font-size:6px}.harness-core strong{font-size:27px}.harness-foundation strong{font-size:8px}.harness-foundation>span:last-child{font-size:6px;max-width:80px}.harness-output{gap:9px}.harness-output-seal{width:19px;height:19px}}@media(prefers-reduced-motion:reduce){.harness-diagram *{transition:none!important;animation:none!important}.harness-provider:hover,.harness-provider[aria-pressed=true]{transform:none}}

.projects{overflow:clip}.project-chapter{border-bottom:1px solid #e0e0e028;scroll-margin-top:0}.project-story{position:relative;height:370svh;--story-progress:0}.story-stage{position:sticky;top:0;height:100svh;min-height:620px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:5%;padding:60px 0 95px}.story-visual{min-width:0;position:relative}.story-visual>.project-art{position:relative;top:auto;height:min(70svh,700px);aspect-ratio:auto;min-height:460px;max-height:none}.story-visual .harness-diagram{height:min(67svh,660px);aspect-ratio:auto;min-height:480px}.story-copy{min-width:0;padding-right:15px}.story-eyebrow,.story-step-label,.story-step-tags,.story-scope,.story-transport,.model-selection,.brief-heading,.story-step-buttons{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.story-eyebrow{font-size:10px;color:#9d9d9d;letter-spacing:.12em;margin-bottom:20px}.story-copy h3{font:400 clamp(42px,4.6vw,70px)/1.03 var(--serif);letter-spacing:-.035em;color:#e4e4e4}.story-subtitle{font-size:12px;color:#9b9b9b;margin-top:16px;line-height:1.7;max-width:330px}.story-scenes{margin-top:42px;min-height:240px}.story-step[hidden]{display:none}.story-step-label{font-size:9px;color:#a8a8a8;letter-spacing:.02em;margin-bottom:17px}.story-step h4{font:400 clamp(26px,2.5vw,39px)/1.15 var(--serif);letter-spacing:-.02em;margin:0 0 17px;max-width:370px}.story-step-body{font-size:12px;line-height:1.9;color:#b8b8b8;max-width:390px}.story-step-tags{font-size:9px;color:#8d8d8d;line-height:1.8;margin-top:18px}.story-step-buttons{display:flex;gap:8px;margin-top:25px}.story-step-buttons button{position:relative;display:flex;align-items:center;gap:8px;min-width:55px;min-height:44px;border:0;background:transparent;color:#868686;padding:10px 7px;font-size:10px}.story-step-buttons button i{width:20px;height:1px;background:#797979;transform-origin:left;transform:scaleX(.4);transition:transform .25s}.story-step-buttons button[aria-pressed=true]{color:#d5d5d5}.story-step-buttons button[aria-pressed=true] i{transform:scaleX(1);background:#b4b4b4}.story-scope{font-size:8px;color:#989898;margin-top:13px;line-height:1.5}.story-transport{position:absolute;bottom:28px;left:0;right:0;display:flex;align-items:center;gap:24px;border-top:1px solid #c4c4c428;padding-top:18px;font-size:9px;color:#adadad}.story-scrubber{flex:1;min-width:50px;height:28px;margin:0;accent-color:#a5a5a5;cursor:ew-resize}.story-transport output{min-width:60px;text-align:right}.story-transport-label{min-width:125px;display:flex;gap:15px}.model-selection{font-size:9px;color:#b5b5b5;margin-top:15px;display:flex;gap:7px;align-items:center;flex-wrap:wrap}.model-selection strong{font-weight:400;color:#d4d4d4}.model-selection>span{flex-basis:100%;font-size:8px;color:#909090}.project-brief{display:grid;grid-template-columns:1fr 1.1fr;gap:12%;padding:45px 8% 75px;border-top:1px solid #b8b8b820}.brief-heading{font-size:14px;color:#c4c4c4;line-height:1.8}.brief-heading>span{font-size:9px;color:#929292}.project-brief .project-meta,.project-brief .project-lead,.project-brief .project-description{display:none}.project-brief .project-details{margin-top:18px}.project-brief .project-models{padding-top:0}.story-rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:12;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transition:opacity .2s}.story-active .story-rail{opacity:1;visibility:visible}.story-rail a{position:relative;display:grid;place-items:center;min-width:38px;min-height:44px;color:#a9a9a9;font:11px ui-monospace,monospace;border-right:1px solid #70707044;background:#18181890}.story-rail a[aria-current=true]{color:#d9d9d9;border-right-color:#b8b8b8;background:#2d2d2d}.story-rail b{position:absolute;right:42px;white-space:nowrap;padding:7px 10px;background:#1d1d1d;opacity:0;pointer-events:none;font-size:9px;font-weight:400}.story-rail a:hover b,.story-rail a:focus-visible b{opacity:1}.story-visual .harness-core strong br:after{content:' '}.story-visual .harness-core strong{font-size:clamp(27px,2.6vw,40px)}.story-visual .harness-core strong br{display:initial}.project-story .harness-wire-active path{transition:none;stroke-dashoffset:calc(1 - var(--wire-progress,0))}.project-story .harness-wire-model{--wire-progress:var(--model-progress,1)}.project-story .harness-wire-context{--wire-progress:var(--context-progress,0)}.project-story .harness-wire-tools{--wire-progress:var(--tools-progress,0)}.project-story .harness-wire-output{--wire-progress:var(--output-progress,0)}.project-story[data-step] .harness-wire-active path{stroke-dashoffset:calc(1 - var(--wire-progress,0))}.harness-core strong{white-space:nowrap}.harness-core strong br{display:none!important}.harness-core-id{letter-spacing:.1em}.story-visual .project-art img{transform:scale(calc(1.035 + var(--story-progress)*.08)) translateX(calc(var(--story-progress)*-1%));animation:none!important}.story-visual .project-art .studio-viewfinder{animation:none!important;transform:translateX(calc(var(--story-progress)*8%)) scale(calc(1 - var(--story-progress)*.1))}.project-story[data-step="3"] .harness-output{transform:translateY(calc((1 - var(--output-progress))*6px))}.story-static .project-story{height:auto}.story-static .story-stage{position:relative}.story-static .story-transport-label{font-size:0}.story-static .story-transport-label:before{content:'Explore the chapters';font-size:9px}.story-static .story-visual .project-art img{transform:none}.motion-paused .story-visual .project-art img{transform:none}.motion-paused .story-visual .studio-viewfinder{transform:none}.story-stage :focus-visible{outline:2px solid #c4c4c4;outline-offset:4px}
@media(max-width:1100px){.story-stage{gap:4%;grid-template-columns:1.2fr 1fr}.story-copy h3{font-size:48px}.story-scenes{margin-top:25px;min-height:260px}.story-step h4{font-size:30px}.story-step-body{font-size:11px}.story-visual .harness-diagram{min-height:440px}.story-visual .harness-core strong{font-size:28px}.story-rail{right:2px}.story-rail a{min-width:28px;font-size:9px}.story-copy{padding-right:5px}.story-visual .project-art{min-height:430px}}
@media(max-width:760px){.projects{padding-inline:20px}.project-story{height:330svh}.story-stage{height:100svh;min-height:690px;grid-template-columns:1fr;grid-template-rows:auto 1fr;gap:15px;padding:27px 0 62px;align-content:start;align-items:start}.story-visual{grid-row:1}.story-copy{grid-row:2;padding:0}.story-visual .project-art{height:34svh;min-height:240px;max-height:330px}.story-visual .harness-diagram{height:37svh;min-height:265px;max-height:360px}.story-visual .harness-providers{top:9%;gap:1px}.story-visual .harness-provider{min-height:56px;font-size:8px;gap:5px;padding:3px 0}.story-visual .harness-logo{width:28px;height:28px}.story-visual .harness-logo img{width:21px;height:21px}.story-visual .harness-diagram-topline{top:3%;font-size:6px}.story-visual .harness-core{top:35%;height:17%;gap:4px}.story-visual .harness-core strong{font-size:25px}.story-visual .harness-core-id{font-size:5px}.story-visual .harness-core-functions{font-size:6px}.story-visual .harness-core-orbit{inset:-6px}.story-visual .harness-foundations{top:61%;height:14%;gap:5px}.story-visual .harness-node-icon{display:none}.story-visual .harness-foundation{gap:3px;padding:3px}.story-visual .harness-foundation strong{font-size:8px}.story-visual .harness-foundation>span:last-child{font-size:5.5px}.story-visual .harness-output{height:11%;top:82%;padding:4px 10px}.story-visual .harness-output strong{font-size:10px}.story-visual .harness-output div>span{font-size:6px}.story-visual .harness-output>div{gap:3px}.model-selection{font-size:8px;margin-top:8px;gap:5px}.model-selection>span{display:none}.story-eyebrow{font-size:8px;margin-bottom:8px;display:inline-block;margin-right:10px}.story-copy h3{font-size:34px;display:inline;line-height:1.05}.story-subtitle{display:none}.story-scenes{margin-top:18px;min-height:140px}.story-step-label{font-size:8px;margin-bottom:8px}.story-step h4{font-size:25px;margin-bottom:10px;max-width:none}.story-step-body{font-size:10px;line-height:1.75;max-width:none}.story-step-tags{font-size:7px;line-height:1.5;margin-top:9px}.story-step-buttons{margin-top:7px;gap:10px}.story-step-buttons button{min-width:48px;font-size:9px}.story-scope{font-size:7px;margin-top:0}.story-transport{bottom:12px;padding-top:9px;gap:12px;font-size:8px}.story-transport-label{min-width:85px;font-size:8px;gap:6px}.story-transport output{min-width:45px}.story-rail{right:0;top:auto;bottom:0;transform:none;flex-direction:row;gap:1px;background:#151515f5}.story-rail a{min-width:42px;min-height:30px;font-size:8px;border-right:0;border-top:1px solid #70707044}.story-rail a[aria-current=true]{border-top-color:#b8b8b8}.story-rail b{display:none}.project-brief{padding:30px 0 45px;gap:18px;grid-template-columns:1fr}.brief-heading{font-size:12px}.brief-heading br{display:none}.brief-heading>span{margin-left:15px}.story-visual .project-frame{inset:10px 10px 65px}.story-visual .project-art figcaption{bottom:12px;font-size:7px}.story-visual .studio-previews{bottom:60px}.story-visual .studio-concept-note{bottom:39px;font-size:6px}.story-visual .project-scene-toggle{bottom:39px}.story-visual .project-workflow{inset:38px 12px 91px}.story-visual .project-workflow strong{font-size:10px}.story-static .story-stage{min-height:690px}}
@media(max-width:360px){.projects{padding-inline:16px}.story-stage{padding-top:22px;gap:12px;min-height:690px}.story-visual .harness-diagram{min-height:265px}.story-copy h3{font-size:29px}.story-step h4{font-size:23px}.story-scenes{min-height:155px;margin-top:14px}.story-step-body{font-size:9px}.story-step-tags{font-size:6.5px}.story-visual .harness-core strong{font-size:24px}.story-visual .harness-provider{font-size:7px}}
@media(prefers-reduced-motion:reduce){.project-story{height:auto}.story-stage{position:relative}.project-story *{transition:none!important;animation:none!important}.story-visual .project-art img{transform:none}.story-visual .studio-viewfinder{transform:none!important}}
.story-static .story-stage{height:auto}.story-static .story-rail a{min-height:44px}@media(max-width:760px){.story-rail a{min-height:44px}.story-transport{bottom:21px}.story-rail{bottom:0}.story-stage{padding-bottom:89px}.story-transport{right:134px;gap:8px}.story-transport-label{display:none}.story-transport output{font-size:7px}.story-scrubber{height:27px}}
.story-rail a{min-width:44px}
/* Keep the tablet chapter rail outside the narrative column. */
@media(min-width:761px) and (max-width:1100px){.story-stage{padding-right:30px}.story-transport{right:30px}}
/* On phones the narrative carries the detail, so diagram labels stay readable. */
@media(max-width:760px){.story-visual .harness-diagram-topline{font-size:8px;letter-spacing:0}.story-visual .harness-signal{display:none}.story-visual .harness-provider{font-size:9px;line-height:1.2}.story-visual .harness-core-id{display:none}.story-visual .harness-core-functions{font-size:8px}.story-visual .harness-foundation strong{font-size:10px;line-height:1.2}.story-visual .harness-foundation>span:last-child{display:none}.story-visual .harness-output div>span{font-size:8px}.story-visual .harness-output-seal{display:none}.model-selection{font-size:9px}.story-visual .harness-output{left:8%;right:8%}}

/* One persistent instrument, explored through a continuous scroll-driven camera. */
[data-project="financial-harness"].project-story{width:100vw;margin-left:calc(50% - 50vw);height:380svh}
.story-static [data-project="financial-harness"].project-story{height:auto}
[data-project="financial-harness"] .story-stage.harness-world-stage{overflow:clip}
.harness-world .hw-grain{opacity:.055}
html:has(body.story-active){scroll-padding-top:0}
[data-project="financial-harness"] .harness-world-stage{display:block;position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;background:#171717;isolation:isolate;padding:0;color:#e6e6e6}.harness-world{position:absolute;inset:0;overflow:hidden;z-index:-1;background:radial-gradient(ellipse at 70% 40%,#5e5e5e75,transparent 60%),#1e1e1e}.hw-environment{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.67;transform:scale(1.05)}.harness-world:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#171717ed 0%,#1717179c 29%,#1717170a 64%),linear-gradient(0deg,#171717b3,transparent 25%)}.hw-grain{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.81' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23ffffff' filter='url(%23n)' opacity='.55' d='M0 0H180V180H0z'/%3E%3C/svg%3E")}.hw-space{position:absolute;left:37%;top:12%;width:61%;height:76%;perspective:1000px;z-index:2;transform-origin:50% 50%;will-change:transform}.hw-orbits{position:absolute;width:100%;height:100%;inset:0;overflow:visible;fill:none;stroke:#e1e1e129;stroke-width:.8}.hw-orbits ellipse{stroke-dasharray:2 7}.hw-orbits .hw-route{stroke:#dcdcdc;stroke-width:1.4;stroke-dasharray:1;stroke-dashoffset:0;filter:drop-shadow(0 0 6px #c6c6c6)}.hw-context-route,.hw-tools-route{stroke:#c6c6c6;stroke-width:1.2;opacity:0}.hw-signal{fill:#e6e6e6;stroke:none;filter:drop-shadow(0 0 7px #d0d0d0)}.hw-coordinate{position:absolute;font:9px ui-monospace,monospace;letter-spacing:.18em;color:#d0d0d080}.hw-coordinate-a{top:6%;left:30%}.hw-coordinate-b{bottom:7%;right:18%}.hw-core{position:absolute;left:50%;top:50%;width:47%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:3;filter:drop-shadow(0 35px 23px #0a0a0aa1);will-change:transform,left}.hw-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 30deg,#b0b0b0,#444444 14%,#191919 30%,#aeaeae 44%,#d3d3d3 48%,#777777 56%,#222222 75%,#d5d5d5 91%,#b0b0b0);box-shadow:inset 0 0 0 1px #e4e4e47d,inset 0 -10px 13px #0f0f0f80,0 3px 0 #181818,0 7px 0 #212121,0 11px 0 #181818;transform:rotate(-20deg)}.hw-ring:before{content:"";position:absolute;inset:7%;border-radius:50%;background:#303030;box-shadow:0 0 0 1px #151515,inset 0 3px 12px #000000,inset 0 0 0 2px #c1c1c152}.hw-ring:after{content:"";position:absolute;inset:3%;border:1px dashed #e8e8e84d;border-radius:50%}.hw-ring>span{position:absolute;inset:5%;border:1px solid #e3e3e32b;border-radius:50%;border-top-color:#eaeaea;animation:hw-revolve 24s linear infinite}.hw-core-glass{position:absolute;inset:10%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(ellipse at 33% 12%,#b9b9b931,transparent 60%),linear-gradient(135deg,#323232e8,#181818f2);box-shadow:inset 0 0 25px #080808,inset 0 1px 1px #fbfbfb4d;border:1px solid #bebebe44;text-align:center;overflow:hidden}.hw-core-kicker{font:clamp(5px,.55vw,8px) ui-monospace,monospace;letter-spacing:.2em;color:#c3c3c3;margin-bottom:9%}.hw-core-glass strong{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(25px,3.4vw,55px);line-height:.91;font-weight:500;letter-spacing:-.035em;color:#eaeaea}.hw-core-task{margin-top:10%;font-size:clamp(7px,.77vw,12px);color:#d8d8d8}.hw-core-triad{font:clamp(4px,.42vw,7px) ui-monospace,monospace;letter-spacing:.08em;color:#b8b8b8;margin-top:5%}.hw-model-orbit{position:absolute;inset:0;pointer-events:none;z-index:4}.hw-model{position:absolute;pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:9px;transform:translate(-50%,-50%);padding:7px;min-width:62px;min-height:66px;background:transparent;border:0;color:#e5e5e5;cursor:pointer;will-change:left,top,transform;transition:filter .2s}.hw-model>span{display:grid;place-items:center;width:54px;height:54px;background:linear-gradient(145deg,#e6e6e6,#c5c5c5);border:1px solid #ffffff88;border-radius:14px;box-shadow:0 3px 0 #858585,0 14px 25px #0f0f0f6b;transition:box-shadow .25s,transform .25s}.hw-model img{width:34px;height:34px;object-fit:contain}.hw-model b{font:10px Manrope,Arial,sans-serif;font-weight:500;letter-spacing:.025em}.hw-model[aria-pressed="true"]>span{box-shadow:0 3px 0 #afafaf,0 0 0 3px #dbdbdb22,0 0 35px #e0e0e028}.hw-model:hover>span{transform:translateY(-4px)}.hw-model:focus-visible{outline:2px solid #dcdcdc;outline-offset:3px;border-radius:9px}.hw-paper{position:absolute;width:24%;min-height:24%;padding:17px 14px;background:#d9d9d9;color:#3e3e3e;box-shadow:1px 3px 0 #b9b9b9,3px 6px 0 #6e6e6e,0 24px 24px #09090959;transform:translate(-50%,-50%);z-index:2}.hw-paper small,.hw-brief>small{font:7px ui-monospace,monospace;letter-spacing:.07em;color:#606060}.hw-paper strong{display:block;margin-top:15px;font:clamp(17px,1.8vw,28px)/1.04 Georgia,serif;font-weight:400}.hw-paper-lines{height:36px;margin-top:14px;background:repeating-linear-gradient(0deg,transparent 0 7px,#6e6e6e4d 7px 8px);width:80%}.hw-paper-foot{display:block;font:6px/1.7 ui-monospace,monospace;margin-top:16px;color:#5f5f5f}.hw-paper-fold{position:absolute;right:0;top:0;border-style:solid;border-width:0 17px 17px 0;border-color:transparent #767676 transparent transparent}.hw-equation{display:block;font:18px Georgia,serif;margin-top:17px;color:#737373}.hw-skills{background:#cacaca}.hw-market{position:absolute;width:32%;padding:16px 17px;background:linear-gradient(145deg,#4c4c4cef,#272727f5);border:1px solid #c4c4c460;border-radius:3px;box-shadow:0 4px 0 #262626,0 20px 30px #0e0e0e70;transform:translate(-50%,-50%);z-index:4;color:#e4e4e4}.hw-market>div{display:flex;align-items:center;gap:7px}.hw-market small{font:6px ui-monospace,monospace;letter-spacing:.07em}.hw-market-dot{width:4px;height:4px;border-radius:50%;background:#cfcfcf}.hw-market strong{display:block;font:clamp(14px,1.4vw,21px) Georgia,serif;margin-block:13px 6px}.hw-market svg{width:100%;height:auto;overflow:visible;fill:none}.hw-chart-grid{stroke:#d3d3d319;stroke-width:.6}.hw-chart-path{stroke:#cecece;stroke-width:1.8;stroke-dasharray:1;stroke-dashoffset:1}.hw-market>span{display:block;font:6px/1.6 ui-monospace,monospace;color:#b0b0b0;margin-top:7px}.hw-brief{position:absolute;width:40%;padding:25px 23px 20px;background:linear-gradient(100deg,#b3b3b3,#e5e5e5 10%,#dbdbdb);color:#383838;box-shadow:0 2px 0 #999999,0 5px 0 #5b5b5b,0 25px 45px #00000066;transform-origin:left center;transform:translate(-50%,-50%);z-index:6}.hw-brief-spine{position:absolute;left:8%;top:0;bottom:0;width:1px;background:#c7c7c7}.hw-brief>small,.hw-brief>strong,.hw-brief>p,.hw-brief-entry,.hw-brief-sources{position:relative}.hw-brief>strong{display:block;font:clamp(25px,3.1vw,46px)/.94 Georgia,serif;letter-spacing:-.04em;font-weight:400;margin:25px 0 16px}.hw-brief>p{font:9px Manrope,Arial,sans-serif;margin-bottom:15px}.hw-brief-entry{display:flex;gap:10px;border-top:1px solid #94949465;padding:11px 0;font-size:8px}.hw-brief-entry>span:first-child{font:7px ui-monospace,monospace;color:#7c7c7c}.hw-brief-entry sup{color:#777777}.hw-brief-sources{display:flex;justify-content:space-between;gap:5px;padding-top:13px;border-top:1px solid #94949465;font:6px ui-monospace,monospace;color:#6c6c6c}.hw-topline{position:absolute;top:32px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;font:9px ui-monospace,monospace;letter-spacing:.12em;z-index:5;color:#dddddd}.hw-topline i{font:17px Georgia,serif;font-style:normal;margin-inline:13px;color:#c3c3c3}.hw-pause{min-height:44px;padding:8px 12px;background:#1e1e1e52;border:1px solid #cfcfcf44;color:#dedede;font:9px Manrope,Arial,sans-serif;cursor:pointer}.hw-pause:focus-visible{outline:2px solid #dbdbdb;outline-offset:4px}[data-project="financial-harness"] .hw-copy.story-copy{display:block;position:absolute;top:31%;left:4.5%;bottom:auto;width:32%;max-width:470px;padding:0;transform:none;opacity:1;z-index:4}[data-project="financial-harness"] .hw-copy>.story-eyebrow,[data-project="financial-harness"] .hw-copy>h3,[data-project="financial-harness"] .hw-copy>.story-subtitle{display:none}[data-project="financial-harness"] .hw-copy .story-step-label{font:9px ui-monospace,monospace;letter-spacing:.14em;color:#c3c3c3;margin-bottom:27px}[data-project="financial-harness"] .hw-copy .story-step h4{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(42px,4.6vw,76px);line-height:.96;letter-spacing:-.035em;font-weight:400;margin:0 0 26px;max-width:none;color:#e9e9e9}[data-project="financial-harness"] .hw-copy .story-step-body{font:12px/1.85 Manrope,Arial,sans-serif;color:#c4c4c4;max-width:320px}[data-project="financial-harness"] .hw-copy .story-scope{display:block;margin-top:24px;font:7px/1.6 ui-monospace,monospace;color:#9a9a9a;letter-spacing:.04em}.hw-route-caption{position:absolute;bottom:15%;left:42%;right:4%;text-align:center;font:9px ui-monospace,monospace;color:#cfcfcf;letter-spacing:.06em;z-index:5}[data-project="financial-harness"] .hw-chapters.story-step-buttons{position:absolute;left:4.5%;right:auto;bottom:42px;top:auto;display:flex;gap:25px;z-index:5;margin:0;transform:none;max-width:none;width:auto}[data-project="financial-harness"] .hw-chapters button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px;min-width:60px;gap:10px;padding:0;border:0;background:transparent;color:#919191;font:10px Manrope,Arial,sans-serif;cursor:pointer}[data-project="financial-harness"] .hw-chapters button i{display:block;width:22px;height:1px;background:currentColor;transition:width .35s}[data-project="financial-harness"] .hw-chapters button[aria-pressed="true"]{color:#e5e5e5}[data-project="financial-harness"] .hw-chapters button[aria-pressed="true"] i{width:100%}[data-project="financial-harness"] .hw-chapters button:focus-visible{outline:2px solid #d1d1d1;outline-offset:5px}.hw-scroll-note{position:absolute;right:4.5%;bottom:54px;font:8px ui-monospace,monospace;letter-spacing:.1em;color:#b2b2b2;z-index:5}.hw-scroll-note span{margin-left:12px}.harness-world-stage .story-transport{display:none!important}.motion-paused .hw-ring>span,.hw-effects-paused .hw-ring>span{animation-play-state:paused}@keyframes hw-revolve{to{transform:rotate(360deg)}}@media(max-width:900px){.hw-space{left:32%;width:68%;top:19%;height:66%}[data-project="financial-harness"] .hw-copy.story-copy{top:25%;width:35%}[data-project="financial-harness"] .hw-copy .story-step h4{font-size:46px}.hw-core-glass strong{font-size:37px}.hw-paper{padding:12px}.hw-brief{padding:20px 16px}.hw-model>span{width:46px;height:46px}.hw-model img{width:30px;height:30px}.hw-core-triad{font-size:5px}.hw-core-kicker{font-size:6px}.hw-core-task{font-size:8px}.hw-route-caption{bottom:14%;left:35%}}@media(max-width:640px){[data-project="financial-harness"] .harness-world-stage{min-height:730px;height:100svh}.hw-topline{top:18px;left:6%;right:6%;font-size:6px;letter-spacing:.05em}.hw-topline i{margin-inline:6px}.hw-pause{font-size:8px;padding:5px 8px}.harness-world:after{background:linear-gradient(0deg,#171717ab,transparent 45%),linear-gradient(180deg,#171717bb,transparent 60%)}.hw-environment{object-position:65% center;opacity:.48}[data-project="financial-harness"] .hw-copy.story-copy{top:12%;left:7%;width:86%;max-width:none}[data-project="financial-harness"] .hw-copy .story-step-label{font-size:7px;margin-bottom:14px}[data-project="financial-harness"] .hw-copy .story-step h4{font-size:43px;margin-bottom:14px;line-height:.95}[data-project="financial-harness"] .hw-copy .story-step-body{font-size:10px;line-height:1.65;max-width:300px}[data-project="financial-harness"] .hw-copy .story-scope{font-size:6px;margin-top:9px}.hw-space{left:0;width:100%;top:37%;height:47%;max-height:430px}.hw-core{width:45%}.hw-core-glass strong{font-size:30px}.hw-core-kicker{font-size:4px;margin-bottom:8%}.hw-core-task{font-size:6px}.hw-core-triad{font-size:3.6px}.hw-model{min-width:48px;min-height:57px;padding:4px;gap:6px}.hw-model>span{width:38px;height:38px;border-radius:10px}.hw-model img{width:26px;height:26px}.hw-model b{font-size:8px}.hw-coordinate{font-size:6px}.hw-paper{width:26%;padding:10px 9px;min-height:28%}.hw-paper small{font-size:4px}.hw-paper strong{font-size:17px;margin-top:9px}.hw-paper-foot{font-size:4px;margin-top:10px}.hw-paper-lines{height:20px;margin-top:8px;background-size:auto}.hw-equation{font-size:13px;margin-top:11px}.hw-market{width:34%;padding:11px 10px}.hw-market small{font-size:4px}.hw-market strong{font-size:14px;margin:9px 0 4px}.hw-market>span{font-size:4px}.hw-brief{width:43%;padding:15px 13px 12px}.hw-brief>small{font-size:4px}.hw-brief>strong{font-size:28px;margin:16px 0 11px}.hw-brief>p{font-size:6px;margin-bottom:10px}.hw-brief-entry{font-size:5px;padding:8px 0;gap:6px}.hw-brief-entry>span:first-child{font-size:5px}.hw-brief-sources{font-size:4px;padding-top:9px}.hw-route-caption{left:6%;right:6%;bottom:14%;font-size:7px}[data-project="financial-harness"] .hw-chapters.story-step-buttons{left:7%;right:7%;bottom:38px;justify-content:space-between;gap:14px}[data-project="financial-harness"] .hw-chapters button{font-size:9px;min-width:49px}.hw-scroll-note{bottom:13px;left:7%;right:auto;font-size:6px}}@media(max-width:360px){[data-project="financial-harness"] .hw-copy .story-step h4{font-size:37px}.hw-core-glass strong{font-size:25px}.hw-model b{font-size:7px}.hw-brief>strong{font-size:23px}.hw-paper strong{font-size:14px}}@media(prefers-reduced-motion:reduce){.hw-ring>span{animation:none}.harness-world-stage *{transition:none!important}}.story-static [data-project="financial-harness"] .harness-world-stage{position:relative;height:100svh;min-height:730px}

/* Analog glass study: smoky optical surfaces over the moss-and-keyboard world. */
[data-project="financial-harness"] .harness-world-stage{background:#0b0b0b;color:#e2e2e2}
.harness-world{background:radial-gradient(ellipse at 71% 57%,#41414150,transparent 65%),#0c0c0c}
.harness-world:after{background:linear-gradient(90deg,#0b0b0beb 0%,#12121291 29%,#12121200 64%),linear-gradient(0deg,#0b0b0bb3,transparent 25%)}
.hw-environment{opacity:.8}.hw-grain{opacity:.2}
.hw-core{filter:drop-shadow(0 18px 24px #06060650)}
.hw-ring{background:transparent;border:1px solid #d5d5d58c;box-shadow:inset 0 0 0 2px #dddddd0c,inset 0 0 18px #d0d0d021,0 0 0 1px #1b1b1b,0 0 17px #dfdfdf14}
.hw-ring:before{inset:3%;background:linear-gradient(140deg,#b6b6b61a 0%,#2a2a2a0b 34%,#d0d0d01a 76%,#26262600);box-shadow:inset 0 1px 1px #e8e8e85c,inset 0 -1px 1px #b2b2b226,0 0 0 1px #d1d1d12b}
.hw-ring:after{inset:1%;border:1px solid #dedede19;border-top-color:#e8e8e870;border-bottom-color:#e8e8e836;transform:rotate(-34deg)}
.hw-ring>span{inset:2%;border-color:transparent;border-top-color:#e9e9e96b;box-shadow:none}
.hw-core-glass{inset:6%;background:radial-gradient(ellipse at 28% 8%,#cdcdcd35,transparent 48%),linear-gradient(135deg,#42424250,#2323236e);border:1px solid #dbdbdb2e;box-shadow:inset 0 1px 2px #f0f0f042,inset 0 -12px 22px #12121221}
.hw-core-glass strong{color:#e8e8e8;text-shadow:0 2px 14px #111111b0}.hw-core-kicker{color:#d6d6d6}.hw-core-task{color:#e2e2e2}.hw-core-triad{color:#cccccc}
.hw-model>span{background:linear-gradient(145deg,#eaeaea,#cdcdcd);border-color:#efefefad;border-radius:9px;box-shadow:0 1px 1px #efefef48,0 9px 21px #08080840}
.hw-model[aria-pressed="true"]>span{box-shadow:0 0 0 1px #e7e7e773,0 0 23px #e0e0e021}.hw-model b{color:#e5e5e5;text-shadow:0 1px 5px #080808}
.hw-paper,.hw-skills{padding-top:27px;background:linear-gradient(145deg,#78787894,#464646a8);color:#e6e6e6;border:1px solid #d4d4d469;border-radius:4px;box-shadow:inset 0 1px 0 #eeeeee40,0 15px 25px #00000030}
.hw-paper:before{content:"";position:absolute;left:0;right:0;top:0;height:16px;border-bottom:1px solid #e0e0e041;background:linear-gradient(90deg,#c3c3c316,transparent)}
.hw-paper:after{content:"";position:absolute;left:8px;top:5px;width:4px;height:4px;border:1px solid #dbdbdba3;border-radius:50%;box-shadow:7px 0 0 -1px #646464,7px 0 0 0 #dbdbdb73,14px 0 0 -1px #646464,14px 0 0 0 #dbdbdb73}
.hw-paper-fold{display:none}.hw-paper small{color:#dadada;font-size:7px}.hw-paper strong{color:#ececec;font-weight:400;text-shadow:0 1px 8px #2c2c2c73}.hw-paper-lines{background:repeating-linear-gradient(0deg,transparent 0 7px,#d3d3d35c 7px 8px)}.hw-paper-foot{color:#d8d8d8;font-size:7px}.hw-equation{color:#dddddd}
.hw-market{background:linear-gradient(145deg,#7373739e,#414141a6);border-color:#d4d4d467;box-shadow:inset 0 1px 0 #eeeeee37,0 17px 28px #00000030;color:#eaeaea}.hw-market strong{color:#ebebeb}.hw-market>span{color:#d5d5d5;font-size:7px}.hw-market small{color:#dddddd;font-size:7px}.hw-chart-grid{stroke:#dddddd2c}.hw-chart-path{stroke:#e1e1e1;filter:drop-shadow(0 0 2px #d8d8d833)}
.hw-brief{background:linear-gradient(100deg,#6767678f,#a2a2a29e 10%,#6f6f6fb8);border:1px solid #d5d5d575;border-radius:3px;box-shadow:inset 0 1px 0 #eeeeee51,0 20px 32px #00000036;color:#e6e6e6}.hw-brief-spine{background:#dbdbdb38}.hw-brief>small{color:#dbdbdb}.hw-brief>strong{color:#ededed;text-shadow:0 2px 10px #2a2a2a5e}.hw-brief-entry{border-color:#cfcfcf50}.hw-brief-entry>span:first-child,.hw-brief-entry sup{color:#e1e1e1}.hw-brief-sources{border-color:#cfcfcf50;color:#e2e2e2}
.hw-orbits{stroke:#dddddd22}.hw-orbits .hw-route{stroke:#e3e3e3;filter:drop-shadow(0 0 4px #dedede66)}.hw-route-caption{color:#e2e2e2;text-shadow:0 1px 8px #0e0e0e}.hw-coordinate{color:#c9c9c996}
[data-project="financial-harness"] .hw-copy .story-step h4{color:#e8e8e8}[data-project="financial-harness"] .hw-copy .story-step-body{color:#d1d1d1}
@media(max-width:640px){.harness-world:after{background:linear-gradient(0deg,#0d0d0dc2,transparent 48%),linear-gradient(180deg,#0d0d0dad,transparent 58%)}.hw-environment{opacity:.67}.hw-paper{padding-top:24px}.hw-paper small{font-size:6px}.hw-paper-foot{font-size:6px}.hw-market small,.hw-market>span{font-size:5.5px}.hw-core-kicker{font-size:5px}.hw-core-task{font-size:7px}.hw-core-triad{font-size:4.5px}.hw-brief>small{font-size:5px}.hw-brief-entry{font-size:6px}.hw-brief-sources{font-size:5px}}

/* One continuous composition: references remain mounted through the film reveal. */
.studio-composer-stage:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E")}
.studio-composition .composer-reference{background:linear-gradient(140deg,#8080803b,#26262699);border-color:#c0c0c05c;box-shadow:0 15px 42px #00000066,inset 0 1px 0 #ececec24;backdrop-filter:blur(12px);border-radius:4px}
.studio-composition .composer-viewfinder{border-color:#c0c0c077;background:#282828;box-shadow:0 0 0 7px #111111,0 0 0 8px #a2a2a22b}
.studio-composition .composer-orbit{border-color:#a2a2a222}
.studio-composition .composer-reference figcaption{color:#dcdcdc}
.studio-composer-stage>.composer-film-frame{inset:0;width:100%;height:100%;z-index:4}
.studio-composer-stage>.composer-film-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0e0e0eb8,transparent 65%),linear-gradient(0deg,#0e0e0ed9,transparent 70%);pointer-events:none}
.studio-composer-stage>.composer-film-frame .composer-render-status{left:auto;right:4.5%;top:auto;bottom:40px}
.studio-composer-stage>.composer-film-frame .composer-video-play{left:auto;right:4.5%;bottom:85px}
@media(max-width:760px){.studio-composer-stage>.composer-film-frame .composer-render-status{left:20px;right:auto;bottom:18px;max-width:220px}.studio-composer-stage>.composer-film-frame .composer-video-play{right:20px;top:45%;bottom:auto}}
.composer-reveal-inner>.composer-video{width:48.076923%;height:48.076923%;flex-shrink:0;object-position:50% 12%}
.composer-viewfinder>.composer-draft{object-position:50% 12%}
[data-project="woxa-studio"][data-step="3"] .studio-composer-models,[data-project="woxa-studio"][data-step="3"] .studio-composer-model-description{display:none}
.composer-video-play:disabled{visibility:hidden}
@media(max-width:760px){.composer-reveal-inner>.composer-video{object-position:62% 12%}}
[data-project="woxa-studio"].project-story{width:100vw;margin-left:calc(50% - 50vw);height:380svh;background:#101010}
[data-project="woxa-studio"] .studio-composer-stage{position:sticky;top:0;display:block;height:100svh;min-height:0;padding:0;isolation:isolate;overflow:clip;background:radial-gradient(ellipse at 72% 45%,#3434348c,transparent 65%),#101010}
.studio-composer-topline{position:absolute;top:28px;left:4.5%;right:4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font:10px/1.6 ui-monospace,monospace;color:#d5d5d5;z-index:10}.studio-composer-pause{min-height:44px;border:1px solid #a6a6a655;background:#1d1d1d88;color:#d8d8d8;padding:8px 12px;font:9px/1.5 ui-monospace,monospace}.studio-composer-pause:disabled{opacity:.6;cursor:default}
.studio-composition{position:absolute;left:43%;right:3.5%;top:19%;bottom:17%;perspective:1000px;isolation:isolate}.composer-orbit{position:absolute;inset:5%;border:1px solid #a2a2a222;border-radius:50%;transform:rotate(-17deg) scaleY(.75);pointer-events:none}.composer-viewfinder{position:absolute;left:15%;top:23%;width:70%;height:54%;border:1px solid #aeaeae99;background:#1d1d1d;z-index:1;box-shadow:0 0 0 7px #121212,0 0 0 8px #a2a2a225;overflow:hidden}.composer-viewfinder-label{position:absolute;top:9px;left:10px;font:8px ui-monospace,monospace;color:#cccccc;z-index:2}.composer-draft{width:100%;height:100%;object-fit:cover;opacity:var(--composer-draft,0);transform:scale(calc(1.14 - var(--composer-draft,0)*.14));display:block}.composer-viewfinder>i{position:absolute;inset:0 33%;border-inline:1px solid #b7b7b722;pointer-events:none}.composer-viewfinder>i:last-child{inset:33% 0;border:0;border-block:1px solid #b7b7b722}.composer-reference{position:absolute;left:0;top:0;width:29%;height:42%;margin:0;padding:5px 5px 0;background:#2d2d2d;border:1px solid #b3b3b377;box-shadow:0 12px 36px #00000055;z-index:3;transform-origin:center;will-change:transform}.composer-reference img{width:100%;height:calc(100% - 26px);object-fit:cover;display:block}.composer-reference figcaption{height:26px;display:flex;align-items:center;font:8px/1.4 ui-monospace,monospace;color:#cecece;white-space:nowrap}.composer-character img{object-position:55% 20%}.composer-film-frame{position:absolute;left:11%;top:18%;width:78%;height:64%;z-index:5;pointer-events:none;opacity:var(--composer-film-opacity,0);overflow:hidden}.composer-reveal{position:absolute;inset:-30%;mask-image:url('https://assets.woxalabs.com/site/92061d46be6e5405/labs-reveal-hexagon.svg');mask-size:var(--composer-mask-size,0%) var(--composer-mask-size,0%);mask-position:center;mask-repeat:no-repeat;transform:rotate(calc(var(--composer-mask-turn,0)*1deg));will-change:transform,mask-size}.composer-reveal-inner{position:absolute;inset:-15%;transform:rotate(calc(var(--composer-mask-turn,0)*-1deg));display:flex;align-items:center;justify-content:center}.composer-video{width:100%;height:100%;object-fit:cover;display:block}.composer-render-status{position:absolute;left:11px;top:11px;max-width:calc(100% - 22px);padding:6px 8px;background:#161616e6;color:#c7c7c7;font:8px/1.5 ui-monospace,monospace;opacity:var(--composer-controls,0);z-index:6}.composer-video-play{position:absolute;left:11px;bottom:11px;min-height:44px;padding:8px 11px;background:#161616e6;border:1px solid #c7c7c777;color:#dadada;font:9px/1.5 ui-monospace,monospace;opacity:var(--composer-controls,0);pointer-events:auto;z-index:6}.composer-video-play:disabled{color:#b5b5b5;cursor:default}.composer-film-frame:not(.film-controls-visible) .composer-video-play{visibility:hidden}.composer-art-note{position:absolute;bottom:0;left:15%;right:0;font:8px/1.6 ui-monospace,monospace;color:#9e9e9e}
.studio-composer-models{position:absolute;right:4.5%;top:95px;display:flex;gap:6px;z-index:8}.studio-composer-models button{min-height:44px;padding:8px 12px;border:1px solid #a2a2a244;background:#1d1d1db0;color:#bababa;font:9px/1.4 ui-monospace,monospace}.studio-composer-models button[aria-pressed=true]{border-color:#bdbdbd;color:#d8d8d8;background:#3e3e3eb0}.studio-composer-model-description{position:absolute;right:4.5%;top:147px;margin:0;font:8px/1.6 ui-monospace,monospace;color:#acacac;z-index:8}
[data-project="woxa-studio"] .studio-composer-stage .story-copy{position:absolute;left:4.5%;bottom:150px;width:39%;max-width:600px;margin:0;padding:0;opacity:var(--studio-copy-opacity,1);transform:translateY(calc(var(--studio-copy-shift,0)*1px));z-index:7}[data-project="woxa-studio"] .story-copy>.story-eyebrow,[data-project="woxa-studio"] .story-copy>h3,[data-project="woxa-studio"] .story-transport{display:none}[data-project="woxa-studio"] .story-scenes{margin:0;min-height:0}[data-project="woxa-studio"] .story-step-label{font:9px/1.6 ui-monospace,monospace;color:#b6b6b6;margin-bottom:20px}[data-project="woxa-studio"] .story-step h4{font-size:clamp(47px,5.3vw,82px);line-height:.98;color:#e7e7e7;margin:0 0 25px;letter-spacing:-.04em}[data-project="woxa-studio"] .story-step-body{font-size:12px;line-height:1.85;max-width:350px;color:#bbbbbb}[data-project="woxa-studio"] .story-step-buttons{position:absolute;left:4.5%;bottom:40px;display:flex;gap:23px;z-index:10;margin:0}[data-project="woxa-studio"] .story-step-buttons button{min-width:72px;min-height:44px;background:none;padding:10px 0;border:0;border-top:1px solid #a2a2a244;color:#a3a3a3;font:10px/1.4 ui-monospace,monospace}[data-project="woxa-studio"] .story-step-buttons button[aria-pressed=true]{color:#d4d4d4;border-top-color:#d4d4d4}[data-project="woxa-studio"] :focus-visible{outline:2px solid #d4d4d4;outline-offset:4px}.story-static [data-project="woxa-studio"].project-story{height:auto}.story-static [data-project="woxa-studio"] .studio-composer-stage{position:relative;min-height:720px}.motion-paused [data-project="woxa-studio"] .story-copy{opacity:1;transform:none}
@media(max-width:1100px) and (min-width:761px){.studio-composition{left:40%;right:3%;top:23%;bottom:22%}[data-project="woxa-studio"] .story-step h4{font-size:56px}[data-project="woxa-studio"] .studio-composer-stage .story-copy{width:37%;bottom:150px}.studio-composer-models button{padding-inline:10px;font-size:8px}}
@media(max-width:760px){[data-project="woxa-studio"].project-story{height:350svh}.studio-composer-topline{top:15px;left:20px;right:20px;font-size:8px;gap:10px}.studio-composer-pause{font-size:7px;padding-inline:9px}.studio-composer-models{left:20px;right:20px;top:72px;gap:5px}.studio-composer-models button{flex:1;min-width:0;padding:8px 3px;font-size:8px}.studio-composer-model-description{top:123px;left:20px;right:auto;font-size:7px}.studio-composition{left:5%;right:5%;top:145px;bottom:auto;height:36svh;max-height:310px;min-height:220px}.composer-reference{width:29%;height:44%;padding:3px 3px 0}.composer-reference figcaption{font-size:6px;height:21px}.composer-reference img{height:calc(100% - 21px)}.composer-viewfinder-label{font-size:6px;top:6px;left:6px}.composer-render-status{font-size:6px;left:6px;top:6px;padding:4px 5px;max-width:calc(100% - 12px)}.composer-video-play{left:6px;bottom:6px;font-size:7px;padding:5px 7px;min-height:44px}.composer-art-note{font-size:6px;left:10%;bottom:-1px}[data-project="woxa-studio"] .studio-composer-stage .story-copy{left:20px;right:20px;width:auto;bottom:118px;max-width:none}[data-project="woxa-studio"] .story-step-label{font-size:7px;margin-bottom:9px}[data-project="woxa-studio"] .story-step h4{font-size:clamp(35px,9.5vw,48px);line-height:1.02;margin-bottom:13px}[data-project="woxa-studio"] .story-step h4 br{display:none}[data-project="woxa-studio"] .story-step h4 br:after{content:' '}[data-project="woxa-studio"] .story-step-body{font-size:9px;line-height:1.7;max-width:400px}[data-project="woxa-studio"] .story-step-buttons{left:20px;right:20px;bottom:54px;gap:12px;justify-content:space-between}[data-project="woxa-studio"] .story-step-buttons button{min-width:0;flex:1;font-size:8px}.story-static [data-project="woxa-studio"] .studio-composer-stage{min-height:760px}}
@media(max-width:360px){.studio-composition{top:140px;height:31svh;min-height:200px}.studio-composer-topline,.studio-composer-models{left:16px;right:16px}.studio-composer-model-description{left:16px}[data-project="woxa-studio"] .studio-composer-stage .story-copy{left:16px;right:16px;bottom:118px}[data-project="woxa-studio"] .story-step h4{font-size:34px}[data-project="woxa-studio"] .story-step-body{font-size:8px}[data-project="woxa-studio"] .story-step-buttons{left:16px;right:16px}.composer-reference figcaption{font-size:5.5px}}
@media(prefers-reduced-motion:reduce){[data-project="woxa-studio"].project-story{height:auto}[data-project="woxa-studio"] .studio-composer-stage{position:relative;min-height:760px}[data-project="woxa-studio"] *{animation:none!important;transition:none!important}[data-project="woxa-studio"] .story-copy{opacity:1!important;transform:none!important}}

/* One observatory, one continuous palette. Loaded after chapter styles. */
:root{--night:#121212;--deep:#121212;--paper:#e3e3e3;--chalk:#e8e8e8;--ink:#e3e3e3;--brass:#a5a5a5;--journey-sage:#202020;--journey-muted:#aeaeae;--journey-gutter:4.5%}
body{background:#121212;color:#e3e3e3}.section-pad{padding-left:var(--journey-gutter);padding-right:var(--journey-gutter)}.header{padding-inline:var(--journey-gutter)}.hero{background:#121212}.hero-heading{left:var(--journey-gutter)}.hero-heading h1{font-family:var(--serif);font-size:clamp(66px,6.5vw,106px);font-weight:400;line-height:.98;letter-spacing:-.045em}.hero-heading h1 em{font-family:inherit;font-style:italic;line-height:1.08}.hero-base{left:var(--journey-gutter);right:var(--journey-gutter)}.hero-description{color:#d0d0d0}.hero-cta{border-color:#c6c6c66b;background:#1d1d1d55}.hero-cta:hover{background:#e3e3e3;color:#1d1d1d}.hero-shade{background:linear-gradient(90deg,#12121285,transparent 65%),linear-gradient(0deg,#121212,transparent 36%)}
.intro{background:linear-gradient(#121212,#1b1b1b);padding-block:clamp(76px,10vw,150px) clamp(52px,6vw,95px)}.intro-top{margin-bottom:45px}.intro .section-label,.perspective .section-label{color:#b9b9b9}.intro h2,.perspective-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(55px,6vw,88px);line-height:1.04;letter-spacing:-.035em;color:#e3e3e3}.intro h2 em,.perspective-copy h2 em{font-style:italic;color:#b0b0b0}.intro-layout{grid-template-columns:1.1fr 1fr;gap:clamp(45px,8vw,130px)}.intro-copy{max-width:435px;padding-top:12px}.intro-copy p{font-size:13px;color:#c6c6c6;line-height:1.95}.intro-copy p+p{color:#9f9f9f}.small-symbol{color:#a5a5a5}.underlined-link{color:#cacaca;border-bottom-color:#a5a5a566;min-height:44px}.perspective{background:linear-gradient(#1b1b1b,#202020 60%,#121212);padding-block:55px clamp(90px,10vw,155px);gap:clamp(45px,8vw,125px)}.perspective .armillary{color:#a2a2a2}.perspective .outer-guide{stroke:#8d8d8d}.perspective .diagram-axis{stroke:#8d8d8d}.perspective .diagram-point{fill:#ababab;stroke:#202020}.perspective .diagram-labels{fill:#b5b5b5}.diagram-caption,.diagram-caption>span:nth-child(2){color:#a4a4a4}.principles{border-color:#a4a4a444}.principles button{color:#d0d0d0;min-height:44px}.principles button[aria-selected=true]:after{background:#c2c2c2}#principle-panel h3{color:#e3e3e3}#principle-panel p{color:#b2b2b2;font-size:12px}.orbit-control{color:#b5b5b5}.orbit-control input{accent-color:#acacac}
.projects{background:#121212;padding-top:clamp(65px,7vw,110px)}.projects-kicker{border-bottom-color:#a9a9a92c;color:#a0a0a0}.projects-intro-grid{gap:clamp(35px,7vw,100px)}.projects-intro h2{font-family:var(--serif);font-size:clamp(57px,6vw,92px);line-height:1.02}.projects-intro h2 em{color:#b0b0b0}.projects-intro-grid>p{color:#b5b5b5;font-size:13px;line-height:1.9}.project-index{gap:25px}.project-index a{border-color:#a9a9a930}.project-motion-tools{color:#a7a7a7}.project-chapter{border-bottom:0}.project-brief{border-top:0;background:transparent;padding:30px 0 55px;gap:8%;grid-template-columns:.75fr 1.3fr}.project-brief .brief-heading{color:#bebebe}.project-brief .brief-heading>span{color:#9d9d9d}.project-details{border-color:#a8a8a835}.project-details dd{color:#b1b1b1}.project-details dt{color:#dbdbdb}.project-source,.project-footnote{color:#9d9d9d}.project-source a,.project-external{color:#bbbbbb}.project-models{color:#bebebe}.nexa-evolution p{color:#bbbbbb}.projects-outro{color:#a7a7a7;border-top:1px solid #a9a9a926;padding-top:20px;margin-top:40px}
.chapter-bridge{width:100vw;margin-left:calc(50% - 50vw);min-height:55svh;padding:clamp(75px,9vw,135px) var(--journey-gutter);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;background:linear-gradient(#121212,#202020 52%,#121212);isolation:isolate}.chapter-bridge:before{content:'';position:absolute;top:40px;left:var(--journey-gutter);width:65px;height:1px;background:#a4a4a455}.bridge-kicker{font:10px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.08em;color:#a5a5a5;margin-bottom:26px}.chapter-bridge h2{font-family:var(--serif);font-size:clamp(64px,6.7vw,96px);font-weight:400;line-height:1.02;letter-spacing:-.04em;max-width:800px;color:#e7e7e7}.chapter-bridge h2 em{color:#adadad}.chapter-bridge>p:not(.bridge-kicker){font-size:13px;line-height:1.9;color:#b5b5b5;max-width:480px;margin-top:23px}.bridge-next{display:inline-flex;align-items:center;gap:25px;min-height:44px;font:10px/1.5 ui-monospace,monospace;color:#c5c5c5;margin-top:27px;border-bottom:1px solid #9a9a9a55;padding-block:8px}.bridge-next:hover{color:#e4e4e4;border-color:#c5c5c5}
.project-notes{width:100vw;margin-left:calc(50% - 50vw);padding-inline:var(--journey-gutter);background:linear-gradient(#121212,#1a1a1a);border:0}.project-notes-toggle{min-height:74px;display:flex;align-items:center;gap:22px;list-style:none;font:10px/1.6 ui-monospace,monospace;color:#bbbbbb;cursor:pointer;border-bottom:1px solid #b2b2b224}.project-notes-toggle::-webkit-details-marker{display:none}.project-notes-toggle:after{content:'+';margin-left:auto;font:23px/1 var(--serif);color:#b5b5b5}.project-notes[open]>.project-notes-toggle:after{content:'−'}.project-notes-toggle:hover{color:#e3e3e3}.project-notes-toggle:focus-visible{outline:2px solid #c2c2c2;outline-offset:4px}.project-notes .project-brief{margin:0}.project-notes:not([open]){padding-bottom:0}
/* Nexa joins the same cinematic chapter scale; existing controls stay intact. */
[data-project="nexa"].project-story{width:100vw;margin-left:calc(50% - 50vw);height:350svh;background:#121212}[data-project="nexa"] .story-stage{display:block;position:sticky;top:0;height:100svh;min-height:0;padding:0;isolation:isolate;overflow:clip}[data-project="nexa"] .story-visual{position:absolute;inset:0;z-index:0}[data-project="nexa"] .story-visual>.project-art{position:absolute;inset:0;top:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;border:0;background:#181818}[data-project="nexa"] .project-art:after{background:linear-gradient(90deg,#0e0e0ebc 0%,#0e0e0e24 67%),linear-gradient(0deg,#101010e6,transparent 70%)}[data-project="nexa"] .project-art img{object-position:60% 45%}[data-project="nexa"] .project-frame{inset:30px 4.5% auto;border:0;padding:0;font-size:9px;height:25px}[data-project="nexa"] .project-frame:before,[data-project="nexa"] .project-frame:after,[data-project="nexa"] .project-frame i{display:none}[data-project="nexa"] .project-art figcaption{left:auto;right:4.5%;bottom:43px;width:auto;font-size:8px}[data-project="nexa"] .story-copy{position:absolute;left:4.5%;bottom:145px;width:52%;max-width:740px;padding:0;z-index:2}[data-project="nexa"] .story-copy>.story-eyebrow,[data-project="nexa"] .story-subtitle,[data-project="nexa"] .story-scope{display:none}[data-project="nexa"] .story-copy>h3{font:10px/1.5 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:#c7c7c7;display:block;margin-bottom:25px}[data-project="nexa"] .story-scenes{margin:0;min-height:0}[data-project="nexa"] .story-step-label{font:9px/1.5 ui-monospace,monospace;color:#bcbcbc;margin-bottom:18px}[data-project="nexa"] .story-step h4{font-family:var(--serif);font-size:clamp(58px,6vw,92px);line-height:.98;letter-spacing:-.04em;max-width:700px;color:#e7e7e7;margin-bottom:24px}[data-project="nexa"] .story-step-body{font-size:12px;line-height:1.85;max-width:380px;color:#cacaca}[data-project="nexa"] .story-step-tags{color:#b9b9b9}[data-project="nexa"] .story-step-buttons{position:absolute;left:0;bottom:-105px;gap:20px;margin:0}[data-project="nexa"] .story-step-buttons button{min-width:70px;min-height:44px;border-top:1px solid #b2b2b244;padding:10px 0;color:#b6b6b6}[data-project="nexa"] .story-step-buttons button[aria-pressed=true]{border-color:#c5c5c5;color:#d7d7d7}[data-project="nexa"] .story-step-buttons button i{display:none}[data-project="nexa"] .story-transport{display:none}[data-project="nexa"] .project-scene-toggle{left:auto;right:4.5%;top:95px;bottom:auto;font-size:9px;background:#1d1d1ddc;border-color:#a0a0a055}[data-project="nexa"] .project-workflow{left:auto;right:4.5%;top:155px;bottom:auto;width:340px;max-height:calc(100svh - 245px);background:#1d1d1df7;border-color:#a0a0a055}[data-project="nexa"] .project-workflow ol{margin-top:17px}.story-static [data-project="nexa"].project-story{height:auto}.story-static [data-project="nexa"] .story-stage{position:relative;height:100svh;min-height:720px}
.footer{background:linear-gradient(#1a1a1a,#202020);color:#e3e3e3;padding-top:55px;padding-bottom:26px}.footer-top p{color:#bababa}.footer-top>a{color:#c6c6c6}.footer-wordmark{font-family:var(--serif);color:#e1e1e1}.footer-wordmark>span{color:#a5a5a5}.footer-bottom{border-top-color:#acacac33;color:#a4a4a4}.footer-bottom strong{color:#cbcbcb}
@media(max-width:1100px) and (min-width:761px){.intro-layout,.perspective{gap:55px}.hero-heading{width:46%}.hero-heading h1{font-size:76px}.chapter-bridge{padding-block:100px}[data-project="nexa"] .story-copy{width:65%}[data-project="nexa"] .story-step h4{font-size:73px}[data-project="nexa"] .project-workflow{width:300px}}
@media(max-width:760px){:root{--journey-gutter:20px}.section-pad,.projects{padding-inline:20px}.hero-heading{left:20px;width:calc(100% - 40px);top:16%}.hero-heading h1{font-size:clamp(51px,13.2vw,78px);line-height:1.02}.hero-description{font-size:10px;max-width:320px}.hero-base{left:20px;right:20px}.intro{padding-block:65px 45px}.intro-top{margin-bottom:30px}.intro-layout{grid-template-columns:1fr;gap:28px}.intro h2,.perspective-copy h2{font-size:54px;line-height:1.04}.intro-copy{padding-top:0}.intro-copy p{font-size:12px}.perspective{grid-template-columns:1fr;gap:40px;padding-block:20px 75px}.perspective .diagram-panel{max-width:420px}.projects{padding-top:60px}.projects-intro h2{font-size:54px}.projects-intro-grid>p{font-size:12px}.project-index{gap:0}.chapter-bridge{min-height:55svh;padding-block:82px 65px}.chapter-bridge:before{top:34px;width:45px}.bridge-kicker{font-size:8px;margin-bottom:22px}.chapter-bridge h2{font-size:43px;line-height:1.05;max-width:540px}.chapter-bridge>p:not(.bridge-kicker){font-size:11px;margin-top:22px;max-width:360px}.bridge-next{font-size:9px;margin-top:22px}.project-notes-toggle{min-height:65px;font-size:9px}.project-notes .project-brief{grid-template-columns:1fr;gap:20px;padding-block:24px 40px}.project-brief .brief-heading{font-size:12px}.project-brief .brief-heading>span{font-size:8px}.projects-outro{margin-top:25px}.footer{padding-top:35px}.footer-top p{font-size:20px}.footer-wordmark{font-size:21vw}.footer-bottom{font-size:8px}
 [data-project="nexa"].project-story{height:330svh}[data-project="nexa"] .story-stage{min-height:0}[data-project="nexa"] .project-art img{object-position:57% 45%}[data-project="nexa"] .project-art:after{background:linear-gradient(0deg,#0e0e0ef2,#0e0e0ea0 42%,#0e0e0e10 75%)}[data-project="nexa"] .project-frame{left:20px;right:20px;top:25px;font-size:7px}[data-project="nexa"] .project-scene-toggle{right:20px;top:70px;font-size:8px;min-height:44px;max-width:calc(100% - 40px)}[data-project="nexa"] .project-workflow{right:20px;left:20px;top:124px;width:auto;max-height:calc(100svh - 180px);z-index:8;padding:20px}[data-project="nexa"] .story-copy{left:20px;right:20px;bottom:146px;width:auto;max-width:none;pointer-events:none}[data-project="nexa"] .story-copy>h3{font-size:8px;margin-bottom:18px}[data-project="nexa"] .story-step-label{font-size:7px;margin-bottom:12px}[data-project="nexa"] .story-step h4{font-size:clamp(43px,11.6vw,68px);line-height:1;max-width:520px;margin-bottom:18px}[data-project="nexa"] .story-step-body{font-size:10px;max-width:380px;line-height:1.75}[data-project="nexa"] .story-step-tags{font-size:7px}[data-project="nexa"] .story-step-buttons{bottom:-85px;gap:20px;pointer-events:auto}[data-project="nexa"] .story-step-buttons button{min-width:45px;font-size:9px}[data-project="nexa"] .project-art figcaption{left:20px;right:auto;bottom:37px;font-size:6px}.story-static [data-project="nexa"] .story-stage{min-height:740px}}
@media(max-width:360px){.hero-heading h1{font-size:49px}.intro h2,.perspective-copy h2,.projects-intro h2{font-size:47px}.chapter-bridge h2{font-size:40px}[data-project="nexa"] .story-step h4{font-size:42px}[data-project="nexa"] .story-step-body{font-size:9px}[data-project="nexa"] .story-copy{bottom:143px}}
@media(prefers-reduced-motion:reduce){[data-project="nexa"].project-story{height:auto}[data-project="nexa"] .story-stage{position:relative;min-height:740px}}
/* Keep the full journey measured after adding connective chapters. */
.project-notes{background:#121212}
@media(prefers-reduced-motion:no-preference){
 body:not(.story-static) .project-story[data-project]{height:320svh}
}
@media(prefers-reduced-motion:no-preference) and (max-width:760px){
 body:not(.story-static) .project-story[data-project]{height:300svh}
}

/* Shared timing, with native scrolling and stable scene geometry. */
:root{--journey-ease:cubic-bezier(.22,1,.36,1)}
/* Scroll-linked transforms must not become browser scroll anchors. */
html{overflow-anchor:none;scroll-behavior:auto}
.project-story .story-step:not([hidden]){opacity:var(--chapter-copy-opacity,1);transform:translate3d(0,var(--chapter-copy-y,0px),0)}
.journey-motion [data-reveal]{opacity:0;transform:translate3d(0,22px,0);transition:opacity .7s var(--journey-ease),transform .7s var(--journey-ease)}
.journey-motion [data-reveal].is-revealed{opacity:1;transform:none}
.hero-heading{opacity:var(--hero-copy-opacity,1)}
.hero:after{content:'';position:absolute;inset:auto 0 0;height:160px;background:linear-gradient(transparent,#121212);pointer-events:none;z-index:1}
.hero-base{z-index:3}
.harness-world .hw-environment{mask-image:linear-gradient(transparent,#000000 9%,#000000 87%,transparent)}
.studio-composer-stage>.composer-film-frame:after{background:linear-gradient(90deg,#121212b0,transparent 65%),linear-gradient(0deg,#121212,transparent 36%,transparent 87%,#12121288)}
.studio-composer-models,.studio-composer-model-description{opacity:var(--provider-opacity,1);transition:none}
[data-project="woxa-studio"][data-step="3"] .studio-composer-models{display:flex;visibility:hidden}
[data-project="woxa-studio"][data-step="3"] .studio-composer-model-description{display:block;visibility:hidden}
.project-notes-toggle,.bridge-next,.project-index a{transition:color .2s ease,border-color .2s ease}
.bridge-next span{display:inline-block;transition:transform .3s var(--journey-ease)}
.bridge-next:hover span{transform:translateY(4px)}
@media(max-width:760px){[data-project="nexa"] .story-stage:has(.project-workflow:not([hidden])) .story-copy>.story-scenes,[data-project="nexa"] .story-stage:has(.project-workflow:not([hidden])) .story-copy>h3{visibility:hidden}}
.motion-paused [data-reveal],.motion-paused .story-step:not([hidden]){opacity:1;transform:none;transition:none}
@media(prefers-reduced-motion:reduce){.journey-motion [data-reveal],.hero-heading,.project-story .story-step:not([hidden]){opacity:1;transform:none;transition:none}.bridge-next span{transition:none}}

/* A single optical opening. No scroll lock or repeating flashes. */
.hero-heading .edition,.hero-heading h1,.hero-description,.hero-cta{animation:none}
.opening-effects{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden;display:none}
.opening-veil{position:absolute;inset:0;background:#0f0f0f}
.opening-scan{position:absolute;inset:0;background:linear-gradient(90deg,transparent 44%,#d4d4d408 48%,#d5d5d555 50%,#d4d4d408 52%,transparent 56%);opacity:0}
.opening-orbits{position:absolute;left:38%;top:-12%;width:66%;height:124%;color:#c5c5c5;opacity:0;overflow:visible}
.opening-orbits ellipse,.opening-orbits path{stroke:currentColor;stroke-width:.7;stroke-dasharray:1;stroke-dashoffset:1}
.opening-coordinate{position:absolute;left:65%;top:64%;font:9px/1.8 ui-monospace,monospace;letter-spacing:.15em;color:#cecece;opacity:0}
.opening-coordinate i{font-style:normal;color:#b5b5b5;letter-spacing:.04em;font-size:8px}
.opening-replay{font:23px/1 var(--serif);width:44px;min-height:44px;color:#c5c5c5;border:0;background:none}
.opening-replay:hover{color:#e4e4e4}.opening-replay:focus-visible{outline:1px solid #cacaca;outline-offset:3px}
.opening-pending .hero .painting picture{opacity:0}
.opening-pending .hero-heading>*{opacity:0}
.opening-pending .hero .instrument-layer{opacity:0}
.opening-active .opening-effects{display:block}
.opening-active .opening-veil{animation:opening-veil 1.5s cubic-bezier(.22,1,.36,1) both}
.opening-active .painting picture{animation:opening-world 2.3s cubic-bezier(.16,1,.3,1) both;transform-origin:68% 46%}
.opening-active .opening-scan{animation:opening-scan 1.9s cubic-bezier(.22,1,.36,1) both}
.opening-active .opening-orbits{animation:opening-orbits 2.5s ease-out both}
.opening-active .opening-orbits ellipse,.opening-active .opening-orbits path{animation:opening-trace 1.65s cubic-bezier(.22,1,.36,1) .1s both}
.opening-active .opening-orbits ellipse:nth-child(2){animation-delay:.25s}
.opening-active .opening-coordinate{animation:opening-caption 2.25s ease both}
.opening-active .hero-heading .edition{animation:opening-copy .8s cubic-bezier(.22,1,.36,1) .3s both}
.opening-active .hero-heading h1{animation:opening-copy 1.15s cubic-bezier(.22,1,.36,1) .55s both}
.opening-active .hero-description{animation:opening-copy .9s cubic-bezier(.22,1,.36,1) .85s both}
.opening-active .hero-cta{animation:opening-copy .8s cubic-bezier(.22,1,.36,1) 1.05s both}
.opening-active .header{animation:opening-copy .8s cubic-bezier(.22,1,.36,1) .2s both}
.opening-active .hero-base{animation:opening-copy .8s cubic-bezier(.22,1,.36,1) 1.15s both}
.opening-active .instrument-layer{animation:opening-copy .6s ease .7s both}
.opening-active .instrument>span{animation:opening-lock .9s cubic-bezier(.22,1,.36,1) 1s both}
.opening-active .instrument-orbit>span{animation-delay:1.2s}.opening-active .instrument-laptop>span{animation-delay:1.4s}
@keyframes opening-world{0%{opacity:.15;clip-path:ellipse(0% 0% at 68% 46%);transform:scale(1.09)}55%{opacity:1}100%{opacity:1;clip-path:ellipse(125% 125% at 68% 46%);transform:scale(1)}}
@keyframes opening-veil{0%{opacity:.85}100%{opacity:0}}
@keyframes opening-scan{0%{transform:translateX(-70%);opacity:0}20%{opacity:.6}80%{opacity:.3}100%{transform:translateX(70%);opacity:0}}
@keyframes opening-orbits{0%{opacity:0;transform:scale(.82) rotate(-12deg)}25%{opacity:.65}70%{opacity:.3}100%{opacity:0;transform:scale(1.08) rotate(8deg)}}
@keyframes opening-trace{to{stroke-dashoffset:0}}
@keyframes opening-caption{0%,10%{opacity:0;transform:translateY(6px)}30%,65%{opacity:1;transform:none}100%{opacity:0}}
@keyframes opening-copy{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}
@keyframes opening-lock{from{opacity:0;transform:scale(1.8)}to{opacity:1;transform:scale(1)}}
@media(max-width:760px){.opening-orbits{left:5%;top:16%;width:115%;height:90%}.opening-coordinate{left:52%;top:67%;font-size:7px}.opening-coordinate i{font-size:6px}.opening-active .painting picture{transform-origin:65% 65%}.opening-replay{width:36px}}
@media(prefers-reduced-motion:reduce){.opening-effects,.opening-replay{display:none}.opening-pending .hero .painting picture,.opening-pending .hero-heading>*,.opening-pending .hero .instrument-layer{opacity:1}}

.perspective{position:relative;isolation:isolate;overflow:clip}
.perspective .diagram-panel{max-width:none;min-width:0;align-self:center}
.perspective-instrument{position:relative;aspect-ratio:1;perspective:1000px;isolation:isolate;transform:rotateX(var(--look-x,0deg)) rotateY(var(--look-y,0deg));transition:transform .35s ease-out}
.perspective-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse,#000000 35%,transparent 73%);transform:scale(1.1);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.perspective-links{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;stroke:#bbbbbb66;stroke-width:.7}
.perspective-links>path{stroke-dasharray:4 15;opacity:.3;transition:opacity .6s}
.perspective-links>circle{stroke-dasharray:1 15;transform-origin:50% 50%;transition:transform 1.3s cubic-bezier(.22,1,.36,1);opacity:.3}
.thought-pane{position:absolute;width:32%;min-height:110px;padding:15px 17px;background:linear-gradient(135deg,#64646480,#2e2e2eb3);border:1px solid #d1d1d166;box-shadow:0 15px 50px #00000044,inset 0 1px #ededed33;border-radius:3px;color:#e6e6e6;transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity .65s,border-color .65s;transform-style:preserve-3d}
.thought-pane>span{display:block;font:8px/1.5 ui-monospace,monospace;color:#cbcbcb;letter-spacing:.06em;margin-bottom:14px}
.thought-pane strong{font:italic 30px/1 var(--serif);display:block;white-space:nowrap}.thought-pane i{display:block;font:8px/1.6 var(--sans);color:#c4c4c4;margin-top:9px}
.thought-pane svg{width:100%;height:44px;fill:none;stroke:#cfcfcf;stroke-width:1.2;stroke-dasharray:200;stroke-dashoffset:0;transition:stroke-dashoffset 1s}
.pane-a{left:2%;top:19%;transform:rotate(-11deg) rotateY(16deg)}.pane-b{right:0;top:28%;transform:rotate(9deg) rotateY(-15deg);opacity:.7}.pane-c{left:20%;bottom:7%;transform:rotate(-4deg) rotateX(10deg);opacity:.5}
.perspective-cross{position:absolute;color:#b6b6b6;font:25px var(--serif);opacity:.6}.cross-a{left:49%;top:9%}.cross-b{right:10%;bottom:16%}
.perspective-scene-foot{position:relative;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #afafaf33;padding-top:14px;margin-top:5px}
.perspective-reading{font:8px/1.6 ui-monospace,monospace;color:#b8b8b8}.perspective-next{min-height:44px;padding:0;border:0;background:none;color:#c7c7c7;font:10px/1.6 var(--sans);display:flex;gap:18px;align-items:center}.perspective-next>span{font-size:20px;transition:transform .4s}.perspective-next:hover>span{transform:rotate(45deg)}
.perspective .perspective-copy h2{font-size:clamp(54px,5.5vw,82px);line-height:1.05}.perspective .principles{gap:0;margin-top:36px;display:flex}.perspective .principles button{flex:1;text-align:left;padding:16px 0;opacity:.65;font-size:12px}.perspective .principles button[aria-selected=true]{opacity:1;color:#e3e3e3}.perspective .principles button[aria-selected=true]:after{background:#c1c1c1}
.perspective #principle-panel{min-height:190px;max-width:410px;padding-top:28px}.perspective #principle-panel h3{font-size:31px}
.perspective[data-mode="question"] .perspective-world{transform:scale(1.17) rotate(-5deg)}
.perspective[data-mode="question"] .pane-a{transform:translate(18%,25%) rotate(7deg) rotateY(-15deg);opacity:.45}
.perspective[data-mode="question"] .pane-b{transform:translate(-34%,10%) rotate(-7deg) scale(1.16);opacity:1;border-color:#d0d0d0b3}
.perspective[data-mode="question"] .pane-c{transform:translate(70%,-2%) rotate(9deg);opacity:.6}
.perspective[data-mode="question"] .perspective-links>path{opacity:.9}
.perspective[data-mode="question"] .perspective-links>circle{transform:rotate(45deg) scale(.9)}
.perspective[data-mode="create"] .perspective-world{transform:scale(1.08) rotate(4deg)}
.perspective[data-mode="create"] .pane-a{transform:translate(18%,50%) rotate(-3deg) scale(.88);opacity:.5}
.perspective[data-mode="create"] .pane-b{transform:translate(-4%,-35%) rotate(3deg) scale(.88);opacity:.6}
.perspective[data-mode="create"] .pane-c{transform:translate(15%,-60%) rotate(0deg) scale(1.3);opacity:1;border-color:#d0d0d0b3}
.perspective[data-mode="create"] .perspective-links>path{opacity:.7}.perspective[data-mode="create"] .perspective-links>circle{transform:rotate(90deg) scale(1.08)}
.perspective-visible .perspective-links>path{animation:thought-flow 18s linear infinite}
@keyframes thought-flow{to{stroke-dashoffset:-190}}
@media(max-width:1100px){.thought-pane{padding:12px;min-height:90px}.thought-pane strong{font-size:24px}.thought-pane>span{font-size:7px}.perspective-reading{font-size:7px}}
@media(max-width:760px){.perspective{gap:40px}.perspective .diagram-panel{width:100%;max-width:470px}.thought-pane{padding:12px 10px;min-height:90px}.thought-pane strong{font-size:24px}.thought-pane>span{font-size:6px;margin-bottom:10px}.thought-pane i{font-size:7px}.perspective .perspective-copy h2{font-size:51px}.perspective .principles{margin-top:24px}.perspective #principle-panel{min-height:180px}.perspective-next{font-size:9px}.perspective .diagram-panel{order:1}.perspective .perspective-copy{order:0}.perspective #principle-panel h3{font-size:29px}}
@media(max-width:360px){.thought-pane strong{font-size:21px}.thought-pane{padding:10px 8px;min-height:82px}.perspective .perspective-copy h2{font-size:45px}.perspective-reading{font-size:6px}}
.motion-paused .perspective-instrument{transform:none}.motion-paused .perspective *{transition:none!important}
@media(prefers-reduced-motion:reduce){.perspective-instrument{transform:none!important}.perspective *{transition:none!important;animation:none!important}}

.application-exit{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:26px 0 40px;color:#c2c2c2;font-size:12px}
.application-exit>a,.lab-next>a{display:inline-flex;align-items:center;gap:24px;min-height:48px;border-bottom:1px solid #ababab77;color:#e5e5e5;font-size:13px}
.lab-practice{padding-block:100px;background:linear-gradient(#121212,#202020,#121212);display:grid;grid-template-columns:1fr 1.1fr;gap:60px 8%;color:#e2e2e2}
.lab-practice header>h2{font-size:clamp(46px,5vw,76px);margin:22px 0}.lab-practice header>p:last-child{font-size:13px;line-height:1.9;max-width:370px;color:#b9b9b9}
.practice-questions{align-self:center}.practice-questions details{border-top:1px solid #b2b2b238;padding:23px 0}.practice-questions summary{cursor:pointer;list-style:none;font:400 29px/1.15 var(--serif);min-height:70px;padding-right:18px}.practice-questions summary::-webkit-details-marker{display:none}.practice-questions summary>span{display:block;font:10px/1.7 var(--sans);color:#b1b1b1;margin-top:12px}.practice-questions details>p{font-size:13px;line-height:1.85;color:#cacaca;max-width:530px;margin-top:18px}.practice-questions .practice-status{font-size:10px;color:#a5a5a5}.practice-questions details[open] summary{color:#cacaca}
.lab-next{grid-column:1/-1;border-top:1px solid #b2b2b238;padding-top:28px;display:flex;align-items:center;gap:35px;flex-wrap:wrap}.lab-next p{margin-right:auto;color:#b6b6b6;font-size:13px}
.lab-practice :focus-visible{outline:2px solid #cacaca;outline-offset:5px}
.hero-description{max-width:430px}.hero-heading h1{max-width:650px}
@media(max-width:760px){.lab-practice{grid-template-columns:1fr;gap:35px;padding-block:65px}.lab-practice header>h2{font-size:49px}.practice-questions summary{font-size:27px}.lab-next{gap:20px}.lab-next p{flex-basis:100%}.application-exit{align-items:flex-start;flex-direction:column;gap:12px}.hero-description{max-width:330px}}
@media(prefers-reduced-motion:no-preference){.practice-questions details[open]>p{animation:research-open .3s ease-out}@keyframes research-open{from{opacity:.4;transform:translateY(7px)}to{opacity:1;transform:none}}}

.harness-method{background:linear-gradient(#121212,#202020 52%,#121212);color:#e3e3e3;padding-top:clamp(65px,8vw,120px);padding-bottom:clamp(60px,7vw,105px)}.method-header{max-width:900px}.method-eyebrow,.method-question-label,.method-example-switch,.method-layers,.method-panel-index,.method-output dt,.method-diagram-caption,.method-diagram-foot,.method-glass-note>span,.method-bottom-note{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.method-eyebrow{font-size:9px;letter-spacing:.08em;color:#a6a6a6;margin-bottom:25px}.method-header h2{font-family:var(--serif);font-size:clamp(50px,5.8vw,86px);line-height:1.04;letter-spacing:-.035em}.method-header h2 em{color:#b0b0b0}.method-header>p:last-child{font-size:13px;line-height:1.9;color:#b4b4b4;max-width:540px;margin-top:23px}.method-example-switch{display:flex;gap:22px;margin-block:35px 40px}.method-example-switch button{min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #9d9d9d55;background:transparent;font-size:10px;color:#adadad}.method-example-switch button[aria-pressed=true]{color:#d5d5d5;border-color:#b0b0b0}.method-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(35px,6vw,95px);align-items:start}.method-question-label{font-size:9px;color:#989898;margin-bottom:13px}.method-question{font-family:var(--serif);font-size:clamp(27px,2.8vw,40px);line-height:1.2;color:#dfdfdf;max-width:500px}.method-layers{display:flex;flex-wrap:wrap;gap:0 20px;border-bottom:1px solid #aeaeae30;margin-top:26px;padding-bottom:8px}.method-layers button{min-height:44px;border:0;background:none;font-size:9px;color:#969696;padding:9px 0;position:relative}.method-layers button[aria-selected=true]{color:#d0d0d0}.method-layers button[aria-selected=true]:after{content:'';height:1px;background:#b1b1b1;position:absolute;bottom:4px;left:0;right:0}.method-panel{padding-top:26px;min-height:305px}.method-panel-index{font-size:8px;letter-spacing:.04em;color:#a6a6a6;margin-bottom:13px}.method-panel h3{font-family:var(--serif);font-size:35px;line-height:1.1;color:#e0e0e0;letter-spacing:-.025em;margin-bottom:16px}.method-panel-copy{font-size:12px;line-height:1.85;color:#b7b7b7;max-width:490px}.method-output{margin:22px 0 0;padding:16px 0 0;border-top:1px solid #a3a3a32c}.method-output dt{font-size:8px;color:#b5b5b5;letter-spacing:.04em;margin-bottom:8px}.method-output dd{margin:0;color:#cacaca;font-size:11px;line-height:1.8;max-width:490px}.method-optical{position:relative;min-height:560px;isolation:isolate;overflow:clip;background:#1c1c1c}.method-world{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.23;z-index:-3}.method-optical-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(#12121244,#121212dd),radial-gradient(ellipse at center,#2d2d2d33,transparent 65%)}.method-diagram-caption{position:absolute;top:24px;left:25px;font-size:8px;color:#b1b1b1;letter-spacing:.02em}.method-orbits{position:absolute;left:9%;right:9%;top:15%;height:55%;perspective:800px;--method-angle:0deg}.method-orbits>i{position:absolute;inset:4%;border:1px solid #aaaaaa60;border-radius:50%;transform:rotate(var(--method-angle)) rotateX(53deg) rotateY(12deg);transition:transform 850ms cubic-bezier(.2,.65,.3,1),border-color .4s}.method-orbits>i:nth-child(2){inset:12%;transform:rotate(calc(var(--method-angle) + 55deg)) rotateX(47deg)}.method-orbits>i:nth-child(3){inset:5%;transform:rotate(calc(var(--method-angle) - 35deg)) rotateY(58deg)}.method-orbits>i:nth-child(4){inset:20%;border-color:#c4c4c480;transform:rotate(calc(var(--method-angle) + 25deg)) rotateY(30deg)}.method-core{position:absolute;inset:33% 22%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;z-index:2;color:#e0e0e0;text-align:center;background:radial-gradient(ellipse,#2f2f2fbb,transparent 70%)}.method-core>span,.method-core small{font:7px/1.5 ui-monospace,monospace;color:#b6b6b6;white-space:nowrap}.method-core strong{font:46px/.95 var(--serif);font-weight:400}.method-orbit-point{position:absolute;font:8px/1.4 ui-monospace,monospace;color:#a4a4a4;padding:6px 8px;background:#1a1a1acc;border:1px solid #9292923b;transition:color .35s,border-color .35s,transform .7s}.method-orbit-point[data-method-point=goal]{left:34%;top:0}.method-orbit-point[data-method-point=context]{right:-3%;top:23%}.method-orbit-point[data-method-point=tools]{right:0;bottom:18%}.method-orbit-point[data-method-point=workflow]{left:34%;bottom:0}.method-orbit-point[data-method-point=checks]{left:-4%;bottom:23%}.method-orbit-point[data-method-point=people]{left:-3%;top:19%}.method-orbit-point.is-selected{color:#dadada;border-color:#bdbdbd;transform:translateY(-3px);background:#2e2e2e}.method-glass-note{position:absolute;left:11%;right:11%;bottom:52px;border-top:1px solid #ababab66;padding-top:18px;color:#d7d7d7}.method-glass-note>span{font-size:7px;color:#aeaeae;display:block;margin-bottom:8px}.method-glass-note strong{font:28px/1.15 var(--serif);font-weight:400;display:block;margin-bottom:7px}.method-glass-note p{font-size:10px;line-height:1.7;color:#b1b1b1;max-width:300px}.method-diagram-foot{position:absolute;left:25px;right:20px;bottom:18px;font-size:6.5px;color:#8c8c8c}.method-bottom-note{font-size:9px;line-height:1.8;max-width:650px;color:#9a9a9a;margin-top:35px}.harness-method :focus-visible{outline:2px solid #c2c2c2;outline-offset:4px}.method-optical.method-entered .method-world{opacity:.28;transition:opacity .8s}.motion-paused .harness-method *{transition:none!important}
@media(max-width:1100px){.method-layout{gap:35px}.method-optical{min-height:550px}.method-layers{gap:0 16px}.method-core strong{font-size:39px}.method-core small{font-size:6px}}
@media(max-width:760px){.harness-method{padding-block:65px}.method-header h2{font-size:51px}.method-header>p:last-child{font-size:12px}.method-eyebrow{font-size:8px;line-height:1.8}.method-example-switch{gap:25px;margin-block:25px 30px}.method-example-switch button{font-size:9px}.method-layout{grid-template-columns:1fr;gap:25px}.method-question{font-size:31px}.method-layers{gap:0 18px;margin-top:20px}.method-layers button{font-size:9px}.method-panel{min-height:285px;padding-top:23px}.method-panel h3{font-size:32px}.method-panel-copy{font-size:11px}.method-output dd{font-size:10px}.method-optical{min-height:440px;width:100%;max-width:540px;margin:auto}.method-orbits{top:13%;height:54%;left:11%;right:11%}.method-core strong{font-size:39px}.method-orbit-point{font-size:7px;padding:5px 6px}.method-core>span{font-size:6px}.method-core small{font-size:5.5px}.method-glass-note{bottom:48px;padding-top:14px}.method-glass-note strong{font-size:25px}.method-glass-note p{font-size:9px}.method-diagram-caption{top:18px;left:19px;font-size:7px}.method-diagram-foot{left:19px;font-size:6px}.method-bottom-note{font-size:8px;margin-top:28px}}
@media(max-width:360px){.method-header h2{font-size:44px}.method-question{font-size:28px}.method-layers{gap:0 14px}.method-layers button{font-size:8px}.method-panel{min-height:310px}.method-optical{min-height:420px}.method-orbit-point{font-size:6px}.method-core strong{font-size:36px}}
@media(prefers-reduced-motion:reduce){.harness-method *{animation:none!important;transition:none!important}}

/* The example work is the focal object; the architecture stays around it. */
.method-header{max-width:1100px;display:grid;grid-template-columns:1.2fr .8fr;gap:18px 70px;align-items:end}
.method-eyebrow{grid-column:1/-1;margin-bottom:8px}.method-header>p:last-child{margin:0 0 7px;max-width:400px}
.method-header h2{font-size:clamp(49px,5.5vw,80px)}
.method-layout{align-items:start;gap:6%}.method-explanation{padding-top:26px}
.method-panel{min-height:290px}.method-panel-copy{font-size:13px;max-width:460px}
.method-technical{margin-top:22px}.method-technical>summary{font-size:11px;color:#c3c3c3;cursor:pointer;min-height:44px;padding-block:10px}.method-technical .method-output{margin-top:0;padding-top:8px}
.method-optical{min-height:720px;background:radial-gradient(ellipse at 50% 24%,#40404088,transparent 53%),#171717;overflow:hidden;border:1px solid #bbbbbb1f;border-radius:4px}
.method-optical-shade{display:none}.method-orbits{top:9%;height:32%;left:12%;right:12%}.method-core{inset:28% 22%}.method-core strong{font-size:42px}.method-core small{font-size:6px}
.method-orbits>i{border-color:#c3c3c340}.method-orbit-point{background:#202020;border:0;font-size:9px;padding:7px 9px}.method-orbit-point.is-selected{background:#cacaca;color:#202020}
.method-diagram-caption{font:10px/1.5 var(--sans);color:#b4b4b4}.method-diagram-foot{font:9px/1.5 var(--sans);color:#adadad;bottom:18px}
.method-specimen{position:relative;margin:305px 28px 58px;background:linear-gradient(130deg,#5a5a5a99,#333333cc);border:1px solid #c7c7c762;box-shadow:0 20px 50px #09090945,inset 0 1px #e2e2e225;border-radius:5px;padding:22px;transform-origin:center top;min-height:285px}
.specimen-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font:10px/1.6 var(--sans);color:#d9d9d9}.specimen-state{color:#c6c6c6;font-size:9px;text-align:right}
.specimen-title{font:400 clamp(26px,2.1vw,32px)/1.1 var(--serif);letter-spacing:-.025em;margin:20px 0;color:#ebebeb}
.specimen-body{display:grid;gap:10px}.specimen-body>p{font-size:12px;line-height:1.6;color:#d2d2d2;padding-left:12px;border-left:1px solid #c7c7c755;margin:0}
.specimen-footer{margin-top:22px;border-top:1px solid #c7c7c740;padding-top:14px;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}
.specimen-detail{font-size:9px;line-height:1.6;color:#c5c5c5}.specimen-inspect{border:0;background:none;padding:6px 0;color:#e2e2e2;font-size:10px;min-height:44px;display:flex;gap:16px;align-items:center}.specimen-inspect>span{font-size:19px;transition:transform .25s}.specimen-inspect[aria-expanded=true]>span{transform:rotate(45deg)}
.specimen-evidence{border-top:1px solid #c7c7c740;padding-top:14px;margin-top:8px}.specimen-evidence-label{font-size:10px;color:#d7d7d7;margin-bottom:8px}.specimen-evidence-copy{font-size:11px;color:#cdcdcd;line-height:1.8}
.method-specimen[data-phase=checks]{border-color:#b8b8b888}.method-specimen[data-phase=checks] .specimen-body>p:nth-child(2){border-color:#b7b7b7;color:#d8d8d8}.method-specimen[data-phase=people]{border-color:#cccccc99}
.method-navigation{display:flex;align-items:center;gap:18px;margin-top:20px}.method-navigation button{min-height:48px;border:1px solid #c3c3c344;background:none;color:#dcdcdc;font:12px/1.5 var(--sans);padding:10px 18px}.method-navigation button:disabled{opacity:.25;cursor:default}.method-forward{display:flex;gap:35px;justify-content:space-between;align-items:center;min-width:190px}.method-navigation button:not(:disabled):hover{background:#373737;border-color:#c8c8c877}
.hero-product-link{display:inline-flex;min-height:44px;align-items:center;font-size:11px;margin:20px 0 0 24px;color:#d9d9d9;border-bottom:1px solid #c2c2c24d}
.perspective-aside{background:#121212;padding-block:10px 35px}.perspective-aside>summary{display:flex;align-items:center;gap:30px;min-height:90px;border-top:1px solid #b9b9b92b;border-bottom:1px solid #b9b9b92b;list-style:none;cursor:pointer}.perspective-aside>summary::-webkit-details-marker{display:none}.perspective-aside>summary>span{font:11px var(--sans);color:#b0b0b0}.perspective-aside>summary>strong{font:400 32px/1.1 var(--serif);color:#dbdbdb}.perspective-aside>summary>i{margin-left:auto;font:28px var(--serif);font-style:normal;color:#bdbdbd;transition:transform .3s}.perspective-aside[open]>summary>i{transform:rotate(45deg)}
.perspective-aside .perspective{padding:65px 0 25px;background:none}.perspective-aside :focus-visible{outline:2px solid #c7c7c7;outline-offset:4px}
@media(max-width:1100px){.method-header{gap:18px 35px}.method-layout{gap:30px}.method-specimen{padding:18px;margin-inline:18px}.specimen-title{font-size:28px}.method-orbit-point{font-size:8px}.method-panel h3{font-size:31px}}
@media(max-width:760px){.method-header{grid-template-columns:1fr;gap:18px}.method-header>p:last-child{max-width:520px;font-size:13px}.method-eyebrow{margin-bottom:0}.method-example-switch{margin-bottom:18px}.method-layout{display:flex;flex-direction:column;gap:24px}.method-explanation{display:contents}.method-question-label{order:0;margin:0}.method-question{order:1;margin:0}.method-layers{order:2;width:100%;margin:0;gap:0 18px}.method-optical{order:3;min-height:0;max-width:none;width:100%}.method-panel{order:4;min-height:0;padding-top:4px}.method-navigation{order:5;margin-top:0}.method-orbits{top:55px;height:220px;left:10%;right:10%}.method-core strong{font-size:40px}.method-orbit-point{font-size:8px}.method-specimen{margin:300px 16px 54px;min-height:265px;padding:18px}.method-panel-copy{font-size:13px;line-height:1.8}.method-header h2{font-size:49px}.specimen-title{font-size:29px}.specimen-body>p{font-size:12px}.method-technical{margin-top:14px}.method-bottom-note{margin-top:30px}.perspective-aside>summary{gap:15px;flex-wrap:wrap;padding-block:18px}.perspective-aside>summary>span{flex-basis:100%;font-size:10px}.perspective-aside>summary>strong{font-size:26px}.hero-product-link{font-size:10px;margin-left:16px}}
@media(max-width:360px){.method-header h2{font-size:43px}.method-layers{gap:0 16px}.method-orbit-point{font-size:7px}.method-core small{font-size:5px}.method-specimen{padding:15px;margin-inline:12px}.specimen-top{font-size:9px}.specimen-state{font-size:8px}.specimen-title{font-size:27px}.specimen-body>p{font-size:11px}.hero-product-link{margin-left:0;display:flex;width:max-content;margin-top:10px}}
@media(prefers-reduced-motion:reduce){.method-specimen,.specimen-inspect>span,.perspective-aside>summary>i{animation:none!important;transition:none!important}}

/* Keep controls and reading text legible at every viewport. */
.method-example-switch button,.method-layers button{font-size:11px}
.method-panel-index,.method-question-label,.method-eyebrow,.method-bottom-note{font-size:10px}
.specimen-top,.specimen-state,.specimen-detail,.specimen-inspect,.specimen-evidence-label{font-size:11px}
.specimen-evidence-copy{font-size:12px}

/* Financial Harness: silver glass, charcoal shadows, paper-white highlights.
   Scoped to this chapter; the grayscale boundary also covers embedded brand art. */
#financial-harness{filter:grayscale(1);background:#090909;--harness-ink:#080808;--harness-charcoal:#202020;--harness-silver:#a8a8a8;--harness-white:#f4f4f4;border-color:#ffffff24}
#financial-harness .harness-world-stage{background:var(--harness-ink);color:var(--harness-white)}
#financial-harness .harness-world{background:radial-gradient(ellipse at 72% 43%,#66666645,transparent 65%),#080808}
#financial-harness .hw-environment{filter:grayscale(1) contrast(1.12) brightness(.84);opacity:.76}
#financial-harness .harness-world:after{background:linear-gradient(90deg,#080808fa 0%,#080808e6 22%,#08080885 43%,#08080810 70%),linear-gradient(0deg,#080808c9,transparent 28%,transparent 78%,#08080855)}
#financial-harness .hw-grain{opacity:.075}
#financial-harness .hw-core{filter:drop-shadow(0 22px 30px #00000080)}
#financial-harness .hw-ring{border-color:#dedede88;box-shadow:inset 0 0 0 2px #ffffff08,inset 0 0 24px #ffffff12,0 0 0 1px #0d0d0d,0 0 30px #ffffff0a}
#financial-harness .hw-ring:before{background:linear-gradient(140deg,#ffffff20,transparent 38%,#dddddd15 76%,transparent);box-shadow:inset 0 1px 1px #ffffff70,inset 0 -1px 1px #ffffff20,0 0 0 1px #ffffff25}
#financial-harness .hw-ring:after{border-color:#ffffff12;border-top-color:#ffffff80;border-bottom-color:#ffffff35}
#financial-harness .hw-ring>span{border-top-color:#f4f4f499}
#financial-harness .hw-core-glass{background:radial-gradient(ellipse at 28% 8%,#ffffff25,transparent 48%),linear-gradient(140deg,#5d5d5d45,#101010bd);border-color:#ffffff32;box-shadow:inset 0 1px 2px #ffffff50,inset 0 -18px 32px #0000003d}
#financial-harness .hw-core-glass strong{color:#fafafa;text-shadow:0 2px 20px #000000aa}
#financial-harness .hw-core-kicker,#financial-harness .hw-core-task{color:#e0e0e0}
#financial-harness .hw-core-triad{color:#bcbcbc}
#financial-harness .hw-model>span{background:linear-gradient(145deg,#fafafa,#c9c9c9);border-color:#ffffffc0;box-shadow:inset 0 1px 0 #ffffff,0 9px 24px #00000060}
#financial-harness .hw-model img{filter:grayscale(1) contrast(1.2)}
#financial-harness .hw-model[aria-pressed=true]>span{background:#fafafa;box-shadow:0 0 0 2px #ffffffa6,0 0 0 6px #ffffff14,0 10px 28px #00000066}
#financial-harness .hw-model b{color:#e8e8e8;text-shadow:0 2px 6px #000000}
#financial-harness .hw-paper,#financial-harness .hw-skills,#financial-harness .hw-market{background:linear-gradient(140deg,#777777b0,#262626dc);border-color:#ffffff60;box-shadow:inset 0 1px 0 #ffffff5c,0 18px 35px #00000060;color:#ededed}
#financial-harness .hw-brief{background:linear-gradient(125deg,#eeeeeee8,#bdbdbdf2);color:#171717;border-color:#ffffffc0;box-shadow:inset 0 1px 0 #ffffff,0 24px 45px #00000080}
#financial-harness .hw-brief>strong{color:#111111;text-shadow:none}
#financial-harness .hw-brief>small,#financial-harness .hw-brief-sources,#financial-harness .hw-brief-entry>span:first-child,#financial-harness .hw-brief-entry sup{color:#424242}
#financial-harness .hw-brief-entry,#financial-harness .hw-brief-sources{border-color:#00000030}
#financial-harness .hw-brief-spine{background:#00000020}
#financial-harness .hw-orbits .hw-route{stroke:#f2f2f2;filter:drop-shadow(0 0 4px #ffffff50)}
#financial-harness .hw-signal{fill:#ffffff;filter:drop-shadow(0 0 7px #ffffff80)}
#financial-harness .hw-chart-path{stroke:#f5f5f5;filter:none}
#financial-harness .hw-copy .story-step h4{color:#f4f4f4;text-wrap:balance}
#financial-harness .hw-copy .story-step-body{color:#c6c6c6;max-width:350px;line-height:1.9}
#financial-harness .hw-copy .story-step-label,#financial-harness .hw-topline{color:#bcbcbc}
#financial-harness .hw-copy .story-scope,#financial-harness .hw-scroll-note{color:#a3a3a3}
#financial-harness .hw-pause{background:#15151580;border-color:#ffffff40;color:#e8e8e8}
#financial-harness .hw-pause:hover{background:#f0f0f0;color:#111111;border-color:#f0f0f0}
#financial-harness .hw-chapters button{color:#a0a0a0}
#financial-harness .hw-chapters button[aria-pressed=true]{color:#ffffff}
#financial-harness .hw-route-caption{color:#dedede;text-shadow:0 2px 8px #000000}
#financial-harness :focus-visible{outline-color:#ffffff}
.story-rail:has(a[href="#financial-harness"][aria-current=true]){filter:grayscale(1)}
.story-rail:has(a[href="#financial-harness"][aria-current=true]) a[aria-current=true]{background:#eeeeee;color:#151515;border-color:#ffffff}
@media(min-width:1100px){#financial-harness .hw-copy.story-copy{width:33%;max-width:490px}#financial-harness .hw-space{left:39%;width:59%}}
@media(max-width:640px){#financial-harness .hw-environment{opacity:.58}#financial-harness .harness-world:after{background:linear-gradient(180deg,#080808ef, #080808a6 33%,transparent 59%),linear-gradient(0deg,#080808d9,transparent 40%)}#financial-harness .hw-copy .story-step-body{max-width:310px;line-height:1.7}}

/* Global monochrome art direction. Neutral source colors keep fixed/sticky
   positioning intact: there is deliberately no filter on body or main. */
:root{--night:#0b0b0b;--deep:#080808;--paper:#ededed;--chalk:#f5f5f5;--ink:#ededed;--cyan:#d0d0d0;--brass:#bcbcbc;--journey-sage:#1a1a1a;--journey-muted:#b0b0b0;color-scheme:dark}
html,body{background:#0b0b0b;color:#ededed}
/* Includes provider logos, poster frames, generated art and future video. */
img,video,canvas,svg{filter:grayscale(1)}
::selection{background:#dedede;color:#111}
:focus-visible{outline-color:#f4f4f4}
.hero,.projects,.footer,.project-notes,.perspective-aside{background:#0b0b0b}
.hero-shade{background:linear-gradient(90deg,#080808b0,transparent 68%),linear-gradient(0deg,#0b0b0b,transparent 40%)}
.hero-description{color:#d1d1d1}.hero-heading h1{color:#f5f5f5}
.hero-cta{background:#14141480;border-color:#ffffff65;color:#eee}.hero-cta:hover{background:#ededed;color:#111}
.intro{background:linear-gradient(#0b0b0b,#171717)}
.harness-method{background:linear-gradient(#171717,#1c1c1c 52%,#0b0b0b)}
.chapter-bridge{background:linear-gradient(#0b0b0b,#1a1a1a 52%,#0b0b0b)}
.method-optical{background:radial-gradient(ellipse at 50% 24%,#51515155,transparent 53%),#111;border-color:#ffffff24}
.method-specimen{background:linear-gradient(130deg,#525252a6,#262626e0);border-color:#ffffff55;box-shadow:0 20px 50px #00000045,inset 0 1px #ffffff25}
.method-orbit-point{background:#202020;color:#bababa}.method-orbit-point.is-selected{background:#e0e0e0;color:#151515}
.specimen-title{color:#f5f5f5}.specimen-body>p{color:#d4d4d4}
.method-specimen[data-phase=checks]{border-color:#dadada99}.method-specimen[data-phase=checks] .specimen-body>p:nth-child(2){border-color:#fff;color:#eee}
.method-specimen[data-phase=people]{border-color:#eeeeeeaa}
.method-navigation button:not(:disabled):hover{background:#e5e5e5;color:#111;border-color:#eee}
.story-rail a[aria-current=true]{background:#ededed;color:#161616;border-color:#fff}
.lab-practice{background:linear-gradient(#0b0b0b,#1a1a1a 50%,#0b0b0b)}
.footer-wordmark{color:#e5e5e5}

/* A quieter film-led edition: one type family, deliberate contrast, native scroll. */
:root{--sans:Poppins,Arial,sans-serif;--serif:Poppins,Arial,sans-serif;--journey-gutter:5%}
body,body :is(h1,h2,h3,h4,h5,p,a,span,button,strong,em,small,b,i,summary,dt,dd,figcaption,label,output){font-family:Poppins,Arial,sans-serif!important}
body{font-weight:400;-webkit-font-smoothing:antialiased}
body :is(h1,h2,h3,h4){font-weight:500;letter-spacing:-.055em}
body em{font-style:normal}
.header{padding-block:27px}.wordmark{font-weight:600;letter-spacing:-.065em}.navigation a,.group-link{font-size:12px}
.hero-heading{top:31%;width:49%;max-width:750px}
.hero-heading h1{font-size:clamp(52px,5.6vw,88px);font-weight:500;line-height:1.08;letter-spacing:-.065em;max-width:750px}
.hero-heading .edition{font-size:10px;letter-spacing:.12em;margin-bottom:26px}
.hero-description{font-size:13px;line-height:1.85;max-width:400px;margin-top:27px;color:#c3c3c3}
.hero-cta{font-size:12px;min-height:52px;padding:16px 22px;border-radius:28px;background:#eeeeee;color:#111;border-color:#eee;margin-top:30px}
.hero-cta:hover{background:#fff;box-shadow:0 5px 30px #ffffff15}
.hero-product-link{font-size:11px;border:0;color:#ddd}
.hero-base{font-size:10px}.scene-controls{gap:10px}.scene-controls #motion-toggle{border:1px solid #ffffff40;border-radius:50%;width:44px;height:44px}
.hero .instrument-layer,.hero .celestial-map,.hero .opening-orbits,.hero .opening-coordinate,.hero .opening-scan,.hero .hero-marginalia,#scan-toggle,#map-toggle,.opening-replay{display:none!important}
.hero .star-field{opacity:.08}.hero .scan-sweep{display:none}
.hero-shade{background:linear-gradient(90deg,#080808bf,transparent 72%),linear-gradient(0deg,#0b0b0b,transparent 28%)}
.ambient-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;opacity:0;transition:opacity 1.2s ease;filter:grayscale(1);z-index:1}
.ambient-film.is-ready{opacity:1}.painting picture{position:relative;display:block;width:100%;height:100%}.painting .ambient-film{object-position:65% 50%}
#financial-harness .harness-world .ambient-film{z-index:0;filter:grayscale(1) contrast(1.12) brightness(.84)}
#financial-harness .harness-world .ambient-film.is-ready{opacity:.76}
#financial-harness .harness-world:after{z-index:1}
.intro{background:#f0f0f0;color:#141414;padding-block:clamp(85px,10vw,160px)}
.intro h2,.intro h2 em{color:#191919;font-size:clamp(40px,4.3vw,66px);font-weight:500;line-height:1.18;letter-spacing:-.05em}
.intro h2 em{color:#727272}.intro .section-label,.intro .small-symbol{color:#616161}.intro-copy p{font-size:14px;color:#343434;line-height:1.9}.intro-copy p+p{color:#696969}.intro .underlined-link{color:#171717;border-color:#777}
.harness-method{padding-top:110px}.method-header h2{font-size:clamp(40px,4.5vw,66px);line-height:1.13;font-weight:500;letter-spacing:-.055em}.method-header h2 em{color:#949494}
.method-question{font-size:clamp(24px,2.3vw,35px);line-height:1.35;letter-spacing:-.04em}.method-panel h3{font-size:28px;line-height:1.3}.method-core strong{font-size:32px;letter-spacing:-.05em}.method-core small{font-size:7px}.method-orbit-point{font-size:9px}.specimen-title{font-size:24px;line-height:1.3;letter-spacing:-.035em}.method-specimen{border-radius:14px;border-color:#ffffff30;box-shadow:0 20px 50px #0003}.method-optical{border-radius:20px}.method-navigation button{border-radius:30px}.method-technical>summary{font-size:11px}
.projects-intro h2{font-size:clamp(43px,5.2vw,78px);line-height:1.15;letter-spacing:-.055em}.projects-intro-grid>p{font-size:14px}.project-index a{font-size:12px}
.chapter-bridge h2{font-size:clamp(39px,4.8vw,72px);font-weight:500;line-height:1.16;letter-spacing:-.055em;max-width:1000px}.chapter-bridge>p{font-size:13px}
#financial-harness .hw-copy .story-step h4,#woxa-studio .story-step h4,#nexa .story-step h4{font-size:clamp(34px,3.7vw,59px);font-weight:500;line-height:1.15;letter-spacing:-.055em}
#financial-harness .hw-copy .story-step-body,#woxa-studio .story-step-body,#nexa .story-step-body{font-size:12px;line-height:1.9}
.hw-core-glass strong{font-size:clamp(23px,2.7vw,43px);line-height:1.16;letter-spacing:-.055em}.hw-core-kicker{letter-spacing:.08em}.hw-brief>strong{font-size:clamp(22px,2.5vw,38px);line-height:1.15}.hw-paper strong{font-size:22px;line-height:1.15}
.hw-coordinate,.studio-composer-coordinates{opacity:.35}
.composer-render-status{font-size:10px;border-radius:12px;letter-spacing:0}.composer-video-play,.hw-pause,.studio-composer-pause{border-radius:24px;font-size:10px}
.project-notes>summary{font-size:13px}.project-details dt,.project-details dd{line-height:1.9}
.lab-practice{background:#ededed;color:#181818;padding-block:clamp(85px,10vw,140px)}
.lab-practice header>h2{font-size:clamp(38px,4.5vw,64px);line-height:1.2;letter-spacing:-.05em}.lab-practice .section-label,.lab-practice header>p:last-child{color:#606060}
.lab-practice .practice-questions summary{font-size:22px;line-height:1.5;color:#222;letter-spacing:-.025em}.lab-practice .practice-questions summary>span{color:#6a6a6a}.lab-practice .practice-questions details{border-color:#0002}.lab-practice .practice-questions details>p{color:#4d4d4d}.lab-practice .practice-questions .practice-status{color:#656565}.lab-practice .lab-next{border-color:#0002}.lab-practice .lab-next p{color:#555}.lab-practice .lab-next a{color:#191919;border-color:#777}.lab-practice :focus-visible{outline-color:#333}
.footer-top>p{font-size:clamp(32px,4vw,60px);line-height:1.2;letter-spacing:-.05em}.footer-wordmark{font-weight:500;letter-spacing:-.075em}
@media(max-width:1100px) and (min-width:761px){.hero-heading{width:52%;top:29%}.hero-heading h1{font-size:clamp(49px,5.6vw,63px)}.hero-description{max-width:340px;font-size:12px}.hero-product-link{margin-left:12px}}
@media(max-width:760px){.header{padding-block:22px}.hero-heading{top:17%;width:calc(100% - 40px);left:20px;max-width:520px}.hero-heading h1{font-size:clamp(39px,9.8vw,62px);line-height:1.1;letter-spacing:-.065em}.hero-description{font-size:11px;max-width:320px;margin-top:22px}.hero-heading .edition{font-size:9px;margin-bottom:22px}.hero-cta{min-height:48px;font-size:11px;padding:12px 18px;margin-top:22px}.hero-product-link{font-size:10px}.painting .ambient-film{object-position:70% 50%}.hero-shade{background:linear-gradient(0deg,#080808aa,transparent 36%)}.intro h2,.method-header h2{font-size:39px;line-height:1.2}.intro-copy p{font-size:13px}.harness-method{padding-top:70px}.method-question{font-size:25px}.method-panel h3{font-size:25px}.method-core strong{font-size:31px}.specimen-title{font-size:23px}.projects-intro h2{font-size:44px}.chapter-bridge h2{font-size:37px}.chapter-bridge{min-height:45svh}.hw-core-glass strong{font-size:23px}#financial-harness .hw-copy .story-step h4,#woxa-studio .story-step h4,#nexa .story-step h4{font-size:33px;line-height:1.15}#financial-harness .hw-copy .story-step-body,#woxa-studio .story-step-body,#nexa .story-step-body{font-size:10px;line-height:1.7}#financial-harness .harness-world .ambient-film.is-ready{opacity:.58}.hw-paper strong{font-size:15px}.lab-practice header>h2{font-size:39px}.lab-practice .practice-questions summary{font-size:21px}.footer-top>p{font-size:33px}}
@media(prefers-reduced-motion:reduce){.ambient-film{display:none!important}.hero-heading,.hero-base{opacity:1!important}}
@media(max-width:760px){.painting picture{position:absolute;left:0;bottom:0;height:auto;aspect-ratio:1/1}}
/* The composed frame opens into a film, without a spinning transition mask. */
.composer-reveal{inset:0;mask-image:none;transform:none;clip-path:inset(calc(18% * (1 - var(--film-reveal,0))) calc(28% * (1 - var(--film-reveal,0))) round calc(32px * (1 - var(--film-reveal,0))));will-change:clip-path}
.composer-reveal-inner{inset:0;transform:scale(calc(1.045 - .045 * var(--film-reveal,0)))}
.composer-reveal-inner>.composer-video{width:100%;height:100%;object-position:50% 50%}
@media(max-width:760px){.composer-reveal-inner>.composer-video{object-position:62% 50%}}
@media(max-width:640px){#financial-harness .harness-world-stage{min-height:800px}#financial-harness .hw-space{top:43%;height:40%}.hw-core-glass strong{font-size:22px}}

/* One scroll clock. Wide movement, stable copy windows, no frame replacement. */
@media(prefers-reduced-motion:no-preference){body:not(.story-static) .project-story[data-project]{height:460svh}}
#financial-harness{filter:none}
#nexa .project-art img{filter:grayscale(1)!important;will-change:transform}
.story-continuous .story-scenes{display:grid;grid-template-columns:1fr;overflow:hidden;isolation:isolate;min-height:310px;align-content:stretch}
.story-continuous .story-scenes>.story-step{grid-area:1/1;align-self:stretch;margin:0;will-change:transform,opacity;transition:none!important}
.story-continuous .story-scenes>.story-step[aria-hidden=true]{pointer-events:none}
.project-story.story-continuous .story-copy .story-step:not([hidden]){transform:translate3d(0,0,0)}
#financial-harness .hw-copy .story-step h4,#woxa-studio .story-step h4,#nexa .story-step h4{max-width:560px;font-size:clamp(38px,4.2vw,68px);line-height:1.1;text-wrap:balance;letter-spacing:-.05em}
#financial-harness .hw-copy .story-step-body,#woxa-studio .story-step-body,#nexa .story-step-body{font-size:clamp(12px,1vw,15px);line-height:1.8;max-width:380px;text-wrap:pretty}
#financial-harness .hw-copy .story-step-label,#woxa-studio .story-step-label,#nexa .story-step-label{font-size:10px;letter-spacing:.06em;color:#b5b5b5}
#financial-harness .hw-copy.story-copy{top:29%;width:35%;max-width:520px}
#financial-harness .hw-space{left:37%;width:62%;top:13%;height:74%;will-change:transform}
#financial-harness .hw-paper,#financial-harness .hw-skills,#financial-harness .hw-market{background:linear-gradient(135deg,#606060e0,#202020f0);box-shadow:0 20px 40px #0005;border-color:#ffffff70}
#financial-harness .hw-coordinate,.hw-core-triad,.hw-route-caption,.hw-scroll-note,.composer-art-note,.composer-orbit{display:none}
#financial-harness .hw-model img{filter:grayscale(1)}
#financial-harness .hw-core-glass strong{font-size:clamp(24px,2.8vw,44px)}
.harness-world .hw-environment{mask-image:none}
#financial-harness .hw-orbits .hw-route,#financial-harness .hw-signal{filter:none}
.studio-composition .composer-reference{backdrop-filter:none;box-shadow:0 20px 45px #0005;background:#252525;border-color:#ffffff45}
.studio-composition{will-change:transform}
.composer-reveal{clip-path:none;mask-image:none;inset:0;transform:translate3d(calc(18vw * (1 - var(--film-reveal,0))),0,0) scale(calc(.42 + .58 * var(--film-reveal,0)));transform-origin:center;border-radius:18px;overflow:hidden;will-change:transform}
.composer-reveal-inner{transform:none}
#financial-harness .hw-chapters button i{display:none}
.story-step-buttons button{border-top:0!important}.story-step-buttons button[aria-pressed=true]{text-decoration:underline;text-underline-offset:8px}
.story-rail{right:16px;gap:5px}.story-rail a{min-width:36px;width:36px;min-height:36px;height:36px;border:0;border-radius:50%;font-size:10px}
.hero .painting{transform:translate3d(0,var(--hero-camera-y,0px),0) scale(var(--hero-camera-scale,1.025))!important}
.hero-heading{transform:translate3d(0,var(--hero-copy-lift,0px),0)}
.journey-motion [data-reveal]{transform:translate3d(0,65px,0);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}
.journey-motion [data-reveal].is-revealed{transform:none}
.chapter-bridge{min-height:42svh;padding-block:80px}.chapter-bridge h2{max-width:850px}.chapter-bridge>p{max-width:450px}
.method-header h2{max-width:700px}.method-question{font-size:clamp(26px,2.7vw,42px);max-width:510px}.method-panel-copy{max-width:370px}.method-panel{min-height:210px}.method-panel h3{font-size:28px}.method-optical{min-height:660px}.method-specimen{margin-top:270px}.method-orbits{height:30%}.method-core small{display:none}.method-diagram-caption{max-width:320px}.method-technical summary{color:#c1c1c1}
.perspective-aside>summary>strong{font-size:23px}.perspective-copy h2{font-size:clamp(38px,4vw,60px)}
.company-notes{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.company-note{position:absolute;right:8%;top:22%;width:250px;padding:24px;background:linear-gradient(140deg,#4b4b4bf2,#202020eb);border:1px solid #ffffff55;border-radius:16px;box-shadow:0 20px 60px #0004;opacity:0}.company-note:nth-child(2){right:23%;top:44%}.company-note:nth-child(3){right:6%;top:65%}.company-note small{display:block;color:#c2c2c2;font-size:10px;margin-bottom:12px}.company-note strong{font-size:19px;line-height:1.3;color:#f0f0f0;font-weight:400}.company-note p{font-size:11px;line-height:1.7;color:#c9c9c9;margin-top:12px}
.footer-top>p{font-style:normal}.footer-wordmark{font-style:normal;font-size:clamp(65px,13.5vw,220px)}
@media(max-width:1100px) and (min-width:761px){#financial-harness .hw-copy .story-step h4,#woxa-studio .story-step h4,#nexa .story-step h4{font-size:43px}.company-note{width:210px;padding:20px}.company-note:nth-child(2){right:13%}}
@media(max-width:760px){body:not(.story-static) .project-story[data-project]{height:400svh}.story-continuous .story-scenes{min-height:220px}#financial-harness .hw-copy.story-copy{top:12%;left:20px;width:calc(100% - 40px);max-width:440px}#financial-harness .hw-copy .story-step h4,#woxa-studio .story-step h4,#nexa .story-step h4{font-size:35px;max-width:420px;line-height:1.12;margin-bottom:16px}#financial-harness .hw-copy .story-step-body,#woxa-studio .story-step-body,#nexa .story-step-body{font-size:11px;max-width:330px;line-height:1.7}#financial-harness .hw-space{left:0;width:100%;top:44%;height:39%}#financial-harness .hw-core-glass strong{font-size:24px}.chapter-bridge{min-height:36svh;padding-block:65px}.chapter-bridge h2{font-size:35px}.method-panel{min-height:0}.method-optical{min-height:0}.method-specimen{margin-top:270px}.method-orbits{height:190px}.method-panel h3{font-size:25px}.method-question{font-size:28px}.story-rail{right:6px;top:auto;bottom:12px;transform:none;flex-direction:row;background:#151515d9;border-radius:30px;padding:4px}.story-rail a{width:32px;min-width:32px;height:32px;min-height:32px}.company-note{top:18%;right:6%;width:165px;padding:16px;border-radius:10px}.company-note:nth-child(2){right:38%;top:27%}.company-note:nth-child(3){right:6%;top:38%}.company-note strong{font-size:14px}.company-note small{font-size:8px;margin-bottom:8px}.company-note p{display:none}.footer-wordmark{font-size:14vw}.composer-reveal{transform:translate3d(0,calc(-8vh * (1 - var(--film-reveal,0))),0) scale(calc(.6 + .4 * var(--film-reveal,0)))}}
.story-static .company-notes{display:none}
@media(prefers-reduced-motion:reduce){.hero .painting{transform:none!important}.hero-heading{transform:none!important}.journey-motion [data-reveal]{transform:none;transition:none}.company-notes{display:none}.composer-reveal{transform:none;will-change:auto}.story-continuous .story-scenes>.story-step{will-change:auto}}
/* Scroll already supplies easing: CSS transitions here would add a second delay. */
#nexa .project-art img,.studio-composition,.composer-reveal,.composer-reveal-inner,.hw-space,.hw-core,.hw-environment{transition:none!important}
@media(prefers-reduced-motion:reduce){body .project-story[data-project]{height:auto!important}body .project-story .story-stage{position:relative!important}}

/* The harness is a moving object, with its work kept in the foreground. */
#harness-method .method-optical{background:#050505;border-color:#ffffff24;min-height:760px;isolation:isolate}
#harness-method .method-orbits,#harness-method .method-diagram-caption{display:none}
.method-film-scene{position:absolute;top:0;left:0;right:0;height:440px;overflow:hidden;background:#050505}
.method-film-poster,.method-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:grayscale(1);transform:scale(1.04)}
.method-film-poster{opacity:.92}.method-film-video.is-ready{opacity:1}
.method-film-scene:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(0deg,#050505,transparent 32%,transparent 76%,#05050570);pointer-events:none}
.method-film-label{position:absolute;top:24px;left:26px;right:26px;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#e7e7e7;font-size:10px}
.method-film-label>span:first-child{letter-spacing:.11em;text-transform:uppercase}.method-film-step{color:#bcbcbc;font-size:10px}
.method-film-caption{position:absolute;top:336px;left:30px;right:30px;z-index:3;color:#eee;font-size:20px;line-height:1.35;letter-spacing:-.035em;pointer-events:none}
#harness-method .method-specimen{margin:395px 26px 60px;min-height:265px;background:linear-gradient(135deg,#333333eb,#181818f5);border:1px solid #ffffff40;border-radius:16px;padding:24px;box-shadow:0 20px 50px #0006,inset 0 1px #ffffff18;z-index:4}
#harness-method .specimen-title{margin-block:18px;font-size:24px}
#harness-method .method-diagram-foot{font-size:9px;left:26px;right:26px;color:#aaa}
.method-film-pause{position:absolute;right:24px;bottom:18px;z-index:5;display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff40;border-radius:50%;background:#151515cc;color:#eee;cursor:pointer;font-size:13px}
.method-film-pause:hover{background:#e7e7e7;color:#111}.method-film-pause:focus-visible{outline:2px solid #eee;outline-offset:4px}
.method-film-pause:disabled{opacity:.5;cursor:default}
#harness-method .method-optical:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 0 1px #fff0;z-index:6;transition:box-shadow .45s}
#harness-method .method-optical:hover:after{box-shadow:inset 0 0 0 1px #ffffff18}
@media(min-width:1600px){.method-film-scene{height:490px}.method-film-caption{top:380px}#harness-method .method-specimen{margin-top:445px}}
@media(max-width:760px){#harness-method .method-optical{min-height:0}.method-film-scene{height:325px}.method-film-label{top:20px;left:20px;right:20px;font-size:9px}.method-film-step{font-size:9px}.method-film-caption{top:250px;left:20px;right:20px;font-size:18px}#harness-method .method-specimen{margin:305px 14px 64px;padding:20px;min-height:260px}#harness-method .specimen-title{font-size:22px}.method-film-pause{right:18px;bottom:16px}#harness-method .method-diagram-foot{left:18px;right:64px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.method-film-video{display:none!important}.method-film-poster{transform:none}#harness-method .method-optical:after{transition:none}}

/* Let the work explain the intelligence. The film is a material, not the message. */
#harness-method{background:linear-gradient(#101010,#080808);padding-block:110px 90px}
#harness-method .method-header{grid-template-columns:1.5fr .65fr;max-width:none;gap:30px 8%;align-items:end}
#harness-method .method-header h2{font-size:clamp(37px,4.5vw,70px);line-height:1.12;max-width:1000px;letter-spacing:-.06em}
#harness-method .method-header h2 em{color:#929292}
#harness-method .method-header>p:last-child{font-size:13px;max-width:310px;line-height:1.9;color:#bcbcbc}
#harness-method .method-example-switch{margin-block:38px 26px}
.intelligence-demo{border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff26;padding:25px 0 26px;position:relative}
.intelligence-top{display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.13em;color:#9b9b9b}.intelligence-note{letter-spacing:0;color:#898989}
.intelligence-flow{display:grid;grid-template-columns:minmax(0,1fr) 7% minmax(0,1fr) 7% minmax(0,1fr);align-items:center;min-height:420px;padding:45px 0;gap:0}
.intelligence-label{font-size:10px;letter-spacing:.04em;color:#9b9b9b;margin-bottom:21px}
.intelligence-flow h3{font-weight:400;letter-spacing:-.04em;font-size:clamp(23px,2vw,32px);line-height:1.3;margin:0;color:#efefef}
.intelligence-input,.intelligence-output{align-self:center}
.intelligence-sources{display:flex;gap:14px;margin-top:25px}
.intelligence-sources>div{flex:1;min-width:0;padding:20px 18px;background:linear-gradient(140deg,#f5f5f5,#cfcfcf);border-radius:3px;color:#191919;box-shadow:0 18px 30px #0005;transform-origin:center;transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .5s}
.intelligence-sources>div>span{font-size:10px;color:#555;display:block}.intelligence-sources strong{display:block;font-size:clamp(30px,3vw,46px);font-weight:500;line-height:1.4;letter-spacing:-.05em;margin-top:7px}.intelligence-sources strong>span{font-size:14px;font-weight:400;margin-left:3px}
.intelligence-input-note{font-size:10px;color:#939393;line-height:1.7;margin-top:20px}
.intelligence-engine{text-align:center;position:relative}.intelligence-engine .intelligence-label{margin-bottom:10px}.intelligence-engine h3{font-size:clamp(29px,2.7vw,43px)}
.intelligence-lens{position:relative;height:180px;margin:12px -10px 0;overflow:hidden;isolation:isolate}
#harness-method .intelligence-lens .method-film-scene{inset:0;height:100%;background:transparent}
.intelligence-lens .method-film-poster,.intelligence-lens .method-film-video{object-fit:cover;transform:scale(1.06);opacity:.75;mix-blend-mode:screen}
.intelligence-lens .method-film-video.is-ready{opacity:.8}.intelligence-lens .method-film-label{display:none}.intelligence-lens .method-film-scene:after{background:linear-gradient(0deg,#090909,transparent 25%,transparent 80%,#090909)}
.intelligence-jobs{display:flex;justify-content:center;gap:8px;margin-top:9px}
.intelligence-jobs>span{font-size:10px;padding:7px 10px;border:1px solid #ffffff2b;border-radius:20px;color:#a3a3a3;transition:color .35s,background .35s,border-color .35s}
.intelligence-engine-note{font-size:10px;line-height:1.8;color:#9a9a9a;margin-top:16px}
.intelligence-connection{position:relative;display:flex;align-items:center;gap:8px;margin:0 10px;overflow:hidden;height:32px;color:#6d6d6d}
.intelligence-connection>span{height:1px;flex:1;background:#ffffff30;position:relative}.intelligence-connection i{font-size:15px;font-style:normal}
.intelligence-connection>span:after{content:'';position:absolute;top:-1px;left:-40%;width:40%;height:3px;background:linear-gradient(90deg,transparent,#fff,transparent);opacity:0}
.intelligence-output{padding-left:18px}.intelligence-number{font-size:clamp(64px,7.5vw,112px);letter-spacing:-.075em;font-weight:500;line-height:1.05;margin-top:15px;color:#f5f5f5}.intelligence-number>span{font-size:.47em;vertical-align:baseline;letter-spacing:-.05em;margin-left:4px;color:#aaa}
.intelligence-calculation{font-size:11px;letter-spacing:.02em;color:#969696;margin-top:18px}.intelligence-proof{display:flex;align-items:flex-start;gap:10px;margin-top:25px;border-top:1px solid #ffffff25;padding-top:18px}.intelligence-proof>span{font-size:11px;color:#f3f3f3;border:1px solid #ffffff66;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;flex-shrink:0}.intelligence-proof p{font-size:10px;color:#b4b4b4;line-height:1.8;margin:0}
.intelligence-bottom{border-top:1px solid #ffffff1c;padding-top:23px;display:flex;align-items:center;gap:24px;min-height:77px}.intelligence-play{border:0;border-radius:28px;background:#ededed;color:#151515;min-height:48px;padding:12px 22px;font-size:12px;display:flex;align-items:center;gap:30px;cursor:pointer}.intelligence-play:hover{background:#fff}.intelligence-play:disabled{opacity:.6;cursor:default}.intelligence-status{font-size:11px;color:#b7b7b7}.intelligence-stop{margin-left:auto;border:0;background:none;color:#ddd;border-bottom:1px solid #888;padding:12px 0;font-size:11px;cursor:pointer;min-height:44px}.intelligence-disclaimer{font-size:9px;color:#8d8d8d;margin-top:18px}
.intelligence-demo[data-act=read] .intelligence-sources>div:first-child{transform:translateY(-12px) rotate(-3deg)}.intelligence-demo[data-act=read] .intelligence-sources>div:last-child{transform:translateY(-6px) rotate(3deg)}
.intelligence-demo[data-act=read] [data-job=read],.intelligence-demo[data-act=calculate] [data-job=calculate],.intelligence-demo[data-act=check] [data-job=check]{background:#ededed;color:#171717;border-color:#ededed}
.intelligence-demo[data-act=read] .intelligence-connection:first-of-type>span:after,.intelligence-demo[data-act=calculate] .intelligence-connection>span:after,.intelligence-demo[data-act=check] .intelligence-connection>span:after{opacity:1;animation:intelligence-signal 1.2s ease-in-out infinite}
@keyframes intelligence-signal{from{transform:translateX(0)}to{transform:translateX(375%)}}
.intelligence-refs{display:flex;gap:8px;margin-top:25px}.intelligence-refs img{width:calc((100% - 16px)/3);aspect-ratio:3/4;object-fit:cover;border-radius:3px;border:1px solid #ffffff35}.intelligence-film-result{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:3px;margin-top:20px}
.intelligence-demo [hidden]{display:none!important}
.intelligence-details{margin-top:26px}.intelligence-details>summary{font-size:12px;min-height:48px;cursor:pointer;color:#c6c6c6;padding-block:12px}.intelligence-details .method-layout{margin-top:35px}
#harness-method .intelligence-details .method-optical{min-height:0;background:transparent;border:0;border-radius:0}
#harness-method .intelligence-details .method-specimen{margin:24px 0 45px;min-height:260px}.intelligence-details .method-diagram-foot{position:static!important;padding:0 0 12px}.intelligence-details .method-film-caption,.intelligence-details .method-film-pause{display:none!important}
#harness-method .method-bottom-note{font-size:11px;color:#999;margin-top:25px}
.intelligence-demo :focus-visible,.intelligence-details>summary:focus-visible{outline:2px solid #eee;outline-offset:5px}
@media(max-width:1000px){.intelligence-flow{grid-template-columns:minmax(0,1fr) 5% minmax(0,1fr) 5% minmax(0,1fr)}.intelligence-sources{gap:8px}.intelligence-sources>div{padding:16px 12px}.intelligence-lens{height:150px}.intelligence-jobs{gap:4px}.intelligence-jobs>span{padding:6px 7px;font-size:9px}.intelligence-output{padding-left:8px}}
@media(max-width:760px){#harness-method{padding-block:70px 55px}#harness-method .method-header{grid-template-columns:1fr;gap:20px}#harness-method .method-header h2{font-size:39px}#harness-method .method-header>p:last-child{max-width:420px;font-size:12px}.intelligence-top{font-size:8px}.intelligence-flow{grid-template-columns:1fr;gap:18px;padding-block:35px}.intelligence-flow h3{font-size:27px}.intelligence-input,.intelligence-output{max-width:440px;width:100%;margin:auto}.intelligence-sources strong{font-size:45px}.intelligence-sources>div{padding:20px}.intelligence-engine{padding:8px 0 16px;max-width:400px;width:100%;margin:auto}.intelligence-engine h3{font-size:35px}.intelligence-lens{height:200px;margin-inline:0}.intelligence-jobs>span{font-size:11px;padding:8px 14px}.intelligence-connection{width:38px;height:35px;margin:auto;transform:rotate(90deg)}.intelligence-output{padding:15px 20px 24px;background:#1a1a1a;border:1px solid #ffffff24;border-radius:12px}.intelligence-number{font-size:82px}.intelligence-label{margin-bottom:14px}.intelligence-bottom{flex-wrap:wrap;gap:16px}.intelligence-status{flex-basis:100%;order:3;line-height:1.7}.intelligence-stop{margin-left:auto}.intelligence-note{font-size:8px}.intelligence-disclaimer{line-height:1.7}.intelligence-details .method-layout{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.intelligence-demo *{animation:none!important;transition:none!important}.intelligence-sources>div{transform:none!important}}
.motion-paused .intelligence-demo *{animation-play-state:paused!important}

.intelligence-refs img,.intelligence-film-result{filter:grayscale(1)}
.intelligence-output{transition:opacity .6s,transform .6s cubic-bezier(.22,1,.36,1)}
.intelligence-demo[data-act=calculate] .intelligence-output{transform:translateY(-8px)}
/* Two distinct stories, one quiet tab control. */
#harness-method .method-example-switch{display:inline-flex;gap:4px;padding:5px;background:#202020;border:1px solid #ffffff25;border-radius:40px;margin-block:34px 36px}
#harness-method .method-example-switch button{border:0;border-radius:32px;padding:13px 25px;min-height:48px;font-size:13px;color:#aaa;cursor:pointer;transition:background .25s,color .25s}
#harness-method .method-example-switch button[aria-selected=true]{background:#ededed;color:#101010;box-shadow:0 2px 12px #0002}
#harness-method .method-example-switch button:hover{color:#fff}
#harness-method .method-example-switch button[aria-selected=true]:hover{color:#101010}
.method-example-intro{padding-bottom:30px;max-width:720px}
.method-example-name{font-size:10px;color:#aaa;letter-spacing:.08em;margin:0 0 12px}
.method-example-title{font-size:clamp(26px,3vw,42px);font-weight:400;letter-spacing:-.045em;line-height:1.2;margin:0 0 14px;color:#eee}
.method-example-description{font-size:12px;line-height:1.8;color:#aaa;margin:0}
#method-example-panel:focus-visible{outline:1px solid #aaa;outline-offset:12px}
@media(max-width:760px){#harness-method .method-example-switch{display:flex;width:100%;margin-block:26px}#harness-method .method-example-switch button{flex:1;padding-inline:16px}.method-example-intro{padding-bottom:25px}}

/* Narrative advances with time, never with wheel or scroll position. */
body .project-story[data-project]{height:auto!important;min-height:0!important}
body .project-story.story-cinema .story-stage{position:relative!important;top:auto;height:max(800px,100svh);min-height:800px;padding-bottom:110px}
.story-cinema .story-scenes{display:grid;overflow:visible;min-height:300px}
.story-cinema .story-step{grid-area:1/1;transform:none!important;opacity:1;visibility:visible}
.story-cinema .story-step[hidden]{display:none!important}
.cinema-controls{position:absolute;bottom:32px;left:3.2%;right:3.2%;z-index:30;display:flex;align-items:center;gap:10px;color:#eee}
.cinema-controls button{height:48px;min-width:48px;border:1px solid #ffffff45;border-radius:30px;background:#131313e8;color:#eee;cursor:pointer;font:inherit;font-size:13px}
.cinema-controls .cinema-play{min-width:100px;background:#eee;color:#111;border-color:#eee}
.cinema-controls button:disabled{opacity:.4;cursor:default}
.cinema-controls button:focus-visible{outline:2px solid white;outline-offset:4px}
.cinema-counter{font-size:11px;font-variant-numeric:tabular-nums;margin-left:14px}
.cinema-reading{font-size:10px;color:#aaa;margin-left:12px}
body .story-cinema .story-transport,body .story-cinema .story-step-buttons,body .story-cinema .hw-pause{display:none!important}
.story-cinema .company-note{transition:transform .8s,opacity .8s}
@media(max-width:760px){body .project-story.story-cinema .story-stage{height:900px;min-height:900px}.cinema-controls{left:20px;right:20px;bottom:25px;flex-wrap:wrap}.cinema-reading{flex-basis:100%;margin:6px 0 0}.story-cinema .story-scenes{min-height:210px}body #financial-harness .hw-copy.story-copy{top:10%}.story-cinema .cinema-counter{margin-left:auto}}
@media(prefers-reduced-motion:reduce){.story-cinema *{animation:none!important;transition:none!important}.cinema-reading{font-size:0}.cinema-reading:after{content:'Use the arrows to explore each scene';font-size:10px}}

/* One real film. Its media clock drives the adjacent editorial copy. */
#financial-harness .harness-world[hidden]{display:none!important}
#financial-harness .research-film-story .story-stage{position:relative!important;height:auto!important;min-height:760px;display:grid;grid-template-columns:38% 62%;align-items:center;gap:0;padding:100px 3.2% 90px;background:#080808;overflow:hidden}
#financial-harness .research-film-story .hw-topline{top:28px;left:3.2%;right:3.2%}
#financial-harness .research-film-story .hw-pause,#financial-harness .research-film-story .story-step-buttons,#financial-harness .research-film-story .hw-route-caption,#financial-harness .research-film-story .hw-scroll-note,#financial-harness .research-film-story .story-transport{display:none!important}
#financial-harness .research-film-story .hw-copy.story-copy{position:relative;inset:auto;width:100%;max-width:none;padding:0 35px 0 0;z-index:2;transform:none;opacity:1}
.research-film-story .story-scenes{display:grid;min-height:290px;overflow:visible}
.research-film-story .story-step{grid-area:1/1;transform:none;opacity:1}
.research-film-story .story-step[hidden]{display:none!important}
#financial-harness .research-film-story .story-step h4{font-size:clamp(38px,4vw,66px);line-height:1.08;max-width:520px}
#financial-harness .research-film-story .story-step-body{font-size:14px;line-height:1.85;max-width:340px}
.research-film{margin:0;position:relative;width:100%;aspect-ratio:16/11;overflow:hidden;background:#101010;isolation:isolate}
.research-narrative-video{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1)}
.research-film:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 20px 0 45px -25px #080808}
.research-film figcaption{position:absolute;left:22px;bottom:16px;right:20px;font-size:9px;color:#eee;text-shadow:0 1px 8px #000}
.research-film-controls{grid-column:1/-1;display:flex;align-items:center;gap:22px;padding-top:25px;border-top:1px solid #ffffff25;margin-top:28px;color:#aaa}
.research-film-toggle{font:inherit;font-size:12px;color:#eee;background:none;border:1px solid #ffffff45;border-radius:30px;padding:12px 20px;min-height:44px;cursor:pointer;display:flex;gap:22px;align-items:center}
.research-film-toggle:focus-visible{outline:2px solid white;outline-offset:4px}.research-film-position{font-size:10px;font-variant-numeric:tabular-nums}.research-film-status{font-size:10px;margin:0 0 0 auto}
@media(max-width:760px){#financial-harness .research-film-story .story-stage{grid-template-columns:1fr;padding:90px 20px 35px;min-height:0}#financial-harness .research-film-story .hw-copy.story-copy{padding:0}.research-film-story .story-scenes{min-height:225px}#financial-harness .research-film-story .story-step h4{font-size:38px}#financial-harness .research-film-story .story-step-body{font-size:13px}.research-film{aspect-ratio:16/11}.research-film-controls{gap:15px;flex-wrap:wrap;margin-top:20px}.research-film-status{flex-basis:100%;margin:0}.research-film-story .story-scope{display:none}}

/* The generated film stays on screen while the graphic treatment becomes an ad. */
#woxa-studio .studio-ad-stage{position:relative!important;display:grid!important;grid-template-columns:33% 67%;align-items:center;height:auto!important;min-height:820px!important;padding:110px 3.2% 40px!important;gap:0;background:#080808;overflow:hidden}
#woxa-studio .studio-ad-stage:before{display:none}
#woxa-studio .studio-ad-stage>[hidden],#woxa-studio .studio-composer-pause{display:none!important}
#woxa-studio .studio-ad-stage .story-copy{position:relative;inset:auto;width:100%;max-width:none;padding:0 35px 0 0;transform:none;opacity:1;z-index:2}
#woxa-studio .studio-ad-stage .story-scenes{display:grid;min-height:310px;margin:0}
#woxa-studio .studio-ad-stage .story-step{grid-area:1/1;transform:none;opacity:1}
#woxa-studio .studio-ad-stage .story-step[hidden]{display:none!important}
#woxa-studio .studio-ad-stage .story-step h4{font-size:clamp(35px,3.6vw,58px);line-height:1.12;max-width:440px;margin-bottom:24px}
#woxa-studio .studio-ad-stage .story-step-body{font-size:14px;line-height:1.8;max-width:320px}
#woxa-studio .studio-ad-stage .story-eyebrow,#woxa-studio .studio-ad-stage .story-copy>h3{display:none}
.ad-theatre{position:relative;min-width:0;aspect-ratio:1.3;isolation:isolate;perspective:1400px;--ad-ease:cubic-bezier(.22,1,.36,1)}
.ad-screen{position:absolute;inset:10% 2% 15%;overflow:hidden;background:#161616;border:1px solid #ffffff30;transform:translate3d(0,0,0);transition:transform 1.2s var(--ad-ease),clip-path 1.2s var(--ad-ease);clip-path:inset(0 0 round 3px);z-index:3}
.ad-film{width:100%;height:100%;object-fit:cover;object-position:57% center;display:block;filter:grayscale(1);transform:scale(1.02);transition:transform 1.6s var(--ad-ease)}
.ad-vignette{position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 65%);opacity:.2;transition:opacity 1s}
.ad-frame-echo{position:absolute;inset:10% 2% 15%;border:1px solid #ffffff40;opacity:0;transition:transform 1.4s var(--ad-ease),opacity .8s;z-index:1;pointer-events:none}
.ad-shot-label{position:absolute;left:24px;top:24px;color:#eee;font-size:8px;letter-spacing:.1em;text-shadow:0 1px 8px #000}
.ad-framing{position:absolute;inset:10%;opacity:0;transition:opacity .8s,transform 1.2s var(--ad-ease);transform:scale(1.08)}
.ad-framing i{position:absolute;width:25px;height:25px;border:0 solid #fff9}.ad-framing i:nth-child(1){top:0;left:0;border-width:1px 0 0 1px}.ad-framing i:nth-child(2){top:0;right:0;border-width:1px 1px 0 0}.ad-framing i:nth-child(3){bottom:0;left:0;border-width:0 0 1px 1px}.ad-framing i:nth-child(4){bottom:0;right:0;border-width:0 1px 1px 0}
.ad-type{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:9%;color:#fff;opacity:0;transform:translateY(40px);transition:transform 1.1s var(--ad-ease),opacity .8s;text-shadow:0 2px 20px #0004}
.ad-type>span:first-child{font-size:10px;letter-spacing:.06em;margin-bottom:20px}.ad-type strong{font-size:clamp(36px,4.6vw,76px);letter-spacing:-.065em;line-height:1.02;font-weight:500}.ad-type strong em{font-weight:400;font-style:normal}.ad-type .ad-cta{font-size:10px;margin-top:25px;border-top:1px solid #fff8;padding-top:12px;align-self:flex-start}
.ad-end-brand{position:absolute;left:9%;bottom:7%;font-size:18px;color:#fff;letter-spacing:-.06em;opacity:0;transition:opacity .8s}.ad-end-brand span{font-weight:300}
.ad-shot-notes{position:absolute;inset:auto 4% 8%;display:flex;justify-content:space-between;gap:10px;font-size:9px;color:#aaa;opacity:0;transform:translateY(12px);transition:opacity .8s,transform .8s}
.ad-format-picker{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:8px;z-index:5}.ad-format-picker button{color:#aaa;background:#141414;border:1px solid #ffffff30;border-radius:24px;min-height:44px;padding:10px 18px;font:inherit;font-size:11px;cursor:pointer}.ad-format-picker button span{font-size:9px;opacity:.6;margin-left:10px}.ad-format-picker button[aria-pressed=true]{color:#111;background:#eee;border-color:#eee}
.ad-theatre[data-phase="1"] .ad-screen{transform:translate3d(-4%,0,0) rotateY(-7deg) scale(.86)}
.ad-theatre[data-phase="1"] .ad-echo-one{opacity:.6;transform:translate3d(4%,-5%,0) rotateY(-7deg) scale(.86)}
.ad-theatre[data-phase="1"] .ad-echo-two{opacity:.3;transform:translate3d(9%,-10%,0) rotateY(-7deg) scale(.86)}
.ad-theatre[data-phase="1"] .ad-framing{opacity:1;transform:scale(1)}
.ad-theatre[data-phase="1"] .ad-shot-notes{opacity:1;transform:none}
.ad-theatre[data-phase="2"] .ad-type,.ad-theatre[data-phase="3"] .ad-type{opacity:1;transform:none}
.ad-theatre[data-phase="2"] .ad-vignette,.ad-theatre[data-phase="3"] .ad-vignette{opacity:1}
.ad-theatre[data-phase="2"] .ad-film{transform:scale(1.12)}
.ad-theatre[data-phase="3"] .ad-end-brand{opacity:1}
.ad-theatre[data-format="portrait"] .ad-screen{clip-path:inset(0 27% round 10px);transform:scale(1.03)}
.ad-theatre[data-format="portrait"] .ad-type{padding:10% 30%;justify-content:flex-end;padding-bottom:15%}
.ad-theatre[data-format="portrait"] .ad-type strong{font-size:clamp(24px,2.7vw,43px)}
.ad-theatre[data-format="portrait"] .ad-type>span:first-child{font-size:8px;margin-bottom:12px}.ad-theatre[data-format="portrait"] .ad-cta{font-size:8px;margin-top:15px}
.ad-theatre[data-format="portrait"] .ad-shot-label{left:30%;font-size:7px}.ad-theatre[data-format="portrait"] .ad-end-brand{left:30%;font-size:14px}.ad-theatre[data-format="portrait"] .ad-film{transform:scale(1.06)}
.ad-transport{grid-column:1/-1;display:flex;gap:24px;align-items:center;border-top:1px solid #ffffff25;margin-top:35px;padding-top:23px;color:#aaa}
.ad-play{min-height:44px;border:1px solid #ffffff40;color:#eee;background:transparent;border-radius:30px;padding:12px 22px;font:inherit;font-size:12px;cursor:pointer}.ad-chapter,.ad-status{font-size:10px}.ad-status{margin:0 0 0 auto}.ad-transport button:focus-visible,.ad-format-picker button:focus-visible{outline:2px solid white;outline-offset:4px}
.motion-paused .ad-theatre *{transition:none!important}
@media(max-width:760px){#woxa-studio .studio-ad-stage{grid-template-columns:1fr;min-height:0!important;padding:90px 20px 30px!important}#woxa-studio .studio-ad-stage .story-copy{padding:0}#woxa-studio .studio-ad-stage .story-scenes{min-height:235px}#woxa-studio .studio-ad-stage .story-step h4{font-size:37px;margin-bottom:18px}.ad-theatre{aspect-ratio:1.02}.ad-screen,.ad-frame-echo{inset:7% 0 20%}.ad-type strong{font-size:43px}.ad-type>span:first-child{font-size:8px}.ad-theatre[data-format="portrait"] .ad-screen{clip-path:inset(0 23% round 8px)}.ad-theatre[data-format="portrait"] .ad-type{padding-inline:26%;padding-bottom:20%}.ad-theatre[data-format="portrait"] .ad-type strong{font-size:27px}.ad-theatre[data-format="portrait"] .ad-end-brand,.ad-theatre[data-format="portrait"] .ad-shot-label{left:26%}.ad-shot-label{font-size:7px;top:15px;left:15px}.ad-shot-notes{bottom:15%;font-size:7px}.ad-transport{gap:16px;flex-wrap:wrap;margin-top:25px}.ad-status{flex-basis:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.ad-theatre *{transition:none!important;animation:none!important}}
/* Exact widescreen and portrait crop geometry. */
.ad-screen,.ad-frame-echo{bottom:auto;aspect-ratio:16/9}
.ad-theatre[data-format="portrait"] .ad-screen{clip-path:inset(0 34.1797% round 8px);transform:scale(1.16)}
.ad-theatre[data-format="portrait"] .ad-type{padding:8% 36.5% 13%}
.ad-theatre[data-format="portrait"] .ad-type strong{font-size:clamp(22px,2.25vw,36px)}
.ad-theatre[data-format="portrait"] .ad-shot-label,.ad-theatre[data-format="portrait"] .ad-end-brand{left:36.5%}
@media(max-width:760px){.ad-theatre{aspect-ratio:1.1}.ad-theatre[data-format="portrait"] .ad-type strong{font-size:21px}.ad-theatre[data-format="portrait"] .ad-type>span:first-child{display:none}.ad-theatre[data-format="portrait"] .ad-shot-label{font-size:5px;top:10px}.ad-theatre[data-format="portrait"] .ad-cta{font-size:6px;margin-top:8px;padding-top:6px}.ad-theatre[data-format="portrait"] .ad-end-brand{font-size:10px;bottom:5%}}

/* Film and Reels now own different media, not just different crops. */
.ad-film-wide{opacity:1;transition:opacity .65s}
.ad-film-reel{position:absolute;top:0;left:34.1797%;width:31.6406%;height:100%;object-fit:cover;opacity:0;transform:none!important;transition:opacity .65s}
.ad-theatre[data-format="portrait"] .ad-film-wide{opacity:0}
.ad-theatre[data-format="portrait"] .ad-film-reel{opacity:1}
#nexa .nexa-film-stage{position:relative!important;display:grid!important;grid-template-columns:35% 65%;gap:0;align-items:center;height:auto!important;min-height:750px;padding:90px 3.2% 45px!important;background:#080808;overflow:hidden}
#nexa .nexa-film-stage>[hidden],#nexa .nexa-film-stage .story-step-buttons{display:none!important}
#nexa .nexa-film-stage:after{display:none}
#nexa .nexa-film-stage .story-copy{position:relative;inset:auto;max-width:none;width:100%;padding:0 35px 0 0;transform:none;opacity:1;z-index:2}
#nexa .nexa-film-stage .story-copy>h3{font-size:12px;letter-spacing:.1em;margin-bottom:28px;font-weight:400}
#nexa .nexa-film-stage .story-eyebrow,#nexa .nexa-film-stage .story-subtitle{display:none}
#nexa .nexa-film-stage .story-scenes{display:grid;min-height:300px;margin:0}
#nexa .nexa-film-stage .story-step{grid-area:1/1;opacity:1;transform:none}
#nexa .nexa-film-stage .story-step[hidden]{display:none!important}
#nexa .nexa-film-stage .story-step h4{font-size:clamp(34px,3.5vw,57px);line-height:1.1;max-width:440px}
#nexa .nexa-film-stage .story-step-body{font-size:14px;line-height:1.8;max-width:330px}
#nexa .nexa-film{aspect-ratio:16/11}
#nexa .nexa-film-stage .story-scope{font-size:9px;color:#999;margin-top:20px}
@media(max-width:760px){#nexa .nexa-film-stage{grid-template-columns:1fr;min-height:0;padding:65px 20px 30px!important}#nexa .nexa-film-stage .story-copy{padding:0}#nexa .nexa-film-stage .story-scenes{min-height:235px}#nexa .nexa-film-stage .story-step h4{font-size:37px}#nexa .nexa-film-stage .story-step-body{font-size:13px}#nexa .nexa-film-stage .story-scope{display:none}#nexa .nexa-film{margin-top:15px}}

/* Compose pointer parallax with the existing scroll camera. */
.hero .painting{transform:translate3d(var(--scene-x,0px),calc(var(--hero-camera-y,0px) + var(--scene-y,0px)),0) scale(var(--hero-camera-scale,1.025))!important}
.hero-play-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}
.hero-light-pass{position:absolute;inset:-20%;opacity:0;transform:translateX(-100%);background:linear-gradient(110deg,transparent 35%,#ffffff0f 48%,#ffffff20 50%,transparent 64%);mix-blend-mode:screen}
.hero-play-ring{position:absolute;width:180px;height:180px;margin:-90px 0 0 -90px;border:1px solid #ffffff70;border-radius:50%;opacity:0;box-shadow:0 0 30px #ffffff12,inset 0 0 30px #ffffff09}
.hero-wake{border:0;background:none;color:inherit;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:10px;min-height:44px;cursor:pointer;padding:8px 12px;opacity:.75}
.hero-wake:hover{opacity:1}.hero-wake:focus-visible{outline:1px solid #ddd;outline-offset:4px;border-radius:20px}.hero-wake:disabled{opacity:.4;cursor:default}
.hero-wake svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2}
.motion-paused .hero .painting{transform:scale(1.025)!important}
@media(prefers-reduced-motion:reduce){.hero .painting{transform:none!important}.hero-play-layer{display:none}}
@media(max-width:760px){.hero-wake{font-size:9px;padding-inline:7px}.hero-wake svg{width:14px;height:14px}}
@media(max-width:760px){.scene-controls .hero-wake{width:44px;justify-content:center;padding:8px}.hero-wake>span{display:none}.scene-controls .opening-replay{display:none}.hero .scene-controls{gap:8px}}

/* An editorial diptych: both moving images share the stage. */
.ad-diptych{aspect-ratio:1.35}
.ad-diptych .ad-screen,.ad-diptych .ad-frame-echo{inset:17% 20% auto 0;aspect-ratio:16/9}
.ad-diptych .ad-screen{clip-path:none!important;transform:none}
.ad-diptych .ad-film-wide{opacity:1!important}
.ad-reel-strip{position:absolute;right:1%;top:8%;width:26%;aspect-ratio:9/16;margin:0;z-index:6;border:1px solid #ffffff65;background:#111;box-shadow:-20px 28px 65px #0009;transform:rotate(4deg);transition:transform 1.2s cubic-bezier(.22,1,.36,1)}
.ad-reel-strip .ad-film-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:1!important;transform:none!important;filter:grayscale(1)}
.ad-reel-strip figcaption{position:absolute;bottom:-30px;left:0;right:0;font-size:9px;letter-spacing:.06em;color:#aaa;white-space:nowrap}
.ad-film-label{position:absolute;left:0;top:82%;font-size:9px;letter-spacing:.06em;color:#aaa}
.ad-diptych .ad-shot-notes{display:none}
.ad-diptych[data-phase="1"] .ad-screen{transform:translate3d(-1%,0,0) rotateY(-4deg) scale(.95)}
.ad-diptych[data-phase="1"] .ad-echo-one{transform:translate3d(2%,-4%,0) rotateY(-4deg) scale(.95)}
.ad-diptych[data-phase="1"] .ad-echo-two{transform:translate3d(4%,-8%,0) rotateY(-4deg) scale(.95)}
.ad-diptych[data-phase="1"] .ad-reel-strip{transform:translateY(-9px) rotate(2deg)}
.ad-diptych[data-phase="2"] .ad-reel-strip{transform:translateY(5px) rotate(4deg)}
.ad-diptych[data-phase="3"] .ad-reel-strip{transform:rotate(0deg)}
.ad-diptych .ad-type{padding:8%}.ad-diptych .ad-type strong{font-size:clamp(31px,3.6vw,59px)}
@media(max-width:760px){.ad-diptych{aspect-ratio:1.18;margin-top:12px}.ad-diptych .ad-screen,.ad-diptych .ad-frame-echo{top:20%;right:17%}.ad-reel-strip{top:6%;right:1%;width:30%;transform:rotate(3deg)}.ad-film-label{top:80%}.ad-diptych .ad-type strong{font-size:29px}.ad-diptych .ad-type>span:first-child{font-size:7px;margin-bottom:12px}.ad-diptych .ad-cta{font-size:8px;margin-top:12px}.ad-diptych .ad-end-brand{font-size:13px}.ad-reel-strip figcaption{bottom:-25px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.ad-reel-strip{transform:none;transition:none}}

:root{--lab-blue:#6595ff;--lab-blue-soft:#6595ff35}
::selection{background:#6595ff45;color:#fff}
.navigation a:hover,.group-link:hover,.hero-product-link:hover,.project-external:hover{color:var(--lab-blue)}
:focus-visible{outline-color:var(--lab-blue)!important}
.hero .ambient-film[data-lab-color]{filter:none!important}
.hero-code-window{position:absolute;right:5%;top:32%;width:clamp(190px,22vw,300px);z-index:2;pointer-events:none;border:1px solid #a6bfff40;border-radius:9px;background:linear-gradient(145deg,#121923db,#090c12ba);box-shadow:0 20px 60px #0003,inset 0 1px #ffffff12;transform:perspective(900px) rotateY(-9deg) rotate(2deg);color:#c6cbd4;overflow:hidden;font:11px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace}
.hero-code-title{display:flex;align-items:center;gap:5px;border-bottom:1px solid #ffffff18;padding:10px 13px;font-size:9px;color:#939cab}.hero-code-title i{width:4px;height:4px;border:1px solid #8b95a5;border-radius:50%}.hero-code-title span{margin-left:auto;letter-spacing:.06em}
.hero-code-lines{padding:14px 15px;display:grid;gap:5px}.hero-code-lines>span{opacity:.3;transition:opacity .5s}.hero-code-lines>span.is-ready{opacity:1}.hero-code-lines b{color:var(--lab-blue);font-weight:400}
.hero-code-state{padding:9px 15px;border-top:1px solid #ffffff18;display:flex;align-items:center;gap:8px;font-size:9px;color:#b9c8e5}.hero-code-state:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--lab-blue);box-shadow:0 0 10px #6595ff66}.hero-code-foot{font-size:7px;color:#8390a3;padding:0 15px 10px}
.hero-play-ring{border-color:#6595ff80;box-shadow:0 0 25px #6595ff15}
.intelligence-demo[data-act=read] [data-job=read],.intelligence-demo[data-act=calculate] [data-job=calculate],.intelligence-demo[data-act=check] [data-job=check]{border-color:var(--lab-blue);box-shadow:0 0 0 1px #6595ff22}
.research-film-position,.ad-chapter{color:var(--lab-blue)}
.harness-six-flow{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:24px 0;font-size:11px;color:#777}.harness-six-flow span{transition:color .25s}.harness-six-flow span.is-active{color:var(--lab-blue)}.harness-six-flow i{font-style:normal;color:#444}
#financial-harness[data-compact-story] .story-scenes{min-height:240px}
@media(max-width:1100px){.hero-code-window{right:3%;top:39%;width:23%;font-size:9px}.hero-code-title{font-size:7px}.hero-code-state{font-size:8px}}
@media(max-width:760px){.hero-code-window{top:auto;bottom:24%;right:4%;width:40%;max-width:210px;font-size:8px;transform:rotate(2deg)}.hero-code-lines{padding:9px;gap:3px}.hero-code-title{padding:7px 9px;font-size:6px}.hero-code-state{padding:7px 9px;font-size:7px}.hero-code-foot{font-size:6px;padding:0 9px 7px}#financial-harness[data-compact-story] .story-scenes{min-height:210px}.harness-six-flow{font-size:10px;gap:9px}}
@media(prefers-reduced-motion:reduce){.hero-code-lines>span{opacity:1;transition:none}.harness-six-flow span{transition:none}}
.motion-paused .hero-code-lines>span{transition:none}
/* A quiet blue thread, with a clearer separation between copy and sculpture. */
.hero-heading{left:5.5%;top:27%;width:39%;max-width:570px;text-align:left}
.hero-heading h1{font-size:clamp(52px,5.4vw,84px);line-height:1.1;letter-spacing:-.055em}
.hero-description{max-width:350px;margin-top:26px;line-height:1.85}
.hero-heading .edition{color:#a8bded;margin-bottom:28px}
.hero-cta{background:#b7ceff;border-color:#b7ceff;color:#101827;margin-right:20px;margin-top:32px}
.hero-cta:hover{background:#d5e2ff;color:#101827;box-shadow:0 5px 25px #6595ff20}
.hero-product-link{display:inline-flex;margin-left:0;margin-top:20px;color:#b5c9f5}
.hero-shade{background:linear-gradient(90deg,#080808a8 0%,#08080865 31%,transparent 53%),linear-gradient(0deg,#0b0b0b 0%,transparent 17%)}
.hero-code-window{right:4.5%;top:23%;width:clamp(190px,20vw,270px);transform:none;border-color:#86acff55;background:linear-gradient(145deg,#121923dd,#090c12ca)}
.hero-code-arrow{position:absolute;right:10%;top:calc(23% + 205px);width:18%;height:19%;z-index:2;overflow:visible;pointer-events:none;stroke:#88b0ff;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;filter:none;opacity:.85}
.hero-code-arrow path{vector-effect:non-scaling-stroke}
.hero-code-state{color:#b3cdff}.hero-code-state:before{box-shadow:0 0 12px #6595ff}
.research-film-toggle,.ad-play{border-color:#6595ff75;color:#bed2ff}
.story-rail a[aria-current],.story-rail a.is-active{background:#b7ceff;color:#101827}
[role=tab][aria-selected=true]{color:#8fb4ff!important;border-color:#6595ff!important}
.project-external,.lab-next>a{color:#b2caff}
@media(min-width:761px) and (max-width:1100px){.hero-heading{width:40%;top:25%}.hero-heading h1{font-size:clamp(46px,5.5vw,62px)}.hero-description{font-size:12px;max-width:300px}.hero-code-window{top:26%;right:3%;width:23%}.hero-code-arrow{top:calc(26% + 165px);right:10%;height:18%}.hero-cta{margin-right:12px}.hero-product-link{margin-top:16px}}
@media(max-width:760px){.hero{min-height:920px}.hero-heading{left:24px;top:125px;width:calc(100% - 48px);max-width:440px}.hero-heading h1{font-size:clamp(44px,10.8vw,66px)}.hero-heading .edition{margin-bottom:20px}.hero-description{max-width:310px;margin-top:20px}.hero-cta{margin-top:24px;margin-right:14px}.hero-product-link{font-size:10px;margin-top:16px}.hero-code-window{top:auto;bottom:27%;right:5%;width:36%;max-width:190px}.hero-code-arrow{top:auto;bottom:19%;right:17%;width:27%;height:9%}.hero-shade{background:linear-gradient(180deg,#08080866,transparent 42%),linear-gradient(0deg,#0b0b0b,transparent 12%)}.hero-base{bottom:20px}}

/* Text-led controls; no decorative directional arrows. */
.hero-cta,.project-external,.bridge-next,.group-link{gap:0}
.cinema-previous,.cinema-next{width:auto!important;min-width:78px!important;padding-inline:16px!important;font-size:11px!important}
.hero .scene-controls .hero-wake{width:auto;padding-inline:10px}.hero .hero-wake>span{display:inline}
.mobile-menu>a:after{display:none!important}

/* Generated films carry their own selective blue grade. */
video[data-lab-color],img[data-lab-color]{filter:none!important}

@media(max-width:760px){
 .header{height:84px;padding-inline:24px;gap:20px}
 .header:has(.mobile-menu:not([hidden])){background:transparent}
 .menu-toggle{margin-right:0;width:44px;height:44px;border:1px solid #ffffff2a;border-radius:50%;background:#101318b8;color:#eaf0ff;position:relative;z-index:2}
 .menu-toggle[aria-expanded=true]{background:#b7ceff;color:#101827;border-color:#b7ceff}
 .menu-toggle>span{width:18px}
 .mobile-menu:not([hidden]){position:absolute;inset:calc(100% + 4px) 16px auto auto;width:min(360px,calc(100vw - 32px));max-height:calc(100dvh - 108px);overflow-y:auto;display:flex;gap:0;padding:10px 22px 12px;border:1px solid #b6cbf52b;border-radius:20px;background:rgba(10,14,21,.62);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 24px 70px #0005;font-size:20px;line-height:1.3;transform-origin:top right;overscroll-behavior:contain}
 .mobile-menu:before{content:'EXPLORE WOXALABS';display:block;padding:16px 0 12px;color:#8a9bb9;font-size:9px;letter-spacing:.16em}
 .mobile-menu>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:16px 0;color:#eee;text-decoration:none;border-bottom:1px solid #ffffff12;transition:color .18s}
 .mobile-menu>a:after{content:none;font-size:18px;font-weight:400;color:#8caeff}
 .mobile-menu>a[href^='#']:after{content:none}
 .mobile-menu>a:hover,.mobile-menu>a:focus-visible{color:#b7ceff}
 .mobile-menu>a:focus-visible{outline:1px solid #8caeff;outline-offset:5px;border-radius:3px}
 .mobile-menu>a:last-child{min-height:56px;margin-top:6px;border:0;font-size:13px;color:#a9b8d2}
 .mobile-menu>a:last-child:after{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu>a,.menu-toggle>span{transition:none}}

/* Freeze decorative work outside the viewport, including pseudo-elements. */
[data-motion-visible="false"],
[data-motion-visible="false"] *,
[data-motion-visible="false"] *::before,
[data-motion-visible="false"] *::after,
html.performance-hidden *,html.performance-hidden *::before,html.performance-hidden *::after{animation-play-state:paused!important}
#financial-harness .research-film{aspect-ratio:16/9;background:#000}
#financial-harness .research-narrative-video{object-fit:contain}
#financial-harness .harness-film-labels{display:grid;grid-template-columns:repeat(3,1fr);left:5%;right:5%;bottom:5%;text-align:center;font-size:clamp(9px,1vw,13px);color:#c9d6eb}
.hero .star-field{display:none}
@media(max-width:760px){.hero-code-window{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(12,17,25,.86)}}
@media(max-width:760px) and (orientation:portrait){
 /* Raise the sculpture by shortening the oversized mobile hero. Keep poster and film aligned. */
 .hero{min-height:800px;max-height:850px}
 .hero .painting img{object-fit:cover;object-position:70% 50%}
 .hero .painting .ambient-film{object-position:70% 50%}
}