/* Scroll-driven illustrations; no canvas, video sequence or 3D dependency. */
.scroll-story{--story-p:0;--peel:0;--phase-two:0;--phase-three:0;--layer-open:0;--scene-bg:#172b20;background:var(--scene-bg);color:#f1f5e9;position:relative;padding:95px 0 65px;isolation:isolate;scroll-margin-top:145px}.story-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:end;margin-bottom:60px}.story-heading h2{margin:0;font-size:clamp(40px,4.6vw,68px)}.story-heading h2 em,.story-chapter h3 em{color:#b8e278}.story-heading>p{color:#b4c5aa;font-size:17px;max-width:420px;margin-bottom:5px}.story-layout{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:7%;align-items:start}.story-visual{margin:0;min-width:0;z-index:4}.story-live .story-visual{position:sticky;top:calc(var(--header) + 78px)}.story-stage{position:relative;aspect-ratio:1.15;min-height:370px;max-height:560px;background:radial-gradient(ellipse at 65% 55%,#44684a88,transparent 65%),#213b2b;border:1px solid #70836255;overflow:hidden;isolation:isolate}.story-stage:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:2px;background:#b8e278;transform:scaleX(var(--story-p));transform-origin:left;z-index:5}.scene-word{position:absolute;bottom:45px;left:23px;letter-spacing:-5px;font:500 clamp(55px,6.5vw,100px)/1 Manrope,Arial;color:#c1d8aa08;white-space:nowrap}.story-stage>svg{width:100%;height:100%;position:absolute;inset:0}.scene-footer{position:absolute;bottom:19px;left:25px;right:25px;display:flex;justify-content:space-between;gap:16px;font-size:12px;letter-spacing:1.8px;color:#bed0b3}.scene-panel{position:absolute;top:30px;left:28px;right:20px;pointer-events:none}.scene-panel small{font-size:12px;letter-spacing:1.8px;color:#b8cf9e;display:block;margin-bottom:10px}.scene-panel strong{font:400 27px/1.12 Manrope,Arial;letter-spacing:-1.1px;display:block}.story-stage [data-scene-panel]{opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}.story-stage [data-scene-panel="0"],.scroll-story[data-story-step="0"] [data-scene-panel="0"],.scroll-story[data-story-step="1"] [data-scene-panel="1"],.scroll-story[data-story-step="2"] [data-scene-panel="2"],.scroll-story[data-story-step="3"] [data-scene-panel="3"]{opacity:1;visibility:visible}.scroll-story[data-story-step]:not([data-story-step="0"]) [data-scene-panel="0"]{opacity:0;visibility:hidden}.story-controls{display:flex;gap:0;border:1px solid #70836255;border-top:0;background:var(--scene-bg)}.story-controls a{flex:1;min-width:0;padding:18px 11px;font-size:13px;color:#b3c3a7;text-align:center;transition:background .25s,color .25s;white-space:nowrap}.story-controls a+a{border-left:1px solid #70836233}.story-controls a span{color:#7d9972;margin-right:8px;font-size:12px}.story-controls a:hover,.story-controls a:focus-visible{background:#344c2c;color:#fff}.story-controls a[aria-current="step"]{background:#b8e278;color:#203318}.story-controls a[aria-current="step"] span{color:#4d692f}.story-visual figcaption{background:var(--scene-bg);font-size:12px;color:#a8b99c;line-height:1.7;padding:16px 0 12px;margin:0}.story-scroll-hint{display:none;color:#d0ddbd;margin-top:9px;font-size:12px;letter-spacing:.4px}.story-live .story-scroll-hint{display:block}.story-chapter{min-height:280px;padding:50px 0;border-top:1px solid #66795755;scroll-margin-top:210px;display:flex;align-items:center}.story-live .story-chapter{min-height:75svh}.story-chapter>div{width:100%}.story-number{display:block;font-size:13px;letter-spacing:3px;color:#b8e278;margin-bottom:30px}.story-chapter .eyebrow{font-size:12px;color:#a8bd94;letter-spacing:1.3px;margin-bottom:18px}.story-chapter .eyebrow:before{display:none}.story-chapter h3{font-size:clamp(31px,3vw,44px);letter-spacing:-1.7px;line-height:1.13;margin-bottom:22px}.story-chapter p:not(.eyebrow){font-size:17px;color:#bdcbb3;line-height:1.85}.story-chapter .text-link{font-size:14px;color:#eaf0dc;margin-top:14px;border-bottom-color:#9ab780;gap:20px;line-height:1.6}.story-chapter.is-current{border-top-color:#b8e278}.story-live .story-chapter>div{opacity:.52;transition:opacity .45s}.story-live .story-chapter.is-current>div,.story-live .story-chapter:focus-within>div{opacity:1}
.crystal-art text{font:600 11px 'DM Sans',Arial;letter-spacing:2px}.crystal-roll{transform-origin:445px 245px;transform:translate(calc(var(--peel)*65px),calc(var(--peel)*-25px)) rotate(calc(var(--peel)*12deg));opacity:calc(1 - var(--peel)*.65)}.crystal-film{transform-origin:350px 250px;transform:translateY(calc(var(--peel)*-40px)) rotate(calc(var(--peel)*-4deg))}.crystal-film text{fill:#35503b}.crystal-paper{transform-origin:350px 250px;transform:translateY(calc(var(--peel)*105px)) rotate(calc(var(--peel)*7deg));opacity:calc(1 - var(--phase-three)*.58)}.crystal-guide{opacity:var(--peel)}.roll-shadow{transform-origin:center;transform:scaleX(calc(1 - var(--peel)*.16));opacity:calc(.5 - var(--peel)*.2)}
.story-blackout .story-stage{background:#203025}.light-room{position:absolute;inset:0;overflow:hidden;background:linear-gradient(135deg,#7b8873,#b1b5a0);opacity:calc(1 - var(--layer-open)*.88)}.room-window{position:absolute;left:40%;top:20%;width:45%;height:52%;display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:7px;background:#425144;transform:perspective(900px) rotateY(-17deg)}.room-window i{background:linear-gradient(145deg,#f8f9df,#b7d6c5)}.room-beam{position:absolute;left:45%;top:45%;width:60%;height:60%;background:linear-gradient(145deg,#fff9c966,transparent);transform:skew(-35deg);opacity:calc(1 - var(--story-p))}.room-curtain{position:absolute;left:35%;top:14%;height:62%;width:55%;transform-origin:right;transform:scaleX(calc(.15 + var(--story-p)*.85));background:repeating-linear-gradient(90deg,#797b6d 0%,#e2ded0 7%,#949889 13%,#c5c5b5 18%);box-shadow:0 12px 22px #0003}.room-floor{position:absolute;left:0;right:0;bottom:0;height:25%;background:linear-gradient(#4e5e4d,#263e2b);border-top:1px solid #ccd2bd}.blackout-stack{position:absolute;left:15%;top:41%;width:70%;height:155px;perspective:700px;opacity:var(--layer-open)}.blackout-stack>div{position:absolute;inset:0;display:flex;align-items:end;padding:20px;font-size:13px;letter-spacing:2px;box-shadow:0 18px 25px #071a1555;border:1px solid #e0ebd166;transform:rotateX(50deg) rotateZ(-20deg)}.blackout-face{background:linear-gradient(130deg,#fbf7e8,#b2b9a5);color:#3a4c34;z-index:3;translate:0 calc(var(--layer-open)*-70px)}.blackout-core{background:#14241c;color:#c5dfa5;z-index:2}.blackout-back{background:#8b9e85;color:#1c3020;z-index:1;translate:0 calc(var(--layer-open)*70px)}.story-blackout .scene-panel{padding:15px;background:#203025e8;max-width:280px;top:20px;left:20px}.event-room{transform:translateY(50px) scale(.9);transform-origin:center}.event-floor.floor-metal{opacity:var(--phase-two)}.event-counter{transform:translateY(calc((1 - var(--phase-three))*-24px));opacity:calc(.6 + var(--phase-three)*.4)}.event-wall{transition:fill .4s}.story-surfaces[data-story-step="2"] .event-wall{fill:#9dc45f}.story-surfaces .scene-panel{top:20px}.resource-orbit{transform:translateY(12px)}.resource-path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--story-p))}.resource-node>circle{fill:#69805c;stroke:#b1c899;stroke-width:1;transition:fill .4s}.story-resources[data-story-step="0"] .node-energy>circle,.story-resources[data-story-step="1"] .node-resin>circle,.story-resources[data-story-step="2"] .node-process>circle,.story-resources[data-story-step="3"] .node-return>circle{fill:#b8e278;stroke:#e5f3d4}.resource-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;pointer-events:none}.resource-value small{font-size:12px;letter-spacing:1.8px;color:#b8d2a0}.resource-value strong{font:400 clamp(62px,7vw,110px)/1.1 Manrope,Arial;letter-spacing:-5px;margin:15px 0 5px;color:#e9f4dc}.resource-value strong span{font-size:25px;letter-spacing:-1px}.resource-value .word-value{font-size:clamp(35px,4vw,60px);letter-spacing:-2.5px}.resource-value p{font-size:13px;color:#b1c49f;max-width:160px;line-height:1.5;margin:0}.story-resources .story-stage{background:radial-gradient(ellipse,#42633766,transparent 70%),#203725}
@media(max-width:1100px){.story-layout{gap:5%;grid-template-columns:1.12fr .88fr}.story-controls a{font-size:12px;padding:15px 6px}.story-stage{min-height:330px}.scene-panel strong{font-size:24px}.story-chapter h3{font-size:34px}.story-chapter p:not(.eyebrow){font-size:17px}}
@media(max-width:800px){.scroll-story{padding:60px 0 35px;scroll-margin-top:145px}.story-heading{grid-template-columns:1fr;gap:25px;margin-bottom:35px}.story-heading h2{font-size:40px}.story-heading>p{font-size:17px}.story-layout{grid-template-columns:1fr;gap:0}.story-live .story-visual{top:calc(var(--header) + 49px);background:var(--scene-bg);padding-top:10px}.story-resources.story-live .story-visual{top:var(--header)}.story-stage{aspect-ratio:auto;height:225px;min-height:0;max-height:none}.story-stage>svg{width:100%;height:100%;inset:0}.scene-panel{top:18px;left:18px}.scene-panel strong{font-size:18px;letter-spacing:-.6px}.scene-panel small{font-size:12px;letter-spacing:1px;margin-bottom:7px}.scene-footer{left:16px;right:16px;bottom:12px;font-size:12px;letter-spacing:1px}.scene-word{font-size:55px;left:15px;bottom:32px}.crystal-art{transform:translateX(42px) scale(1.1)}.crystal-art text{font-size:16px}.story-controls a{font-size:12px;padding:12px 5px}.story-controls a span{font-size:12px;margin-right:5px}.story-visual figcaption{font-size:12px;padding:10px 0;line-height:1.5}.story-scroll-hint{display:none!important}.story-chapter,.story-live .story-chapter{min-height:420px;align-items:flex-start;padding:35px 0;scroll-margin-top:calc(var(--header) + 270px)}.story-number{margin-bottom:20px;font-size:12px}.story-chapter h3{font-size:32px}.story-chapter p:not(.eyebrow){font-size:17px}.story-chapter .text-link{margin-top:5px}.story-live .story-chapter>div{opacity:.72}.story-blackout .scene-panel{top:10px;left:10px;padding:10px;max-width:170px}.blackout-stack{left:35%;top:45%;width:55%;height:90px}.blackout-stack>div{font-size:12px;padding:12px}.blackout-face{translate:0 calc(var(--layer-open)*-42px)}.blackout-back{translate:0 calc(var(--layer-open)*42px)}.event-room{transform:translate(45px,15px) scale(.9)}.story-surfaces .scene-panel{max-width:165px;top:18px}.resource-value strong{font-size:54px;letter-spacing:-3px;margin:6px 0}.resource-value strong span{font-size:18px}.resource-value small{font-size:12px;letter-spacing:1px}.resource-value p{font-size:12px;max-width:120px}.resource-value .word-value{font-size:29px;letter-spacing:-1px}.resource-orbit{transform:translateY(3px)}.story-resources .story-chapter{scroll-margin-top:calc(var(--header) + 220px)}}
@media(max-width:370px){.story-controls a span{display:none}.story-stage{height:205px}.scene-panel strong{font-size:18px}.story-heading h2{font-size:36px}.story-chapter h3{font-size:29px}}
.story-static .story-visual{position:relative;top:auto}.story-static .story-chapter{min-height:0;padding:35px 0}.story-static [data-scene-panel],.story-static .event-wall,.story-static .resource-node>circle{transition:none}.story-static .story-scroll-hint{display:none}.motion-reduced{scroll-behavior:auto}.motion-reduced .story-controls a{transition:none}
@media(prefers-reduced-motion:reduce){.scroll-story *{transition:none!important;animation:none!important}}
@media print{.scroll-story{background:white;color:black;padding:25px 0}.story-heading,.story-layout{display:block}.story-visual{display:none}.story-chapter,.story-live .story-chapter{min-height:0;padding:15px 0;break-inside:avoid}.story-chapter>div{opacity:1!important}.story-chapter p,.story-heading p{color:black!important}}