.story-page{background:#17130f;color:#b2aaa0}.story-header{max-width:1440px;margin:auto;padding:36px 5%;display:flex;align-items:center;gap:28px}.story-header .logo{width:140px}.story-header .language{margin-left:auto}.story-back{font-size:11px;letter-spacing:.06em;text-transform:uppercase}.story-gallery{width:min(1120px,84%);margin:42px auto 0}.story-row{margin-bottom:44px}.story-row img,.story-row video{display:block;width:100%;height:auto}.story-row.pair{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:start}.story-row.portrait{width:62%;margin-left:auto;margin-right:auto}.story-film{position:relative}.story-film .film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border:0;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center}.story-film .film-play svg{width:30px;height:30px;fill:currentColor}.story-film.playing .film-play{opacity:0;transition:opacity .2s}.story-film.playing:hover .film-play,.story-film.playing:focus-within .film-play{opacity:1}.next-story{border-top:1px solid #b2aaa036;width:min(1120px,84%);margin:100px auto 0;padding:36px 0 70px;display:flex;justify-content:space-between;gap:32px;align-items:start}.next-story>span{font-size:14px;white-space:nowrap}.next-story strong{font-family:Cormorant,Georgia,serif;font-size:clamp(28px,3vw,42px);font-weight:400;line-height:1.1;text-align:right;max-width:65%}.next-story:hover strong{color:#fbfaf6}.story-page a:focus-visible,.story-film .film-play:focus-visible{outline:2px solid #cdb9b1;outline-offset:6px}
@media(max-width:700px){.story-header{padding:26px 6%;gap:14px;flex-wrap:wrap}.story-header .logo{width:104px}.story-header .language{gap:4px}.story-back{font-size:9px}.story-gallery{width:88%;margin-top:24px}.story-row{margin-bottom:20px}.story-row.pair{gap:16px}.story-row.portrait{width:82%}.story-film .film-play{width:48px;height:48px}.story-film .film-play svg{width:23px;height:23px}.next-story{width:88%;margin-top:52px;padding:24px 0 44px;gap:20px}.next-story>span{font-size:10px}.next-story strong{font-size:27px}.story-film.playing .film-play{opacity:.45}}

@font-face{font-family:Cormorant;font-style:normal;font-weight:400;font-display:swap;src:url(assets/cormorant-regular.ttf) format("truetype")}

.story-row.pair{align-items:center;gap:clamp(20px,4vw,60px)}.story-row.pair.wide-left{grid-template-columns:1.2fr .8fr}.story-row.pair.wide-right{grid-template-columns:.8fr 1.2fr}.story-row.pair.balanced{grid-template-columns:1fr 1fr}.story-row.final-single{width:80%;margin-inline:auto}.story-film .film-sound{position:absolute;bottom:14px;right:14px;z-index:2;border:1px solid #ffffff66;border-radius:24px;background:#17130fcc;color:#fff;padding:10px 14px;font:12px Manrope,sans-serif;cursor:pointer;backdrop-filter:blur(12px)}.story-film .film-sound:focus-visible{outline:2px solid #cdb9b1;outline-offset:4px}
@media(max-width:700px){.story-row.pair{gap:14px}.story-row.final-single{width:100%}.story-film .film-sound{bottom:8px;right:6px;padding:7px 9px;font-size:10px}}

/* Editorial pacing: broad landscape images and top-aligned portrait pairs. */
.story-gallery,.next-story{width:min(1120px,82%)}.story-row{margin-bottom:58px}.story-row.pair{align-items:start;gap:42px}.story-row.pair.wide-left{grid-template-columns:1.16fr .84fr}.story-row.pair.wide-right{grid-template-columns:.84fr 1.16fr}.story-row.full-width{width:100%}.story-row.single-portrait{width:62%;margin-left:0;margin-right:auto}.story-row.single-portrait:nth-child(even){margin-left:auto;margin-right:0}.story-row img,.story-row video{object-fit:contain}.next-story{margin-top:90px}
@media(max-width:700px){.story-gallery,.next-story{width:90%}.story-row{margin-bottom:24px}.story-row.pair{gap:16px}.story-row.single-portrait{width:76%}.next-story{margin-top:48px}}

/* Quiet gallery motion, independent of the editorial layout. */
.story-photo{overflow:hidden;min-width:0}
.story-photo img{transition:transform 900ms cubic-bezier(.2,.65,.3,1);transform-origin:center}
.scroll-reveal{opacity:0;transform:translateY(26px);transition:opacity 850ms ease,transform 1000ms cubic-bezier(.2,.65,.3,1)}
.scroll-reveal.is-revealed{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.story-photo:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:reduce){.story-photo img,.scroll-reveal{transition:none;transform:none;opacity:1}.story-photo:hover img{transform:none}}

/* Light, closely spaced photo gallery matching the main Lou Lou palette. */
.story-page{background:var(--paper);color:var(--ink)}.story-header .logo{filter:brightness(0)}
.story-gallery,.next-story{width:min(1000px,90%)}.story-gallery{margin-top:32px}.gallery-title{font-size:clamp(32px,4vw,52px);max-width:100%;line-height:1.1;margin-bottom:36px}
.photo-grid{position:relative;width:100%}.gallery-photo{overflow:hidden}.gallery-photo>img,.gallery-photo video{display:block;width:100%;height:100%;object-fit:contain}.gallery-photo .story-film{width:100%;height:100%}.next-story{margin-top:64px}.next-story:hover strong{color:var(--taupe)}
@media(hover:hover) and (pointer:fine){.gallery-photo>img{transition:transform .8s ease}.gallery-photo:hover>img{transform:scale(1.015)}}
@media(max-width:600px){.story-gallery,.next-story{width:calc(100% - 24px)}.story-gallery{margin-top:20px}.gallery-title{font-size:30px;margin-bottom:24px}.next-story{margin-top:40px}.gallery-photo .film-sound{font-size:9px;padding:6px;max-width:calc(100% - 12px)}}
@media(prefers-reduced-motion:reduce){.gallery-photo>img{transition:none!important;transform:none!important}}
