/* One visual vocabulary and one WebGL canvas across three native-scroll chapters. */
.story-scene{position:relative;isolation:isolate;height:230px;border:1px solid #bda07135;border-radius:18px;background:radial-gradient(ellipse at 50% 70%,#4c31533d,transparent 70%),#101a26;overflow:hidden;min-width:0;touch-action:pan-y}
.scene-fallback{display:block;width:100%;height:100%;padding:20px 16px 42px;opacity:1;transition:opacity .2s}.scene-fallback path{stroke:#d9af78;stroke-width:1.5}.scene-fallback circle{fill:#f2d1a1}.scene-caption{position:absolute;inset:auto 14px 14px;z-index:1;color:#e5cba7;font-size:9px;letter-spacing:.12em;line-height:1.5;text-align:center}.story-scene.scene-live .scene-fallback{opacity:0}
.story-canvas{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:4;background:transparent}
.heritage-copy .story-scene{height:175px;margin-top:28px}.heritage-rule{display:none}.puente>.story-scene{grid-column:1/-1;grid-row:3;height:320px;margin-top:-20px}.puente-title,.puente-copy{z-index:5}.puente-title{grid-column:1;grid-row:2}.puente-copy{grid-column:2;grid-row:2}.puente-footer{grid-row:4}.opportunities>.story-scene{margin-top:45px;height:220px}.path-status{font-size:12px;color:#435d4b;margin:18px 0 0;min-height:24px}.opportunity-grid{margin-top:24px}.path-select{color:#294b37;border:1px solid #91a793;border-radius:9px;align-self:flex-start;padding:12px 14px;font:inherit;font-size:12px;min-height:44px;margin:20px 0 8px;background:#ffffff88;cursor:pointer}.path-select[aria-pressed=true]{background:#244b3a;color:white;border-color:#244b3a}.opportunity-grid article.path-active{outline:2px solid #55745d;outline-offset:3px}.opportunity-grid article:focus-within{box-shadow:0 0 0 4px #a9bca470}
/* Retire unrelated continuous effects instead of stacking new loops. */
.hero-content>*,.hero-actions .button,.hero-bottom span:last-child:after,.bridge-flow{animation:none!important}.heritage-art{transform:none!important}.identity-portrait{transform:none!important}.identity-orbit,.hero-orbit,.puente-energy,.motion-ribbon{display:none!important}.bridge-art{display:none}.hero-image img{opacity:1!important}
body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation-play-state:paused!important;transition:none!important}.story-scene:focus-visible{outline:3px solid #e1be87;outline-offset:4px}
@media(min-width:1600px){.puente>.story-scene{height:360px}}
@media(max-width:1100px){.puente-title,.puente-copy{grid-column:1;grid-row:auto}.puente>.story-scene{grid-column:1;grid-row:auto;margin-top:0;height:260px}.puente-footer{grid-row:auto}}
@media(max-width:760px){.story-scene{height:200px}.heritage-copy .story-scene{height:150px}.puente>.story-scene{height:220px}.opportunities>.story-scene{height:180px}.scene-caption{font-size:8px;letter-spacing:.06em}.puente-copy{z-index:auto}.path-select{font-size:12px}.identity-stage{max-height:480px}}
@media(orientation:landscape) and (max-height:600px){.story-scene,.puente>.story-scene,.opportunities>.story-scene{height:170px}.heritage-copy .story-scene{height:140px}}
@media(prefers-reduced-motion:reduce){.scene-fallback{transition:none}.story-canvas{display:none}}
@media print{.story-canvas{display:none}.scene-fallback{opacity:1!important}.story-scene{break-inside:avoid}.path-select{display:none}}
@media(prefers-reduced-motion:reduce){.opportunity-grid article.path-active{outline:2px solid #55745d}}body.motion-paused .story-canvas{display:none}
.story-scene[data-chapter="2"] .scene-fallback path{opacity:.25}.story-scene[data-selected="0"] [data-lane="0"],.story-scene[data-selected="1"] [data-lane="1"],.story-scene[data-selected="2"] [data-lane="2"]{opacity:1;stroke:#f5ca8f;stroke-width:3}
.puente>.story-scene{grid-row:2;height:400px;margin:0}.puente-copy{grid-column:1/-1;grid-row:3;max-width:900px}.puente .story-scene .puente-title{position:absolute;top:22px;left:28px;right:20px;z-index:1;pointer-events:none}.puente .story-scene .puente-title>.eyebrow{font-size:9px;margin:0 0 14px;max-width:none}.puente .story-scene .puente-title h2{font-size:clamp(52px,7vw,90px);line-height:.9}.puente .story-scene .puente-title h2 span{font-size:10px;margin-top:14px}.puente .story-scene .scene-fallback{padding-top:155px}.puente-copy .tags{margin-top:24px}.puente-footer{grid-row:4}
@media(max-width:760px){.puente>.story-scene{height:340px}.puente .story-scene .puente-title{top:22px;left:20px}.puente .story-scene .puente-title h2{font-size:clamp(44px,12vw,70px)}.puente .story-scene .puente-title>.eyebrow{font-size:8px;letter-spacing:.09em}.puente-copy{grid-row:3}.puente .story-scene .scene-fallback{padding-top:140px}}
@media(orientation:landscape) and (max-height:600px){.puente>.story-scene{height:250px}.puente .story-scene .puente-title h2{font-size:52px}.puente .story-scene .puente-title{top:18px}.puente .story-scene .puente-title>.eyebrow{display:none}.puente .story-scene .puente-title h2 span{margin-top:10px}.puente .story-scene .scene-fallback{padding-top:100px}}
