/* Shared cinematic image language: meaning lives inside the image, never as a report beneath it. */
.cinematic-media{position:relative;overflow:hidden;isolation:isolate;background:#090b0a}
.cinematic-media>img,.cinematic-media>.media-cover{transform:scale(1.055);filter:saturate(.9) contrast(1.035);transition:transform 1.8s cubic-bezier(.16,1,.3,1),filter 1.2s ease}
.cinematic-media.cinematic-in>img,.cinematic-media.cinematic-in>.media-cover{transform:scale(1)}
.cinematic-media:after{content:"";position:absolute;z-index:1;inset:38% 0 0;pointer-events:none;background:linear-gradient(transparent,rgba(0,0,0,.78));opacity:.9}
.cinematic-media figcaption,.cinematic-media>.photo-copy,.cinematic-media>.experience-copy{position:absolute!important;z-index:3!important;right:0!important;bottom:0!important;left:0!important;margin:0!important;padding:clamp(22px,4vw,54px)!important;border:0!important;background:none!important;color:#fff!important;transform:translateY(22px);opacity:0;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease}
.cinematic-media.cinematic-in figcaption,.cinematic-media.cinematic-in>.photo-copy,.cinematic-media.cinematic-in>.experience-copy{transform:none;opacity:1}
.cinematic-media figcaption{font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(22px,2.4vw,38px)!important;line-height:1.05!important;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.cinematic-media .photo-copy h3,.cinematic-media .experience-copy h3{font-size:clamp(34px,4vw,66px)!important;line-height:.95!important}
.cinematic-media .photo-copy p,.cinematic-media .experience-copy p{max-width:620px;color:rgba(255,255,255,.78)!important}
.cinematic-auto-copy{position:absolute;z-index:4;right:0;bottom:0;left:0;padding:clamp(24px,4vw,58px);color:#fff;pointer-events:none;transform:translateY(24px);opacity:0;transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .8s ease}
.cinematic-in .cinematic-auto-copy{transform:none;opacity:1}.cinematic-auto-copy span{display:block;margin-bottom:12px;font:600 10px/1.2 Inter,sans-serif;letter-spacing:.22em;text-transform:uppercase}.cinematic-auto-copy h3{max-width:760px;margin:0;font:300 clamp(38px,5vw,78px)/.92 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em}.cinematic-auto-copy p{max-width:620px;margin:12px 0 0;color:rgba(255,255,255,.76);font:300 clamp(17px,1.7vw,25px)/1.25 "Cormorant Garamond",Georgia,serif}
.band-media.cinematic-media,.split-media.cinematic-media,.full-bleed.cinematic-media,.pool-slide.cinematic-media{min-height:clamp(480px,62vw,760px)}
.band-media.cinematic-media{width:100%;min-width:0;min-height:0!important;height:clamp(520px,62vw,760px);aspect-ratio:auto!important}
.full-bleed.cinematic-media .full-bleed-quote{position:absolute!important;z-index:4!important;right:7vw!important;bottom:8vh!important;left:7vw!important;margin:0!important;color:#fff!important;font-size:clamp(34px,5vw,76px)!important;line-height:.94!important;text-shadow:0 4px 28px rgba(0,0,0,.48)}
.pool-slide.cinematic-media{min-width:0!important}.pool-slide.cinematic-media:after{inset:32% 0 0}
.specs-full{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}

/* Image-led product tiles keep their name and invitation over the visual. */
.prod-chip.has-image.cinematic-media{min-height:clamp(360px,42vw,560px)!important;padding:0!important;border:0!important}
.prod-chip.has-image.cinematic-media:after{inset:28% 0 0}
.prod-chip.has-image.cinematic-media .prod-chip-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important}
.prod-chip.has-image.cinematic-media .prod-chip-dot{position:absolute!important;z-index:3;top:24px;left:24px}
.prod-chip.has-image.cinematic-media .prod-chip-name,.prod-chip.has-image.cinematic-media .prod-chip-tag,.prod-chip.has-image.cinematic-media .prod-chip-arrow{position:absolute!important;z-index:3;left:clamp(22px,3vw,40px);right:clamp(22px,3vw,40px);color:#fff!important}
.prod-chip.has-image.cinematic-media .prod-chip-name{bottom:86px;font-family:"Cormorant Garamond",Georgia,serif!important;font-size:clamp(34px,3.8vw,54px)!important;line-height:1!important}
.prod-chip.has-image.cinematic-media .prod-chip-tag{bottom:55px;color:rgba(255,255,255,.72)!important}
.prod-chip.has-image.cinematic-media .prod-chip-arrow{bottom:24px}

/* Hero copy remains fused to its image and arrives with restrained life. */
.hero-shot.cinematic-media:after,.hero.cinematic-media:after{inset:0;background:linear-gradient(90deg,rgba(0,0,0,.75),rgba(0,0,0,.08) 72%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 58%)}
.hero-shot.cinematic-media .hero-inner,.hero-shot.cinematic-media .hero-shot-inner,.hero.cinematic-media .hero-copy{position:relative;z-index:3}
.cinematic-lift{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform 1.1s cubic-bezier(.16,1,.3,1)}
.cinematic-in .cinematic-lift{opacity:1;transform:none}

@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .cinematic-media:hover>img,.cinematic-media:hover>.media-cover{transform:scale(1.025)}
}
@media(prefers-reduced-motion:reduce){
  .cinematic-media>img,.cinematic-media>.media-cover,.cinematic-media figcaption,.cinematic-media>.photo-copy,.cinematic-media>.experience-copy,.cinematic-lift{transition:none!important;transform:none!important;opacity:1!important}
}
@media(max-width:720px){
  .cinematic-media figcaption,.cinematic-media>.photo-copy,.cinematic-media>.experience-copy{padding:24px!important}
  .prod-chip.has-image.cinematic-media{min-height:72svh!important}
  .band-media.cinematic-media,.split-media.cinematic-media,.full-bleed.cinematic-media,.pool-slide.cinematic-media{min-height:70svh}
  .split-media.cinematic-media{width:100%!important;min-width:0!important;aspect-ratio:auto!important}
}