/* Cinematic motion layer. All story content remains visible without JavaScript. */
header.wrap{position:relative;z-index:5;background:transparent}
.hero-stage{position:relative;isolation:isolate;overflow:hidden;margin-top:-108px;padding-top:108px}
.hero-stage::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,21,30,.91),rgba(8,21,30,.35) 65%,rgba(8,21,30,.1)),linear-gradient(0deg,#08151e,transparent 24%,transparent 83%,rgba(8,21,30,.8));pointer-events:none}
.ambient-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:.95;background:#08151e url('motion-poster.jpg') center/cover}
.hero{position:relative;min-height:760px;padding-bottom:90px}
.hero-copy{position:relative;z-index:2}
.hero-art{mix-blend-mode:lighten}
.hero-art img{mask-image:radial-gradient(ellipse 70% 67% at 50% 48%,#000 60%,transparent 100%)}
.hero-art figcaption{position:relative;color:#b7c9c7}
.hero h1 em{color:#75e697}
.hero-note{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;align-items:center;color:#a9bdb9;font-size:12px;letter-spacing:1.7px}
.scroll-cue{display:flex;align-items:center;gap:13px}
.scroll-track{display:block;height:33px;width:1px;background:#304b41;overflow:hidden}
.scroll-track::before{content:"";display:block;width:1px;height:13px;background:#75e697}
.motion-running .scroll-track::before{animation:scroll-trace 2.6s ease-in-out infinite}
.motion-toggle{position:fixed;bottom:23px;right:25px;z-index:30;display:flex;align-items:center;gap:10px;border:1px solid #667777;border-radius:30px;background:rgba(8,21,30,.92);color:#f5f0e4;font:500 13px Arial,sans-serif;padding:12px 16px;cursor:pointer;box-shadow:0 3px 20px #0003;backdrop-filter:blur(14px)}
.motion-toggle[hidden]{display:none}.motion-toggle:hover{border-color:#75e697}.motion-toggle:focus-visible{outline:2px solid #75e697;outline-offset:4px}
.motion-icon{width:12px;height:12px;display:block;border-left:3px solid currentColor;border-right:3px solid currentColor}
.motion-paused .motion-icon{border:0;background:currentColor;clip-path:polygon(15% 0,100% 50%,15% 100%)}
.reading-progress{position:fixed;top:0;left:0;right:0;height:2px;background:#38d66b;z-index:40;transform-origin:left;transform:scaleX(var(--reading,0));pointer-events:none}
.motion-running .reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-running .reveal-ready.is-visible{opacity:1;transform:none}
.motion-paused .reveal-ready{opacity:1;transform:none}
.principles article{position:relative;transition:transform .4s ease}
.principles article::after{content:"";position:absolute;left:34px;right:34px;bottom:-17px;height:1px;background:#38d66b;transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.principles article:first-child::after{left:0}.principles article:hover::after{transform:scaleX(1)}
.button{transition:background .25s,transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 30px #38d66b20}
.meaning{position:relative;overflow:hidden}
details[open] summary{color:#75e697}details[open] p{animation:detail-in .45s ease}
.next{position:relative;overflow:hidden}.next h2 em{display:inline-block}.motion-running .next h2 em{animation:root-settle 8s ease-in-out infinite}
@keyframes scroll-trace{0%{transform:translateY(-15px)}70%,100%{transform:translateY(35px)}}
@keyframes detail-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes root-settle{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important;transition:none!important}
@media(min-width:701px){.motion-running .principles article:hover{transform:translateY(-5px)}}
@media(max-width:700px){.hero-stage{margin-top:-88px;padding-top:88px}.hero{padding-bottom:85px}.hero-stage::after{background:linear-gradient(180deg,rgba(8,21,30,.75),rgba(8,21,30,.35) 45%,transparent 68%,#08151e 100%)}.ambient-film{object-position:66% center}.hero-art{width:min(100%,390px)}.hero-note{font-size:10px;letter-spacing:1.2px;bottom:20px}.hero-note>span{max-width:135px;text-align:right}.motion-toggle{right:14px;bottom:14px;padding:11px 14px;font-size:12px}footer{padding-bottom:85px}.principles article::after{left:0;right:0}}
@media(prefers-reduced-motion:reduce){.hero-art,.hero-art img,.next h2 em{transform:none!important;animation:none!important}.reveal-ready{opacity:1!important;transform:none!important;transition:none!important}details[open] p{animation:none}.ambient-film{opacity:.7}}