/* FlowArt: full-height panels, bottom-left rotation and overlapping scroll. */
.story-scroll{--story-header:100px;padding:70px var(--pad) 90px;background:#e9edf0}
.story-intro{max-width:1280px;margin:0 auto;padding:0 0 56px}
.story-intro h2{max-width:850px}
.story-intro>p{max-width:700px;margin-top:24px;font-size:18px;line-height:1.7}
.story-flow{max-width:1280px;margin:0 auto;isolation:isolate}
.story-section{position:relative;min-height:var(--story-panel-height,calc(100svh - var(--story-header)));width:100%;overflow:hidden;border-radius:var(--radius-panel,12px);color:var(--story-ink)}
.flow-art-container{position:relative;min-height:var(--story-panel-height,calc(100svh - var(--story-header)));display:flex;flex-direction:column;justify-content:space-between;gap:clamp(28px,4vh,48px);padding:clamp(32px,4.2vw,64px);background:var(--story-surface);transform-origin:bottom left;border-radius:inherit}
.story-tone-1{--story-surface:#004e7c;--story-ink:#f4f7fa;--story-muted:#d5e5ef;--story-rule:#ffffff38}
.story-tone-2{--story-surface:#172d3b;--story-ink:#f4f7fa;--story-muted:#c5d4df;--story-rule:#ffffff32}
.story-tone-3{--story-surface:#dde4e9;--story-ink:#162f40;--story-muted:#425a6b;--story-rule:#1d40552e}
.story-tone-4{--story-surface:#102d40;--story-ink:#f4f7fa;--story-muted:#cadce6;--story-rule:#ffffff32}
.story-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--story-rule);padding-bottom:clamp(24px,3vw,42px)}
.story-heading h3{font-size:clamp(48px,7.4vw,112px);line-height:1;letter-spacing:-.055em;font-weight:500;overflow-wrap:anywhere}
.story-count{display:flex;align-items:baseline;gap:10px;flex-shrink:0;font-size:clamp(26px,3vw,44px);font-weight:400;letter-spacing:-.04em;color:var(--story-ink)}
.story-count>span{font-size:13px;color:var(--story-muted);letter-spacing:0;white-space:nowrap}
.story-description{max-width:940px;font-size:clamp(18px,1.65vw,24px);line-height:1.65;color:var(--story-muted)}
.story-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,48px);border-top:1px solid var(--story-rule);padding-top:28px}
.story-details h4{margin:0 0 12px;font-size:18px;line-height:1.3;font-weight:500;color:var(--story-ink)}
.story-details p{font-size:15px;line-height:1.6;color:var(--story-muted);max-width:300px}
.story-actions{display:flex;justify-content:flex-end}
@media(max-width:1100px){.story-heading h3{font-size:clamp(44px,6.5vw,80px)}.story-count{font-size:30px}}
@media(max-width:900px){.story-scroll{--story-header:82px;padding-block:60px}.story-intro{padding-bottom:36px}.story-section+.story-section{margin-top:20px}.story-heading{align-items:flex-start}.story-heading h3{font-size:clamp(40px,7.5vw,68px)}.story-count{flex-direction:column;gap:4px;font-size:26px}.flow-art-container{padding:32px;gap:30px}.story-description{font-size:18px}}
@media(max-width:600px){.story-scroll{padding:50px 20px 60px}.story-intro h2{font-size:36px}.story-intro>p{font-size:16px}.flow-art-container{padding:30px 24px;min-height:auto}.story-section{min-height:auto}.story-heading{gap:10px;padding-bottom:24px}.story-heading h3{font-size:clamp(33px,8.5vw,48px)}.story-count{font-size:23px}.story-count>span{font-size:10px}.story-description{font-size:16px}.story-details{grid-template-columns:1fr;gap:22px;padding-top:24px}.story-details h4{font-size:17px;margin-bottom:8px}.story-details p{max-width:none;font-size:14px}.story-actions{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.story-section+.story-section{margin-top:20px}.flow-art-container{transform:none!important}}
@media(max-width:600px){.story-section,.flow-art-container{min-height:var(--story-panel-height,0px)}}