html{scroll-padding-top:100px}.global-header{position:relative;z-index:20}.global-header nav{gap:22px}.portfolio-hero{overflow:hidden;min-height:760px;padding-bottom:90px;background:radial-gradient(ellipse at 83% 43%,#2a5357 0,transparent 52%)}.portfolio-hero>div:first-child{position:relative;z-index:3}.hero-scene{position:relative;height:600px;perspective:1300px;transform-style:preserve-3d;--mx:0;--my:0;--scroll:0}.hero-scene figure{margin:0;position:absolute;transform-style:preserve-3d;box-shadow:0 35px 70px #0006;overflow:hidden}.hero-scene .scene-main{inset:15px 3% 100px 5%;transform:translateY(calc(var(--scroll)*45px)) rotateY(calc(-10deg + var(--mx)*4deg)) rotateX(calc(5deg + var(--my)*-3deg));border:1px solid #98aaa64d;border-radius:140px 6px 6px 6px}.hero-scene .scene-main img{height:100%;width:100%;border-radius:0;object-fit:cover}.hero-scene .scene-float{width:53%;height:210px;right:-2%;bottom:5px;transform:translateZ(70px) translateY(calc(var(--scroll)*-35px)) rotateY(calc(-12deg + var(--mx)*-3deg)) rotateX(6deg);border:6px solid #203c40;border-radius:4px}.hero-scene .scene-float img{height:100%;width:100%;object-fit:cover;border-radius:0}.hero-scene figcaption{padding:30px 16px 12px;font-size:10px;letter-spacing:2px}.scene-stamp{position:absolute;bottom:25px;left:3%;color:#e0b974;font-size:30px;line-height:.95;letter-spacing:-1px;transform:translateZ(90px) rotate(-7deg)}.scene-stamp>span{display:block;font-size:8px;letter-spacing:2px;margin-top:15px}.scene-orbit{position:absolute;border:1px solid #e0b97455;border-radius:50%;inset:40px -20px;transform:rotateZ(-28deg) rotateY(35deg);pointer-events:none}.spatial-story{height:210vh;position:relative;border-top:1px solid #456164;border-bottom:1px solid #456164;background:radial-gradient(ellipse at 72% 45%,#345356,transparent 64%),#0b2327}.spatial-sticky{height:100vh;min-height:650px;position:sticky;top:0;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:5%;padding:6%}.spatial-copy h2{font-size:clamp(45px,5vw,80px);letter-spacing:-2px}.spatial-copy>p{color:#c5d1ce;max-width:330px}.spatial-stage{height:470px;position:relative;perspective:1400px;transform-style:preserve-3d}.spatial-panel{position:absolute;inset:0;margin:0;border:1px solid #91a29c66;overflow:hidden;border-radius:8px;box-shadow:0 30px 70px #0007;transform-origin:50% 65%;backface-visibility:hidden;will-change:transform;transition:opacity .15s}.spatial-panel img{width:100%;height:100%;object-fit:cover}.spatial-panel figcaption{position:absolute;inset:auto 0 0;padding:60px 25px 22px;background:linear-gradient(transparent,#00171ce8);font-size:12px;letter-spacing:2px;display:flex;align-items:center;gap:20px}.spatial-panel figcaption span{font-size:40px;line-height:1}.panel-0{z-index:3;transform:rotateY(-12deg) rotateX(6deg)}.panel-1{z-index:2;transform:translate(28px,20px) translateZ(-65px) rotateY(-12deg)}.panel-2{z-index:1;transform:translate(56px,40px) translateZ(-130px) rotateY(-12deg)}.story-steps{list-style:none;padding:0;margin:32px 0;max-width:340px}.story-steps li{display:flex;gap:18px;border-top:1px solid #456164;padding:16px 0;color:#abbdb8;transition:color .25s}.story-steps li.is-active{color:#e0b974}.story-steps span{font-size:11px;padding-top:5px}.story-steps a{font-size:19px}.scroll-cue{font-size:10px;letter-spacing:3px}.motion-control{position:fixed;bottom:16px;left:16px;z-index:25;background:#0b2327ee;color:#e0b974;border:1px solid #e0b97488;font:12px Arial,sans-serif;padding:10px 14px;border-radius:30px;cursor:pointer}.scroll-progress{position:fixed;top:0;left:0;height:3px;background:#e0b974;z-index:100;width:100%;transform:scaleX(0);transform-origin:left;pointer-events:none}.faq-intro,.journal-intro{background:radial-gradient(ellipse at 85% 20%,#335357,transparent 65%);padding-top:80px;padding-bottom:65px}.faq-chapter{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;border-top:1px solid var(--line)}.faq-chapter>div:first-child{max-width:400px}.faq-chapter .faq-list details{background:transparent}.faq-chapter summary{font-size:18px;line-height:1.5;padding-right:30px}.faq-chapter .faq-list p{color:#c5d1ce;font-size:16px}.journal-article{padding-top:65px}.article-heading{max-width:1000px;margin:auto;padding:0 5% 35px}.article-heading>.text-link{display:inline-block;margin-bottom:40px;color:#e0b974}.article-cover{margin:0 5% 60px}.article-cover img{display:block;width:100%;height:500px;object-fit:cover}.article-cover figcaption{font-size:12px;color:#c5d1ce;padding:10px 0}.article-body{max-width:800px;padding:0 5%;margin:auto}.article-body section{margin-bottom:52px}.article-body h2{font-size:32px}.article-body p{font-size:18px;color:#d7e1de}.article-body .text-link{color:#e0b974}.article-body>.source-note{font-size:13px}.reveal-in{animation:rise-in .75s cubic-bezier(.2,.65,.3,1) both}@keyframes rise-in{from{opacity:.45;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
html.motion-paused .hero-scene *,html.motion-paused .spatial-panel{transform:none!important;transition:none!important}html.motion-paused .spatial-story{height:auto}html.motion-paused .spatial-sticky{position:static;height:auto;min-height:0}html.motion-paused .spatial-stage{height:auto;display:grid;gap:20px}html.motion-paused .spatial-panel{position:relative;inset:auto;height:300px;opacity:1!important}html.motion-paused .scroll-cue{display:none}html.motion-paused .reveal-in{animation:none}
@media(max-width:1000px){.global-header nav{gap:16px}.hero-scene{height:500px}.hero-scene .scene-float{height:180px}.spatial-sticky{gap:5%;padding:5%}.spatial-stage{height:380px}.spatial-copy h2{font-size:50px}}
@media(max-width:700px){.global-header nav{gap:14px;flex-wrap:wrap;justify-content:center}.portfolio-hero{padding-bottom:40px;min-height:0;gap:15px}.hero-scene{height:420px;margin:0 10px}.hero-scene .scene-main{inset:20px 5% 95px 0;border-radius:85px 4px 4px 4px}.hero-scene .scene-float{width:55%;height:150px;right:0;bottom:0}.scene-stamp{font-size:25px;bottom:10px;left:0}.scene-orbit{inset:20px 5px}.spatial-story{height:190vh}.spatial-sticky{height:100svh;min-height:650px;grid-template-columns:1fr;gap:16px;padding:30px 7%;align-content:center}.spatial-copy h2{font-size:40px;margin-bottom:14px}.spatial-copy .eyebrow{margin-bottom:12px}.spatial-copy>p:not(.eyebrow){display:none}.story-steps{display:flex;gap:12px;margin:16px 0}.story-steps li{gap:6px;flex:1;padding:10px 0;align-items:start}.story-steps a{font-size:12px;line-height:1.5}.story-steps span{font-size:9px;padding-top:2px}.spatial-stage{height:270px;margin-right:15px}.spatial-panel figcaption{font-size:9px;letter-spacing:1px;padding:30px 14px 14px;gap:12px}.spatial-panel figcaption span{font-size:26px}.faq-chapter{grid-template-columns:1fr;gap:30px}.faq-intro,.journal-intro{padding-top:45px}.article-cover{margin-bottom:30px}.article-cover img{height:300px}.article-body h2{font-size:28px}.article-body p{font-size:17px}.motion-control{bottom:10px;left:10px;font-size:11px}.article-heading h1{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-scene *,.spatial-panel{transform:none!important;transition:none!important}.spatial-story{height:auto}.spatial-sticky{position:static;height:auto;min-height:0}.spatial-stage{height:auto;display:grid;gap:20px}.spatial-panel{position:relative;inset:auto;height:300px;opacity:1!important}.scroll-cue{display:none}.reveal-in{animation:none}}