/* One photographic stage; scrolling changes the chapter, never the image geometry. */
.field-story.story-calm{height:360svh}
.story-calm .story-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:clip}
.story-calm .story-scene{position:absolute;inset:0;display:flex;align-items:center;min-height:0;height:auto;padding:clamp(160px,20svh,230px) 8% 120px;opacity:1;z-index:1;isolation:isolate;overflow:clip}
.story-calm .story-image-window{clip-path:none;opacity:var(--image-opacity,0);will-change:auto}
.story-calm .story-image{object-position:var(--photo-focus,center);filter:saturate(.94);transform:none;will-change:auto;animation:none;transition:none}
.story-calm .story-shade{opacity:var(--image-opacity,0);background:linear-gradient(90deg,rgba(11,10,18,var(--photo-shade,.84)) 0%,#0b0a129e 34%,#0b0a1220 64%,#0b0a1200 88%),linear-gradient(0deg,#0b0a12dd 0%,#0b0a1200 28%,#0b0a1230 92%)}
.story-calm .story-copy{position:relative;inset:auto;z-index:2;width:auto;max-width:min(650px,62vw);margin:0;opacity:var(--copy-opacity,1);transform:none;will-change:auto;animation:none;transition:none}
.story-calm .story-context{margin-top:0}
.story-calm .story-copy h2{font-size:clamp(68px,7.2vw,104px);max-width:100%;text-shadow:0 3px 30px #08071026}
.story-calm .story-copy p{max-width:31ch;color:#fff9f0;text-shadow:0 1px 12px #090812a0}
.story-calm .story-photo-credit{z-index:2;opacity:var(--copy-opacity,1);left:8%;right:auto;bottom:30px;width:auto;max-width:75%;font-size:12px;line-height:1.55;text-shadow:0 1px 9px #000}
.story-calm .story-chapters{position:absolute;top:44%;left:auto;right:5%;width:fit-content;height:auto;margin:0;z-index:5;display:flex;flex-direction:column;align-items:flex-end;gap:16px;pointer-events:none}
.story-calm .story-chapters button{pointer-events:auto;min-height:44px}
.story-calm .story-chapters button>span:last-child{font-size:15px}
.story-calm .story-dust,.story-calm .story-particles{display:none}
@media(max-width:1100px){.story-calm .story-copy{max-width:65vw}.story-calm .story-chapters button>span:last-child{font-size:14px}}
@media(max-width:800px){
 .story-calm .story-scene{padding:200px 7% 90px}
 .story-calm .story-copy{width:100%;max-width:650px}
 .story-calm .story-copy h2{font-size:clamp(60px,9vw,76px)}
 .story-calm .story-image{object-position:var(--photo-focus-mobile,var(--photo-focus,58% center))}
 .story-calm .story-shade{background:linear-gradient(90deg,#0b0a12cd 0%,#0b0a1273 65%,#0b0a1240),linear-gradient(0deg,#0b0a12e8 0%,transparent 38%,#0b0a1250)}
 .story-calm .story-chapters{top:150px;left:7%;right:auto;height:44px;width:min(340px,86%);display:grid;grid-template-columns:repeat(3,44px);justify-content:end;gap:8px;align-items:center}
 .story-calm .story-chapters button{position:static;width:44px;height:44px;min-width:44px;display:flex;justify-content:center;align-items:center;gap:0;padding:0}
 .story-calm .story-chapters .story-dot{margin:0}
 .story-calm .story-chapters button>span:last-child{position:absolute;left:0;top:22px;max-width:calc(100% - 156px);display:none;transform:translateY(-50%);font-size:14px;line-height:1.3;text-align:left;opacity:.9}
 .story-calm .story-chapters button[aria-current=step]>span:last-child{display:block;opacity:1}
 .story-calm .story-photo-credit{left:7%;right:7%;max-width:86%;font-size:11px;bottom:30px}
}
@media(max-width:520px){
 .story-calm .story-copy h2{font-size:clamp(44px,13.2vw,60px);line-height:1.02;margin-bottom:24px}
 .story-calm .story-copy p{font-size:19px;max-width:29ch}
 .story-calm .story-context{margin-bottom:18px}
}
@media(prefers-reduced-motion:reduce),(max-height:650px){
 .field-story.story-calm{height:auto}
 .story-calm .story-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible}
 .story-calm .story-scene{position:relative;inset:auto;min-height:740px;height:100svh;padding-top:170px;padding-bottom:130px;visibility:visible!important;scroll-margin-top:100px}
 .story-calm .story-image-window,.story-calm .story-shade,.story-calm .story-copy,.story-calm .story-photo-credit{opacity:1!important}
 .story-calm .story-chapters{display:none}
}
@media(prefers-reduced-motion:reduce){
 .story-calm .story-dot,.story-calm .story-dot:before,.story-calm .story-chapters button>span:last-child{transition:none}
}