/* Full-screen still-frame story candidate. No SVG or synthetic world artwork. */
:root{--story-ink:#202a36;--story-paper:#f6f4f1;--story-green:#bfd5cb;--story-lilac:#c4bfdf}
.world-story{position:relative;min-height:100svh;background:var(--story-paper)}
.world-story__stage{position:relative;isolation:isolate;height:100vh;height:100svh;min-height:620px;overflow:hidden;background:var(--story-paper);color:var(--story-ink)}
html.story-enhanced .world-story{height:230vh;height:230svh;height:230dvh}
html.story-enhanced .world-story__stage{position:sticky;top:0}
.world-story__frames{position:absolute;inset:0;z-index:-2;overflow:hidden;background:var(--story-paper)}
.world-story__frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .18s linear}
.world-story__frame--closed{opacity:1}
.world-story__veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(246,244,241,.98) 0%,rgba(246,244,241,.92) 31%,rgba(246,244,241,.64) 47%,rgba(246,244,241,.08) 72%,rgba(246,244,241,0) 100%),linear-gradient(0deg,rgba(246,244,241,.25),transparent 35%);pointer-events:none}
.world-story__copy{position:absolute;left:0;right:0;top:50%;z-index:2;transform:translateY(-30%);max-width:760px;color:var(--story-ink)}
.world-story .kicker{display:block;color:#416b58;font-size:.82rem;line-height:1.55;font-weight:600;letter-spacing:.14em}
.world-story h1{max-width:720px;margin:17px 0 16px;font-size:clamp(2.6rem,5.3vw,5rem);font-weight:650;line-height:1.28;letter-spacing:-.035em;text-wrap:balance}
.world-story__lead{max-width:620px;margin:0;color:#34424d;font-size:clamp(1rem,1.25vw,1.125rem);line-height:1.9}
.world-story__lead--world{font-weight:600;color:#334c3e}
.world-story .hero__links{margin-top:26px}
.world-story .link-button{color:var(--story-ink);border-color:rgba(32,42,54,.42);background:rgba(255,255,255,.82);min-height:48px}
.world-story .link-button--main{color:var(--story-ink);background:#c1ddbd;border-color:#c1ddbd}
.world-story .link-button:hover{background:#fff;color:var(--story-ink)}
.world-story__bottom{position:absolute;z-index:3;bottom:calc(26px + env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;color:#35433c}
.media-note{margin:0;max-width:460px;font-size:.78rem;line-height:1.6;color:#41514a;background:rgba(246,244,241,.8);padding:6px 10px;border-radius:2px}
.scroll-cue{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:.72rem;font-weight:600;letter-spacing:.16em;color:#334c3e;min-height:44px;padding:8px 12px;border:1px solid rgba(32,42,54,.3);border-radius:999px;background:rgba(255,255,255,.78)}
.scroll-cue:hover{background:#fff}
.world-story__progress{position:absolute;z-index:4;left:0;right:0;bottom:0;height:3px;background:rgba(32,42,54,.12)}
.world-story__progress span{display:block;width:0;height:100%;background:linear-gradient(90deg,#93bca6,#a7a1c8);transform-origin:left}
.world-story :focus-visible{outline:3px solid #365743;outline-offset:5px}
@media(max-width:800px){
 .world-story__stage{min-height:680px}
 html.story-enhanced .world-story{height:220vh;height:220svh;height:220dvh}
 .world-story__frame{object-fit:contain;object-position:center 47%}
 .world-story__veil{background:linear-gradient(0deg,rgba(246,244,241,.99) 0%,rgba(246,244,241,.96) 30%,rgba(246,244,241,.5) 51%,rgba(246,244,241,.08) 72%,rgba(246,244,241,.02) 100%)}
 .world-story__copy{top:auto;bottom:calc(82px + env(safe-area-inset-bottom));transform:none;max-width:650px}
 .world-story h1{font-size:clamp(2rem,8.5vw,3.1rem);line-height:1.32;margin:12px 0 12px}
 .world-story__lead{font-size:1rem;line-height:1.75}
 .world-story .hero__links{gap:9px;margin-top:18px}
 .world-story .link-button{padding:9px 12px;font-size:.84rem;min-height:46px;gap:10px}
 .world-story__bottom{bottom:calc(8px + env(safe-area-inset-bottom));align-items:center;gap:12px}
 .media-note{max-width:250px;font-size:.67rem;padding:4px 6px}
 .scroll-cue{font-size:.63rem;gap:7px;min-height:40px;padding:6px 9px}
}
@media(max-width:390px){
 .world-story__copy{bottom:calc(77px + env(safe-area-inset-bottom))}
 .world-story h1{font-size:clamp(1.9rem,8.7vw,2.5rem)}
 .world-story .link-button{font-size:.78rem;padding-inline:9px}
 .media-note{max-width:205px}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 html.story-enhanced .world-story{height:auto;min-height:0}
 html.story-enhanced .world-story__stage,.world-story__stage{position:relative;top:auto;height:100vh;height:100svh;min-height:650px}
 .world-story__frame{transition:none!important;transform:none!important}
 .world-story__frame--open{opacity:0!important}
 .world-story__frame--closed{opacity:1!important}
 .world-story__progress{display:none}
}
/* Owner fullscreen correction: central imagery, never a right-hand illustration. */
.world-story__veil{background:linear-gradient(0deg,rgba(246,244,241,.97),rgba(246,244,241,.72) 25%,transparent 65%)}
.world-story__copy{top:auto;bottom:95px;transform:none;text-align:center;max-width:960px}
.world-story h1{margin:12px auto;font-size:clamp(2rem,4vw,3.5rem)}
.world-story__lead{margin-inline:auto;max-width:700px}
.world-story .hero__links{justify-content:center;margin-top:16px}
.world-story__frame{object-fit:cover;object-position:center 25%}
.world-story__stage{min-height:0}
@media(max-width:800px){.world-story__copy{bottom:85px}.world-story__lead{font-size:.88rem}.world-story h1{font-size:1.85rem}.world-story__frame{object-position:center 15%;object-fit:cover}.world-story__veil{background:linear-gradient(0deg,#f6f4f1,rgba(246,244,241,.92) 35%,transparent 80%)}}
.world-story__frames{z-index:0}.world-story__veil{z-index:1}

/* H3 I2V: paused and seeked from ordinary document scroll; still images remain the failure fallback. */
.world-story__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:0;transition:opacity .18s linear;pointer-events:none;background:#202a36}
.world-story__stage[data-video-ready="true"] .world-story__video{opacity:1}
.world-story__stage[data-video-ready="true"] .world-story__frame{opacity:0!important}
@media(max-width:800px){.world-story__video{object-fit:cover;object-position:center 28%}}
@media(max-width:390px){.world-story__video{object-position:center 24%}}
@media(prefers-reduced-motion:reduce){.world-story__video{display:none!important}}