/* Media-only homepage layer. Existing hero dimensions, copy and buttons stay shared. */
.home.clt-site .clt-home-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;filter:brightness(.62) saturate(.93);pointer-events:none}
.home.clt-site .clt-home-cinema.has-video-frame .clt-home-video{opacity:1}
.home.clt-site .clt-home-video-toggle{position:absolute;left:24px;right:auto;bottom:24px;z-index:3;min-height:44px;padding:10px 16px;border:1px solid #fff8ed;background:#071713e8;color:#fff8ed;font:500 12px/1.5 "Manrope CLT",Arial,sans-serif;letter-spacing:.02em;cursor:pointer;border-radius:0}
.home.clt-site .clt-home-video-toggle[hidden]{display:none}
.home.clt-site .clt-home-video-toggle:hover{background:#172b27}
.home.clt-site .clt-home-video-toggle:focus-visible{outline:2px solid #fff8ed;outline-offset:4px}
@media(max-width:650px){.home.clt-site .clt-home-video-toggle{left:18px;right:auto;bottom:70px}}

/* Journey films share the homepage playback controller, within their existing heroes. */
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero{--clt-film-position:50% 50%}
#main-content.cr75-transatlantic .clt-journey-video-hero{--clt-film-position:50% 25%}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero::before{background-position:var(--clt-film-position);filter:brightness(.8)}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero::after{background:linear-gradient(90deg,rgba(5,17,14,.66),rgba(5,17,14,.32) 52%,rgba(5,17,14,.05))}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero .clt-home-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;object-position:var(--clt-film-position);opacity:0;filter:brightness(.8);pointer-events:none}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero.has-video-frame .clt-home-video{opacity:1}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero .clt-home-video-toggle{position:absolute;right:24px;bottom:18px;z-index:3;min-height:44px;padding:10px 16px;border:1px solid #fff8ed;background:#071713e8;color:#fff8ed;font:500 12px/1.5 "Manrope CLT",Arial,sans-serif;cursor:pointer;border-radius:0}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero .clt-home-video-toggle[hidden]{display:none}
#main-content:is(.hm69-page,.oc71-page,.cr75-transatlantic) .clt-journey-video-hero .clt-home-video-toggle:focus-visible{outline:2px solid #fff8ed;outline-offset:4px}
@media(min-width:651px){
 /* Occasion films inherit their existing responsive height; retain control space. */
 #main-content:is(.hm69-page,.oc71-page) .clt-journey-video-hero:not(.clt-celebration-travel-hero){padding-bottom:76px}
}
@media(max-width:650px){
 #main-content:is(.hm69-page,.oc71-page) .clt-journey-video-hero .clt-home-video{height:220px;filter:none}
 #main-content:is(.hm69-page,.oc71-page) .clt-journey-video-hero::before{filter:none}
 #main-content:is(.hm69-page,.oc71-page) .clt-journey-video-hero .clt-home-video-toggle{top:162px;bottom:auto;right:14px}
 /* Keep the crossing film within the standard cruise hero. Reserve a
    separate control row below the planning buttons so they never overlap. */
 #main-content.cr75-transatlantic .clt-hero-copy{padding-bottom:80px}
 #main-content.cr75-transatlantic .clt-journey-video-hero .clt-home-video{filter:brightness(.62)}
 #main-content.cr75-transatlantic .clt-journey-video-hero .clt-home-video-toggle{top:auto;bottom:18px;right:18px}
}

/* Milestones keeps its existing height; its new control clears stacked tablet CTAs. */
@media(min-width:651px) and (max-width:767px){
 #main-content.clt-celebration-travel-page .clt-journey-video-hero .clt-home-video-toggle{top:12px;bottom:auto}
}