body.motion-home{background:#051d21;color:#f4f4e9;overflow-x:hidden}.motion-home a:focus-visible,.motion-home button:focus-visible{outline-color:#f4b760}.motion-top{position:fixed;z-index:20;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;pointer-events:none;background:linear-gradient(#061d2177,transparent)}.motion-top a,.motion-top nav{pointer-events:auto}.motion-brand{font:800 23px Manrope,Arial;letter-spacing:-.06em;line-height:1}.motion-brand>span{font-weight:400;color:#68c4c2;margin-left:5px}.motion-brand small{display:block;font:8px 'DM Sans',Arial;letter-spacing:.12em;margin-top:9px;color:#c0d0c4}.motion-top nav{gap:27px;font-size:12px}.motion-contact{border:1px solid #b3c9c466;padding:9px 16px;border-radius:24px}.motion-status{position:fixed;z-index:15;bottom:24px;left:4vw;color:#a6bdbc;font-size:8px;letter-spacing:.16em}.motion-controls{position:fixed;right:4vw;bottom:23px;z-index:20}#motion-toggle{font:10px 'DM Sans',Arial;letter-spacing:.05em;color:#b4c9c5;border:1px solid #c4dddd33;border-radius:22px;padding:9px 13px;background:#06252b88;cursor:pointer}#motion-toggle span{margin-left:12px}.scene-nav{position:fixed;right:29px;top:44%;z-index:15;display:flex;flex-direction:column;gap:16px}.scene-nav a{display:flex;align-items:center;gap:10px;font-size:8px;opacity:.45}.scene-nav i{width:5px;height:5px;background:#afcac4;border-radius:50%;display:block}.scene-nav span{opacity:0;transition:opacity .3s}.scene-nav a.active{opacity:1}.scene-nav a.active span{opacity:1}.scene-nav a.active i{box-shadow:0 0 0 5px #a7dfd41a;background:#efbe76}.scene-count{position:fixed;left:4vw;bottom:63px;z-index:15;font:11px Manrope;display:flex;gap:12px;align-items:center}.scene-count b{font-weight:400;color:#84a6a2}.scene-count>div{width:70px;height:1px;background:#abc9c333}.scene-count i{height:1px;width:0;background:#efbe76;display:block}.motion-story{position:relative;isolation:isolate}.visual-stage{position:sticky;top:0;width:100%;height:100svh;margin-bottom:-100svh;overflow:hidden;z-index:-1;background:#051d21}.visual-stage canvas{width:100%;height:100%;display:block;opacity:0;transition:opacity 1.2s}.webgl-ready .visual-stage canvas{opacity:1}.stage-light{position:absolute;inset:0;background:radial-gradient(ellipse at 70% 45%,#165f6733,transparent 66%);pointer-events:none}.stage-grain{position:absolute;inset:0;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.65' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.stage-gradient{position:absolute;inset:0;background:linear-gradient(90deg,#041b2155,transparent 55%),linear-gradient(0deg,#03191b99,transparent 30%,transparent 80%,#03191b77);pointer-events:none}.stage-fallback{position:absolute;inset:0;opacity:.23;transition:opacity 1s}.stage-fallback img{width:100%;height:100%;object-fit:cover;filter:contrast(1.2) saturate(.3)}.webgl-ready .stage-fallback{opacity:0}.story-step{height:145svh;position:relative;padding:0 8vw;pointer-events:none;scroll-margin-top:0}.story-copy{position:sticky;top:26svh;width:48vw;max-width:730px;padding:14px 0;will-change:transform,opacity}.story-copy a{pointer-events:auto}.scene-label{font:600 9px 'DM Sans',Arial;letter-spacing:.21em;color:#8ed0cd;margin:0 0 24px}.story-copy h1,.story-copy h2{font-family:Manrope,Arial;font-weight:800;font-size:clamp(48px,6.1vw,96px);line-height:1.05;letter-spacing:-.065em;margin:0 0 26px;text-shadow:0 2px 30px #00131845}.story-copy h1 span,.story-copy h2 span{color:#d8e7df}.scene-tag{font-size:18px;letter-spacing:-.03em;font-weight:500;margin:0 0 10px}.scene-description{max-width:390px;color:#c0d1cf;font-size:14px;line-height:1.85;margin-bottom:25px}.scene-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;border-bottom:1px solid #f3f2de77;padding:0 0 8px;color:#f3d2a1}.scene-note{font-size:9px;color:#8ca8a6;line-height:1.65;max-width:340px;margin:20px 0 0}.opening .story-copy{width:100%;max-width:none;text-align:center;top:30svh}.opening .scene-label{margin-bottom:20px}.opening h1{font-size:clamp(64px,9.5vw,150px);line-height:.92;letter-spacing:-.065em}.opening .scene-description,.opening .scene-note{margin-left:auto;margin-right:auto;max-width:440px}.opening .scene-tag{font-size:20px}.scroll-cue{display:flex;align-items:center;justify-content:center;gap:13px;font-size:8px;letter-spacing:.17em;margin-top:33px;color:#afc6c3}.scroll-cue>span{width:13px;height:23px;border:1px solid #b7d1c2;border-radius:10px;position:relative}.scroll-cue>span:before{content:'';position:absolute;top:5px;left:5px;width:1px;height:5px;background:#eebd75;animation:scrollhint 2s infinite}.motion-outro{background:#051d21;position:relative;padding:100px 8vw 90px;z-index:3}.motion-outro h2{font-size:clamp(42px,5vw,70px);line-height:1.15;letter-spacing:-.05em}.motion-outro h2 span{color:#83bab2}.outro-links{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.outro-links a{border-top:1px solid #92bdb655;padding-top:20px;position:relative}.outro-links a>span{font-size:9px;color:#a6bdaf}.outro-links h3{font-size:23px;margin:25px 0 15px}.outro-links p{font-size:12px;color:#aec4bd}.outro-links b{color:#f1b978;position:absolute;top:20px;right:0;font-weight:400}.outro-disclaimer{font-size:11px;color:#86a09a;margin-top:50px;max-width:750px}.motion-home footer{color:#d6e0d9;background:#051d21;max-width:none;padding:55px 8vw 25px;border-top:1px solid #91b6b833}.motion-home footer p,.motion-home footer small,.motion-home footer .footbottom{color:#97b1a8}.motion-home footer .footbottom{border-color:#91b6b833}.motion-home footer .brand{color:#e4eee5}.motion-home .skip:focus{background:#f7f5ef;color:#183a36;z-index:50}.stage-static .story-copy{opacity:1!important;transform:none!important}.stage-static .story-step{height:auto;min-height:100svh;padding-top:170px;padding-bottom:60px}.stage-static .story-copy{position:relative;top:auto}.stage-static .opening .story-copy{top:auto}.stage-static .visual-stage{position:fixed;margin:0;z-index:-1}.stage-static .stage-fallback{opacity:.18}.stage-static .scene-nav{display:none}@keyframes scrollhint{0%,100%{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}}@media(max-width:900px){.story-copy{width:57vw}.story-copy h2{font-size:clamp(45px,7vw,65px)}.scene-nav{right:16px}.outro-links{grid-template-columns:repeat(2,1fr)}.motion-top nav{gap:15px}.motion-top{padding:23px 5vw}.motion-status{left:5vw}.scene-count{left:5vw}.motion-controls{right:5vw}}@media(max-width:650px){.motion-top{padding:20px 6vw}.motion-brand{font-size:20px}.motion-top nav{gap:14px}.motion-top nav>a:nth-child(2),.motion-top nav>a:nth-child(3){display:none}.motion-top nav>a{font-size:10px}.motion-contact{padding:7px 10px}.story-step{height:135svh;padding:0 7vw}.story-copy{width:88%;top:20svh}.story-copy h2{font-size:clamp(40px,10.7vw,56px);max-width:360px}.opening .story-copy{top:31svh}.opening h1{font-size:clamp(57px,15vw,85px)}.scene-label{font-size:8px;letter-spacing:.15em}.scene-tag{font-size:16px}.scene-description{font-size:12px;max-width:290px;line-height:1.8}.opening .scene-description{max-width:295px}.scene-note{font-size:8px;max-width:290px}.scene-link{font-size:11px}.scene-nav{right:13px;top:40%}.scene-nav span{display:none}.scene-count{bottom:60px;left:7vw}.motion-status{font-size:7px;bottom:26px;left:7vw}.motion-controls{right:5vw;bottom:20px}#motion-toggle{font-size:8px;padding:7px 10px}.scroll-cue{margin-top:25px}.outro-links{gap:25px}.motion-outro{padding:75px 7vw}.outro-links h3{font-size:20px}.motion-home footer{padding:45px 7vw 25px}.stage-gradient{background:linear-gradient(0deg,#03191b88,transparent 65%),linear-gradient(90deg,#041b2188,transparent)}.motion-outro h2{font-size:40px}}@media(prefers-reduced-motion:reduce){.scroll-cue>span:before{animation:none}.visual-stage canvas,.stage-fallback{transition:none}.story-copy{will-change:auto}}
.motion-home .motion-top nav{width:auto;flex-wrap:nowrap;flex-shrink:0}.motion-home .motion-brand{flex-shrink:0}.motion-home .motion-top{gap:20px}.opening .scene-label{color:#e8d3ae;text-shadow:0 1px 12px #001216}.opening h1{text-shadow:0 3px 25px #001518a0}@media(max-width:650px){.motion-top nav>a:first-child{display:none}.motion-top .motion-brand small{font-size:7px}.motion-top nav{justify-content:flex-end}.motion-top{gap:15px}}
