/* Reusable image chapters and page-specific homepage media composition. */
.parallax-viewport { position:relative; display:block; width:100%; height:clamp(390px,61vw,760px); overflow:hidden; background:var(--paper); }
.parallax-viewport > img { position:absolute; top:-80px; left:0; width:100%; height:calc(100% + 160px) !important; max-height:none; object-fit:cover; will-change:transform; }
.first-design #leisure { width:100%; max-width:none; padding:0 0 clamp(72px,8vw,130px); }
.first-design #leisure .story-photograph { width:100%; }
.first-design #leisure .story-photograph .parallax-viewport { border-radius:0; }
.first-design #leisure .story-photograph .parallax-viewport > img { height:calc(100% + 160px) !important; }
.first-design #leisure .story-copy { max-width:1280px; }
.leisure-story-copy { display:grid; grid-template-columns:minmax(0,1fr) minmax(270px,.65fr); align-items:start; gap:clamp(32px,5vw,90px); }
.leisure-copy-text { max-width:740px; }
.leisure-copy-text > p:not(.eyebrow) { margin-top:20px; font-size:14px; line-height:1.85; color:var(--muted); }
.leisure-copy-text > p.lead { font-size:18px; color:var(--ink); }
.leisure-copy-text .text-link { margin-top:22px; }
.leisure-film-preview { position:relative; display:block; align-self:center; border-radius:15px; overflow:hidden; border:1px solid var(--line); background:var(--paper); }
.leisure-film-media { position:relative; }
.leisure-film-preview video { display:block; width:100%; aspect-ratio:1.44; object-fit:cover; background:#000; }
.leisure-film-start { position:absolute; inset:0; width:100%; border:0; padding:0; background:transparent; cursor:pointer; }
.leisure-film-start[hidden] { display:none; }
.leisure-film-start:focus-visible { outline:3px solid var(--accent); outline-offset:-5px; }
.leisure-film-play { position:absolute; left:50%; top:42%; transform:translate(-50%,-50%); display:grid; place-items:center; width:62px; height:62px; border:1px solid rgba(255,255,255,.9); border-radius:50%; background:rgba(15,29,27,.43); color:#fff; font-size:29px; line-height:1; backdrop-filter:blur(10px); }
.leisure-film-label { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 19px; font-size:12px; }
.leisure-film-label span { color:var(--accent); font-size:17px; }
.first-design .leisure-gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); width:100%; margin:0; gap:24px; overflow:visible; scroll-snap-type:none; }
.first-design .leisure-gallery .editorial-card { min-width:0; flex:auto; scroll-snap-align:none; }
.first-design .leisure-gallery .editorial-card img { width:100%; height:auto; aspect-ratio:1.4; min-height:0; object-fit:cover; }
.first-design .leisure-gallery .editorial-card figcaption { width:auto; margin:0; padding:10px 20px 0; }
.first-design .leisure-gallery .editorial-card-copy { width:auto; margin:0; padding:17px 20px 24px; }
@media (max-width:860px) {
  .leisure-story-copy { grid-template-columns:1fr; }
  .leisure-film-preview { width:min(540px,100%); }
  .first-design .leisure-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .parallax-viewport { height:56svh; min-height:320px; }
  .first-design .leisure-gallery { grid-template-columns:1fr; gap:16px; }
  .leisure-film-play { width:52px; height:52px; font-size:25px; }
}
@media (prefers-reduced-motion:reduce) {
  .parallax-viewport > img { transform:none !important; will-change:auto; }
}