/* The Daun Motion 2.1.0 — additive skin. No original stylesheet is included in the patch. */
:root{--story-gutter:clamp(18px,4vw,76px);--story-gap:clamp(16px,1.7vw,28px);--motion-ease:cubic-bezier(.22,1,.36,1)}
/* Content must remain readable when animations are blocked or still downloading. */
.reveal,.reveal.visible{opacity:1;transform:none;transition:none}
html{scroll-behavior:smooth}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
.lenis.lenis-smooth iframe{pointer-events:none}
.reading-progress{position:fixed;left:0;top:0;height:3px;background:#c9e3ae;width:100%;transform:scaleX(0);transform-origin:left center;pointer-events:none;z-index:160;will-change:transform}
/* The new chapter is scroll-pinned on desktop and behaves as a normal stacked section on smaller screens. */
.story-scroll{height:100svh;min-height:710px;max-height:1080px;display:flex;flex-direction:column;justify-content:space-between;background:#0a1d16;color:#f2f4e9;overflow:hidden;position:relative;isolation:isolate}
.story-scroll::before{content:"";position:absolute;right:-140px;top:-185px;width:390px;aspect-ratio:1;border:1px solid #c9e3ae15;border-radius:50%;box-shadow:0 0 0 75px #c9e3ae08,0 0 0 150px #c9e3ae04;pointer-events:none}
.story-topline{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;gap:22px;align-items:center;padding:clamp(26px,3.5vh,42px) var(--story-gutter) 20px}
.story-topline-left{display:flex;gap:15px;align-items:center;font:800 9px/1.4 var(--sans);letter-spacing:.14em;color:#a9c2a4}
.story-star{font:400 30px/1 var(--display);color:#cce9b1}
.story-topline h2{font:400 clamp(26px,2.7vw,43px)/1.1 var(--display);letter-spacing:-.025em;margin:0;text-align:center;white-space:nowrap}
.story-topline h2 em{color:#b9d79d}
.story-scroll-hint{text-align:right;font:800 9px var(--sans);letter-spacing:.14em;color:#9ebba5;white-space:nowrap}
.story-scroll-hint span{margin-left:9px;color:#c9e3ae;font-size:18px}
.story-stage{height:calc(100% - 179px);min-height:480px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#86a17d #172c20;position:relative}
.motion-ready .story-stage{overflow:hidden;scroll-snap-type:none;scrollbar-width:none}
.story-track{display:flex;gap:var(--story-gap);height:100%;width:max-content;padding:0 var(--story-gutter)}
.story-slide{flex:0 0 clamp(640px,75vw,1240px);height:100%;min-width:0;overflow:hidden;position:relative;background:#2c493b;isolation:isolate;scroll-snap-align:center}
.story-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;transform:scale(1.035);transition:filter .6s ease}
.story-slide:hover>img{filter:saturate(1.08)}
.story-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,12,.61) 0%,rgba(5,17,12,.26) 57%,rgba(5,17,12,.11) 100%),linear-gradient(0deg,rgba(5,17,12,.5),transparent 40%);pointer-events:none}
.story-slide-top{position:absolute;z-index:2;left:clamp(28px,4.5vw,68px);right:clamp(28px,4.5vw,68px);top:clamp(23px,3vw,39px);display:flex;justify-content:space-between;gap:15px;color:#f4f7e7;font:800 9px var(--sans);letter-spacing:.17em}
.story-slide-copy{position:absolute;left:clamp(28px,4.5vw,68px);bottom:clamp(38px,6vw,87px);right:clamp(25px,5vw,100px);z-index:2;max-width:800px}
.story-slide-count{font:500 clamp(26px,2.6vw,42px)/1 var(--display);display:inline-flex;align-items:baseline;gap:10px;color:#d1e6b5;border-bottom:1px solid #d1e6b555;padding:0 0 15px}
.story-slide-count span{font:800 10px var(--sans);letter-spacing:.12em;color:#e6e9d9}
.story-slide-copy h3{font:400 clamp(74px,8vw,142px)/.8 var(--display);letter-spacing:-.06em;margin:30px 0 28px}
.story-slide-copy h3 em{color:#d4ebaf}
.story-slide-copy>p{max-width:370px;font-size:14px;line-height:1.8;color:#e0e9dc;margin:0}
.story-corner{position:absolute;z-index:2;right:38px;bottom:38px;display:grid;place-items:center;width:60px;height:60px;background:#d6e6c6;color:#1c3426;border-radius:50%;font-size:26px}
.story-visit{position:absolute;z-index:3;bottom:50px;right:48px;display:flex;align-items:center;gap:18px;padding:12px 18px 12px 22px;background:#e5f0cf;color:#11281e;border-radius:100px;font:800 11px var(--sans);transition:transform .3s var(--motion-ease)}
.story-visit:hover{transform:translateY(-3px)}.story-visit span{font-size:20px}
.story-bottomline{display:grid;grid-template-columns:1fr minmax(100px,380px) 1fr;align-items:center;gap:23px;padding:15px var(--story-gutter) 26px;font:800 9px var(--sans);letter-spacing:.17em;color:#a7bfab}
.story-current{text-align:right;color:#d9e5d3}
.story-progress{height:1px;background:#ffffff45;overflow:hidden}.story-progress-fill{height:100%;background:#d1e8ad;transform-origin:left center;transform:scaleX(0);will-change:transform}
/* Additional tactile details: editorial slides, masked photographs, and restrained parallax. */
.hero-visual,.place-photo,.gallery-tile,.interlude-photo,.location-panel-visual{isolation:isolate}
.place-photo img,.gallery-tile img,.interlude-photo img{backface-visibility:hidden}
.place-card .place-circle,.gallery-plus{transition:transform .55s var(--motion-ease),background .3s}
.place-card:hover .place-circle,.gallery-tile:hover .gallery-plus{transform:rotate(45deg) scale(1.05)}
.section-identifier .line{transform-origin:left center}
@media(max-width:1100px){.story-topline{grid-template-columns:1fr 1fr}.story-topline h2{grid-column:2;grid-row:1;text-align:right}.story-scroll-hint{display:none}.story-slide-copy h3{font-size:clamp(75px,8.5vw,115px)}}
@media(max-width:900px){.story-scroll{height:auto;min-height:0;max-height:none;padding-bottom:65px;display:block}.story-topline{padding:65px var(--page-pad) 33px;display:flex;align-items:flex-start;flex-direction:column;gap:18px}.story-topline h2{text-align:left;font-size:clamp(37px,6vw,54px)}.story-stage{height:auto;min-height:0;overflow:visible}.story-track{display:flex;flex-direction:column;width:auto;height:auto;gap:18px;padding:0 var(--page-pad)}.story-slide{flex:auto;width:100%;height:clamp(440px,67svh,660px)}.story-slide-copy h3{font-size:clamp(67px,10vw,108px)}.story-bottomline{padding:28px var(--page-pad) 0;grid-template-columns:1fr 1fr}.story-progress{display:none}}
@media(max-width:650px){.story-topline{padding-top:56px}.story-topline-left{font-size:8px}.story-topline h2{font-size:40px}.story-slide{height:clamp(420px,68svh,580px)}.story-slide-top{left:23px;right:23px;top:24px;font-size:8px}.story-slide-top span:last-child{display:none}.story-slide-copy{left:25px;bottom:52px;right:24px}.story-slide-copy h3{font-size:clamp(60px,13vw,86px);margin:27px 0 22px}.story-slide-count{font-size:28px}.story-slide-copy>p{font-size:12px;max-width:270px}.story-corner{width:41px;height:41px;font-size:20px;bottom:17px;right:18px}.story-visit{bottom:16px;right:15px;font-size:9px;padding:9px 12px}.story-bottomline{font-size:8px}}
@media(max-width:360px){.story-slide-copy h3{font-size:58px}.story-topline h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){.reading-progress,.story-progress-fill{will-change:auto}.story-slide>img{transform:none!important;filter:none!important}.reveal{opacity:1!important;transform:none!important}.story-visit,.place-card .place-circle,.gallery-plus{transition:none!important}}