/* One persistent stage. All narrative state is a pure function of native scroll. */
.story-v4{--sv4-p:0;--sv4-px:0;--sv4-py:0;position:relative!important;isolation:isolate;margin:0!important;padding:0!important;width:100%;max-width:none!important;color:#f2efe4;background:#102c30;overflow:clip;content-visibility:visible!important;contain:none!important}.story-v4 *{box-sizing:border-box}.story-v4-stage{position:relative;width:100%;min-height:100svh;overflow:hidden;isolation:isolate;background:#102c30}.story-v4[data-story-motion=on]{height:calc(100svh + 800vh)}.story-v4[data-story-motion=on] .story-v4-stage{position:sticky;top:0;height:100svh;min-height:0}
.sv4-world,.sv4-sky,.sv4-ridge,.sv4-documentary,.sv4-impact{position:absolute;inset:0;width:100%;height:100%;margin:0}.sv4-world{overflow:hidden;background:#142f33}.sv4-sky{background:radial-gradient(ellipse at 72% 46%,#efd6a448 0,transparent 27%),linear-gradient(180deg,#102a34 0%,#34525a 41%,#788a7c 68%,#33545a 100%)}.sv4-sun{position:absolute;top:39%;left:69%;width:clamp(38px,5vw,76px);aspect-ratio:1;border-radius:50%;background:#ecd1a07a;box-shadow:0 0 48px 22px #efd6a423;transform:translate(calc(var(--sv4-px)*14px),calc(var(--sv4-py)*10px))}.sv4-beam{position:absolute;inset:0;background:conic-gradient(from 112deg at 72% 46%,transparent 0deg,#fce2a510 14deg,transparent 46deg);mix-blend-mode:screen;transform:translateX(calc(var(--sv4-px)*18px))}.sv4-ridge{transform-origin:50% 100%;will-change:transform}.sv4-far{fill:url(#sv4-far-tone);filter:drop-shadow(0 -2px 10px #d3d3b522);opacity:1}.sv4-mid{fill:url(#sv4-mid-tone);filter:drop-shadow(0 -7px 13px #b2c8b21a)}.sv4-front{z-index:5;fill:url(#sv4-front-tone);pointer-events:none}.sv4-mist{position:absolute;inset:39% 4% 34% 52%;background:radial-gradient(ellipse,#e2d4a914,transparent 70%);pointer-events:none}
.sv4-opening{position:absolute;inset:19% auto auto 7.2%;z-index:1;width:78%;transform-origin:0 40%;will-change:transform}.sv4-eyebrow{font-size:clamp(10px,.83vw,13px);font-weight:500;letter-spacing:.24em;line-height:1.7;text-transform:uppercase;color:#e8d6ad;margin:0 0 24px}.story-v4 h1,.story-v4 h2{font-family:inherit;color:#f4f0e6;max-width:none;margin:0;font-weight:450;letter-spacing:-.055em;text-wrap:balance}.story-v4 h1{font-size:clamp(64px,8.3vw,140px);line-height:1.13}.story-v4 h1 span{display:block}.sv4-intro{max-width:31em;color:#e5e6d7;font-size:clamp(16px,1.1vw,18px);line-height:1.9;margin-top:30px}.sv4-mountain-copy{position:absolute;left:7.2%;top:20%;width:76%;z-index:2}.sv4-mountain-copy h2{font-size:clamp(38px,5vw,80px);max-width:12em}
.sv4-documentary{z-index:3;clip-path:inset(100% 0 0);background:#183337;overflow:hidden;will-change:clip-path}.sv4-action{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 48%;border:0;border-radius:0;will-change:transform}.sv4-shade{position:absolute;inset:0;background:radial-gradient(ellipse at 7% 89%,#071d28e8 0%,#071d2890 25%,transparent 60%)}.sv4-service-copy{position:absolute;left:7.2%;bottom:12%;max-width:43%;color:#fff;overflow-wrap:anywhere}.sv4-service-copy h2{font-size:clamp(34px,4.5vw,70px);line-height:1.19;max-width:10em}.sv4-service-copy p:not(.sv4-eyebrow){font-size:clamp(16px,1.1vw,18px);max-width:29em;line-height:1.7;margin:20px 0}.story-v4 a{color:#f6e5bc;text-decoration:none;font-size:16px;line-height:1.5;border-bottom:1px solid #e9d6aa77;padding:10px 0;display:inline-flex;align-items:center;gap:.35em;min-height:44px;min-width:44px}.story-v4 a:focus-visible{outline:2px solid #f4d78d;outline-offset:8px}.sv4-service-copy .sv4-eyebrow,.sv4-time-copy .sv4-eyebrow{font-size:16px;letter-spacing:.08em;line-height:1.5;margin-bottom:16px}
.sv4-portal-light{position:absolute;inset:0;z-index:6;width:100%;height:100%;pointer-events:none;overflow:visible}.sv4-portal-light path{fill:none;stroke:#ead29b;stroke-width:1.5;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px #e2c98a66)}
.sv4-impact{z-index:7;background:#102c30;color:#f2efe4;clip-path:inset(100% 0 0);will-change:clip-path;overflow:hidden}.sv4-witness{position:absolute;inset:0;overflow:hidden;will-change:clip-path}.sv4-witness img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.sv4-witness-rim{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dbc58e;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none}.sv4-time-copy{position:absolute;left:7.2%;top:25%;max-width:37%;overflow-wrap:anywhere}.sv4-time-copy .sv4-eyebrow{color:#d4c499}.sv4-time-copy time{display:block;font-size:clamp(32px,4.5vw,74px);font-weight:350;letter-spacing:-.065em;line-height:1.2;font-variant-numeric:tabular-nums}.sv4-time-copy time span{color:#c3a772}.sv4-time-copy h2{font-size:clamp(28px,3.2vw,50px);line-height:1.3;margin:18px 0}.sv4-time-copy p:not(.sv4-eyebrow){font-size:16px;line-height:1.7;color:#d5dfd7;max-width:30em;margin:14px 0}.sv4-time-copy a{margin-top:8px;color:#efdaad;border-color:#9b936f}.sv4-time-line{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#dbc58e;stroke-width:1;pointer-events:none}.sv4-time-line circle{fill:#dbc58e;stroke:none}
#story-v4-handoff{height:0;scroll-margin-top:100px}.story-v4 [data-story-copy][inert]{pointer-events:none}
@media(max-width:767px){.story-v4[data-story-motion=on]{height:800svh}.sv4-opening{top:max(21%,calc(var(--sv4-header-clearance,0px) + 58px));left:7%;width:86%}.story-v4 h1{font-size:clamp(42px,12vw,84px);line-height:1.17}.sv4-intro{font-size:16px;max-width:23em;margin-top:22px}.sv4-eyebrow{font-size:10px;letter-spacing:.16em}.sv4-sun{left:69%;top:48%;width:48px}.sv4-mountain-copy{left:7%;top:23%;width:84%}.sv4-mountain-copy h2{font-size:clamp(32px,9vw,60px)}.sv4-service-copy{left:7%;bottom:max(10%,calc(env(safe-area-inset-bottom) + 58px));max-width:86%}.sv4-service-copy h2{font-size:clamp(30px,8.5vw,44px);max-width:11em}.sv4-service-copy p:not(.sv4-eyebrow){font-size:16px;line-height:1.6;margin:15px 0;max-width:29em}.sv4-action{object-position:68% 50%}.sv4-shade{background:linear-gradient(0deg,#061e2bef 2%,#061e2bad 28%,transparent 65%)}.sv4-time-copy{left:7%;max-width:86%}.sv4-time-copy time{font-size:clamp(38px,11vw,54px)}.sv4-time-copy h2{font-size:28px;margin:10px 0}.sv4-time-copy p:not(.sv4-eyebrow){font-size:16px;line-height:1.5;margin:10px 0}.sv4-time-copy a{margin-top:2px}.sv4-time-copy .sv4-eyebrow{margin-bottom:8px}}
@media(max-height:650px) and (max-width:767px){.sv4-intro{margin-top:12px;line-height:1.5}.sv4-service-copy p:not(.sv4-eyebrow){margin:8px 0}.sv4-service-copy .sv4-eyebrow{margin-bottom:8px}.sv4-time-copy .sv4-eyebrow{margin-bottom:3px}.sv4-time-copy time{font-size:36px}.sv4-time-copy h2{font-size:24px;margin:6px 0}.sv4-time-copy p:not(.sv4-eyebrow){margin:6px 0}}
/* Reading mode is genuine document flow: no empty pin and no hidden links. */
.story-v4:not([data-story-motion=on]) .story-v4-stage{overflow:visible}.story-v4:not([data-story-motion=on]) .sv4-world,.story-v4:not([data-story-motion=on]) .sv4-front{height:100svh}.story-v4:not([data-story-motion=on]) .sv4-opening{position:relative;inset:auto;width:auto;min-height:100svh;padding:22svh 7.2% 12svh;z-index:6}.story-v4:not([data-story-motion=on]) .sv4-mountain-copy{position:relative;inset:auto;width:auto;padding:4rem 7.2%;background:#163c3d}.story-v4:not([data-story-motion=on]) .sv4-documentary{position:relative;clip-path:none!important;height:auto;min-height:100svh;padding:55svh 7.2% max(3rem,env(safe-area-inset-bottom))}.story-v4:not([data-story-motion=on]) .sv4-service-copy{position:relative;inset:auto;max-width:42em}.story-v4:not([data-story-motion=on]) .sv4-impact{position:relative;clip-path:none!important;height:auto;min-height:100svh;display:flex;flex-direction:column;padding:3rem 7.2%}.story-v4:not([data-story-motion=on]) .sv4-witness{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;clip-path:none!important}.story-v4:not([data-story-motion=on]) .sv4-time-copy{position:relative;inset:auto;max-width:42em;padding:2rem 0}.story-v4:not([data-story-motion=on]) .sv4-time-line,.story-v4:not([data-story-motion=on]) .sv4-portal-light,.story-v4:not([data-story-motion=on]) .sv4-witness-rim{display:none}

.sv4-witness-rim path{vector-effect:non-scaling-stroke;stroke-width:1}
/* Short landscape keeps the witness and dated column side by side. */
@media(min-width:768px) and (max-height:500px){.sv4-opening{top:22%;}.story-v4 h1{font-size:54px}.sv4-intro{margin-top:12px;line-height:1.5;max-width:27em}.sv4-mountain-copy{top:26%}.sv4-mountain-copy h2{font-size:38px}.sv4-service-copy{bottom:14%;max-width:46%}.sv4-service-copy h2{font-size:30px}.sv4-service-copy p:not(.sv4-eyebrow){font-size:16px;line-height:1.45;margin:8px 0}.sv4-service-copy .sv4-eyebrow{margin-bottom:8px}.sv4-time-copy .sv4-eyebrow{margin-bottom:4px}.sv4-time-copy time{font-size:32px}.sv4-time-copy h2{font-size:24px;line-height:1.2;margin:6px 0}.sv4-time-copy p:not(.sv4-eyebrow){line-height:1.4;margin:6px 0}.sv4-time-copy a{margin-top:0}}

#sv4-far-tone stop:first-child{stop-color:#5b7672}

.sv4-relief{pointer-events:none}.sv4-relief .sv4-facet-0{fill:#9ebcb1;opacity:.10}.sv4-relief .sv4-facet-1{fill:#031a23;opacity:.16}.sv4-relief .sv4-facet-2{fill:#6e9b93;opacity:.08}.sv4-far .sv4-relief{opacity:.35}

/* Subsequent documentary planes share the same sticky stage. */
.sv4-later,.sv4-ending{position:absolute;inset:0;z-index:8;overflow:hidden;pointer-events:none}
.sv4-second-photo,.sv4-reading-photo,.sv4-person-photo{position:absolute;z-index:1;overflow:hidden;margin:0;border:0;border-radius:0;will-change:clip-path}
.sv4-second-photo{inset:0;background:#102c30}
.sv4-second-photo img,.sv4-reading-photo img,.sv4-person-photo img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;border-radius:0}
.sv4-second-photo img{object-position:50% 50%}
.sv4-second-shade{position:absolute;inset:0;background:linear-gradient(0deg,#061e2bf0,transparent 55%)}
.sv4-reading-photo,.sv4-person-photo{box-shadow:0 25px 60px #041c2640}
.sv4-later-copy{position:absolute;z-index:3;left:7.2%;max-width:45%;overflow-wrap:anywhere;pointer-events:auto}
.sv4-later-copy h2{font-size:clamp(36px,4.6vw,72px);line-height:1.16;max-width:12em}
.sv4-later-copy p:not(.sv4-eyebrow){font-size:clamp(16px,1.15vw,19px);line-height:1.65;margin:20px 0;max-width:32em;color:#e1e6dc}
.sv4-later-copy .sv4-eyebrow{font-size:16px;letter-spacing:.08em;line-height:1.5;margin-bottom:16px}
.sv4-second-copy{bottom:9%;max-width:49%}
.sv4-community-copy{top:67%;max-width:64%}
.sv4-community-copy h2{font-size:clamp(36px,4.2vw,64px)}
.sv4-people-copy{top:28%;max-width:40%}
.sv4-later-light{position:absolute;z-index:0;inset:0;width:100%;height:100%;fill:none;stroke:#d9c591;stroke-width:1;pointer-events:none}
.sv4-ending{z-index:9}
.sv4-ending-ridge{position:absolute;inset:0;width:100%;height:100%;fill:#eef2ef;stroke:#dfc898;stroke-width:1.5;vector-effect:non-scaling-stroke}
.sv4-handoff-copy{z-index:10;top:19%;max-width:84%;width:84%}
.sv4-handoff-copy h2{max-width:16em}
.sv4-handoff-copy nav{display:flex;flex-wrap:wrap;gap:8px 32px;margin-top:24px;max-width:100%}

/* The real next module is already at its final document position before unpin.
   Only presentation changes: its existing content, links and lifecycle are intact. */
.story-v4[data-story-motion=on]+#story-v4-handoff{top:-18svh;position:relative}
.story-v4[data-story-motion=on]+#story-v4-handoff+#next-gathering{position:relative;z-index:2;margin-top:-18svh;background:#eef2ef}
@media(max-width:767px){
 .story-v4[data-story-motion=on]{height:800svh}
 .sv4-later-copy{left:7%;max-width:86%}
 .sv4-later-copy h2{font-size:clamp(30px,8.4vw,40px);line-height:1.22;max-width:12em}
 .sv4-later-copy p:not(.sv4-eyebrow){font-size:16px;line-height:1.55;margin:14px 0}
 .sv4-later-copy .sv4-eyebrow{font-size:16px;margin-bottom:10px;letter-spacing:.025em}
 .sv4-second-copy{top:calc(18svh + 56.25vw + 28px);bottom:auto}
 .sv4-second-shade{display:none}
 .sv4-community-copy{top:61%;max-width:64%}
 .sv4-community-copy h2{font-size:clamp(28px,7.8vw,36px)}
 .sv4-community-copy .sv4-eyebrow{max-width:14em}
 .sv4-people-copy{top:52%;max-width:86%}
 .sv4-handoff-copy{top:17%;width:86%;max-width:86%}
 .sv4-handoff-copy nav{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;margin-top:16px;align-items:start}
 .sv4-handoff-copy nav a{font-size:16px}
}
@media(min-width:768px) and (max-height:650px){
 .sv4-later-copy h2{font-size:clamp(28px,3.5vw,44px)}
 .sv4-later-copy p:not(.sv4-eyebrow){line-height:1.45;margin:10px 0}
 .sv4-later-copy .sv4-eyebrow{margin-bottom:8px}
 .sv4-community-copy{top:65%;max-width:70%}
 .sv4-community-copy h2{font-size:30px}
 .sv4-community-copy .sv4-eyebrow{display:none}
 .sv4-people-copy{top:20%}
 .sv4-handoff-copy{top:20%}
 .sv4-handoff-copy nav{margin-top:12px;gap:4px 24px}
}
/* Accessibility reading mode contains all eight propositions in source order. */
/* The desktop service photograph has a face at the upper right. Keep its
   skip control on the clear wall through the incoming and settled scene. */
@media(min-width:768px){.story-v4[data-story-motion=on]:is([data-story-beat=mountain],[data-story-beat=service]) }
.story-v4:not([data-story-motion=on]) .sv4-later{position:relative;inset:auto;overflow:visible;display:flex;flex-direction:column;pointer-events:auto}
.story-v4:not([data-story-motion=on]) .sv4-second-photo,.story-v4:not([data-story-motion=on]) .sv4-reading-photo,.story-v4:not([data-story-motion=on]) .sv4-person-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16/9;box-shadow:none}
.story-v4:not([data-story-motion=on]) .sv4-person-photo{width:min(80%,380px);aspect-ratio:960/1707;margin-inline:auto}
.story-v4:not([data-story-motion=on]) .sv4-later-copy{position:relative;inset:auto;width:auto;max-width:none;padding:2rem 7.2% 4rem}
.story-v4:not([data-story-motion=on]) .sv4-later-copy h2{max-width:20em}
.story-v4:not([data-story-motion=on]) .sv4-later-light,.story-v4:not([data-story-motion=on]) .sv4-ending,.story-v4:not([data-story-motion=on]) .sv4-second-shade{display:none}



