:root{--story-header:96px}
.expand-chapter{background:white;padding:30px 0 75px}.expand-sticky{position:relative}.expanding-photo{position:relative;overflow:hidden;width:100%;height:650px;margin:0;background:#335e85}.expanding-photo img{width:100%;height:100%;object-fit:cover;object-position:53% 65%}.expanding-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(#17375555,transparent 65%);pointer-events:none}.expanding-photo figcaption{position:absolute;inset:65px 25px auto;text-align:center;color:white;z-index:1}.expanding-photo figcaption p{font:9px Arial,sans-serif;letter-spacing:.22em;margin-bottom:18px}.expanding-photo h2{font-size:clamp(26px,3.4vw,46px);line-height:1.8}.chapter-hint{display:none}
.stack-chapter{padding:80px 0 110px;background:#f7f5f3}.stack-sticky{display:grid;grid-template-columns:.8fr 1.2fr;gap:7%;align-items:center}.stack-copy h2{font-size:clamp(27px,3vw,40px)}.stack-details{margin-top:35px}.stack-detail{margin-top:25px}.stack-number{font:10px Arial,sans-serif;letter-spacing:.15em;color:var(--wine);margin-bottom:14px}.stack-detail h3{font:500 21px/1.7 var(--serif);margin:0 0 12px}.stack-detail>p:last-child{font-size:12px;color:var(--muted);line-height:2.1}.stack-pictures{display:grid;gap:20px}.stack-card{margin:0;overflow:hidden;background:#e8e4e1;height:360px}.stack-card img{width:100%;height:100%;object-fit:cover}.stack-card:nth-child(2) img{object-position:68% center}.stack-progress,.stack-hint{display:none}
.curtain-chapter{position:relative;isolation:isolate}.curtain-chapter>.activity{background:white;position:relative;z-index:2}
/* JS and motion permission enable the three scroll chapters; content is otherwise ordinary flow. */
.scroll-story-ready .expand-chapter{height:170svh;padding:0;position:relative}.scroll-story-ready .expand-sticky{position:sticky;top:var(--story-header);height:calc(100svh - var(--story-header));overflow:hidden}.scroll-story-ready .expanding-photo{position:absolute;inset:0;height:100%}
.scroll-story-ready .expanding-photo{clip-path:inset(var(--expand-y,13%) var(--expand-x,18%) round var(--expand-radius,14px))}
.scroll-story-ready .expanding-photo figcaption{top:19%;opacity:var(--expand-copy-opacity,.3);transform:translateY(var(--expand-copy-y,12px))}.scroll-story-ready .chapter-hint{display:block;position:absolute;bottom:22px;left:0;right:0;text-align:center;font:8px Arial,sans-serif;letter-spacing:.18em;color:var(--wine);opacity:var(--expand-hint-opacity,1)}
.scroll-story-ready .stack-chapter{height:270svh;padding:0;position:relative}.scroll-story-ready .stack-sticky{position:sticky;top:var(--story-header);height:calc(100svh - var(--story-header));padding-block:35px}.scroll-story-ready .stack-pictures{position:relative;display:block;height:min(58svh,510px)}.scroll-story-ready .stack-card{position:absolute;inset:0;height:100%;border:8px solid white;box-shadow:0 12px 40px #35272d12;transform-origin:50% 100%;clip-path:inset(0 0 var(--peel,0%) 0);transform:translateY(var(--peel-y,0px)) rotate(var(--peel-angle,0deg));visibility:var(--card-visibility,visible)}.scroll-story-ready .stack-card:first-child{z-index:3}.scroll-story-ready .stack-card:nth-child(2){z-index:2}.scroll-story-ready .stack-card:nth-child(3){z-index:1}.scroll-story-ready .stack-detail{display:none;margin-top:0}.scroll-story-ready .stack-detail.is-current{display:block}.scroll-story-ready .stack-details{min-height:150px}.scroll-story-ready .stack-progress{display:flex;gap:8px;margin-top:20px}.stack-progress i{height:2px;width:37px;background:#ddced3}.stack-progress i.is-current{background:var(--wine)}.scroll-story-ready .stack-hint{display:block;font-size:10px;letter-spacing:.04em;color:#88717a;margin-top:18px}.scroll-story-ready .curtain-chapter>.field-scene{position:sticky;top:var(--story-header);height:calc(100svh - var(--story-header));max-height:820px;z-index:0}.scroll-story-ready .curtain-chapter>.activity{margin-top:-45px;border-radius:28px 28px 0 0;box-shadow:0 -16px 50px #35272d0c}.scroll-story-ready .curtain-chapter>.activity:before{content:"";position:absolute;top:19px;left:calc(50% - 24px);width:48px;height:2px;background:#d7c2c8}
@media(max-width:900px){:root{--story-header:76px}.stack-sticky{gap:5%;grid-template-columns:.9fr 1.1fr}.stack-copy h2{font-size:29px}.stack-detail h3{font-size:19px}}
@media(min-width:901px) and (max-width:960px){:root{--story-header:96px}}
@media(max-width:700px){.expand-chapter{padding-bottom:50px}.expanding-photo{height:520px}.expanding-photo figcaption{top:50px;inset-inline:16px}.expanding-photo h2{font-size:25px}.expanding-photo figcaption p{font-size:7px}.scroll-story-ready .expand-chapter{height:155svh}.scroll-story-ready .expanding-photo figcaption{top:17%}.scroll-story-ready .chapter-hint{bottom:17px;font-size:7px}.stack-chapter{padding:65px 0}.stack-sticky{display:block}.stack-copy h2{font-size:25px;line-height:1.6}.stack-copy .eyebrow{font-size:8px;margin-bottom:14px}.stack-detail h3{font-size:17px;margin-bottom:6px}.stack-detail>p:last-child{font-size:11px;line-height:1.9}.stack-number{font-size:8px;margin-bottom:7px}.stack-pictures{margin-top:27px;gap:14px}.stack-card{height:280px}.scroll-story-ready .stack-chapter{height:265svh}.scroll-story-ready .stack-sticky{display:flex;flex-direction:column;align-items:stretch;justify-content:center;padding:18px 0 30px;gap:20px}.scroll-story-ready .stack-details{margin-top:17px;min-height:105px}.scroll-story-ready .stack-pictures{flex:0 0 min(43svh,340px);height:min(43svh,340px);margin:0}.scroll-story-ready .stack-card{border-width:5px}.scroll-story-ready .stack-progress{position:absolute;bottom:13px;left:0;margin:0}.scroll-story-ready .stack-hint{position:absolute;bottom:6px;right:0;font-size:8px;margin:0}.scroll-story-ready .curtain-chapter>.activity{margin-top:-30px;border-radius:22px 22px 0 0}}
@media(max-height:640px) and (min-width:701px){.scroll-story-ready .stack-pictures{height:60svh}.stack-copy h2{font-size:27px}.scroll-story-ready .stack-details{min-height:125px;margin-top:20px}.stack-detail h3{font-size:17px}.stack-detail>p:last-child{font-size:11px}.stack-copy .eyebrow{margin-bottom:14px}}
@media(max-height:640px) and (max-width:700px){.scroll-story-ready .stack-sticky{gap:14px;padding-block:12px 22px}.stack-copy h2{font-size:22px;line-height:1.6}.stack-copy .eyebrow{margin-bottom:10px}.scroll-story-ready .stack-details{min-height:96px;margin-top:12px}.stack-detail>p:last-child{font-size:10px}.scroll-story-ready .stack-pictures{height:34svh;flex-basis:34svh}.scroll-story-ready .stack-hint{display:none}}
@media(prefers-reduced-motion:reduce){.expand-chapter,.scroll-story-ready .expand-chapter{height:auto;padding:0 0 55px}.expand-sticky,.scroll-story-ready .expand-sticky{position:relative;top:auto;height:auto}.expanding-photo,.scroll-story-ready .expanding-photo{position:relative;height:500px;clip-path:none}.expanding-photo figcaption,.scroll-story-ready .expanding-photo figcaption{opacity:1;transform:none;top:55px}.stack-chapter,.scroll-story-ready .stack-chapter{height:auto;padding:65px 0}.stack-sticky,.scroll-story-ready .stack-sticky{position:relative;top:auto;height:auto;display:block}.scroll-story-ready .stack-pictures{height:auto;display:grid;margin-top:30px}.scroll-story-ready .stack-card{position:relative;height:300px;clip-path:none;transform:none;visibility:visible}.scroll-story-ready .stack-detail{display:block;margin-top:24px}.chapter-hint,.scroll-story-ready .chapter-hint,.scroll-story-ready .stack-progress,.scroll-story-ready .stack-hint{display:none}.scroll-story-ready .curtain-chapter>.field-scene{position:relative;top:auto;height:450px}.scroll-story-ready .curtain-chapter>.activity{margin-top:0;border-radius:0;box-shadow:none}}
