
/* Approved cinematic treatment for the videoclip teaser. */
body.cinema-video .video-section{background:#100e0c}
.cinema-video .video-heading{margin-bottom:18px}
.cinema-video .video-heading h2{font-size:clamp(42px,4.5vw,56px)}
.cinema-video .video-poster{aspect-ratio:2.65;min-height:350px;background:#100e0c;overflow:hidden}
.cinema-video .video-poster>img{position:absolute;inset:0 0 0 auto;width:82%;height:100%;object-fit:cover;object-position:50% 58%;z-index:-2;filter:saturate(.86) brightness(.91)}
.cinema-video .video-poster-shade{display:block;background:linear-gradient(90deg,#100e0c 0%,rgba(16,14,12,.99) 16%,rgba(16,14,12,.82) 29%,rgba(16,14,12,.24) 46%,rgba(16,14,12,0) 61%,rgba(16,14,12,.28) 84%,#100e0c 100%),linear-gradient(0deg,#100e0c 0%,rgba(16,14,12,.08) 28%,rgba(16,14,12,0) 65%,#100e0c 100%)}
.cinema-video .video-poster figcaption{min-height:0;height:100%;padding:28px 0 40px;justify-content:center;background:none}
.cinema-video .coming-soon{display:flex;align-items:center;gap:12px;padding:0;border:0;background:none;font-size:8px;letter-spacing:2.2px;color:#d6b896}
.cinema-video .coming-soon:before{content:'';width:22px;height:1px;background:#b58d66}
.cinema-video .video-release{margin-top:32px;font-size:8px;letter-spacing:3px;color:#bbaa97}
.cinema-video .video-name{font-size:clamp(42px,4.3vw,58px);margin:15px 0 20px;letter-spacing:-1px;line-height:1.07}
.cinema-video .video-name em{color:#d8b38d}
.cinema-video .video-label{font-size:8px;letter-spacing:2.6px;color:#a99680}
.cinema-video .video-production{bottom:16px;right:22px;font-size:7px;letter-spacing:1.7px;color:#b7a18a}
.cinema-video .video-note{margin-top:12px;font-size:12px;color:#a89884;max-width:570px}
@media(max-width:760px){
 .cinema-video .video-heading{margin-bottom:4px}
 .cinema-video .video-heading h2{font-size:45px}
 .cinema-video .video-heading>p{font-size:12px;margin-top:17px}
 .cinema-video .video-poster{min-height:0;aspect-ratio:auto;height:375px;overflow:hidden}
 .cinema-video .video-poster>img{width:125%;max-width:none;height:242px;left:5%;right:auto;top:0;object-position:50% 55%;filter:saturate(.88) brightness(.92)}
 .cinema-video .video-poster-shade{background:linear-gradient(0deg,#100e0c 0%,#100e0c 27%,rgba(16,14,12,.80) 42%,rgba(16,14,12,0) 68%,#100e0c 100%),linear-gradient(90deg,#100e0c 0%,rgba(16,14,12,0) 32%,rgba(16,14,12,0) 76%,#100e0c 100%)}
 .cinema-video .video-poster figcaption{padding:180px 0 43px;justify-content:flex-start;position:relative}
 .cinema-video .coming-soon{font-size:7px;letter-spacing:1.8px;gap:9px}
 .cinema-video .video-release{margin-top:23px;font-size:7px;letter-spacing:2.6px}
 .cinema-video .video-name{font-size:clamp(34px,9.5vw,43px);margin:10px 0 15px;line-height:1.08}
 .cinema-video .video-name br{display:none}
 .cinema-video .video-production{left:0;bottom:9px;right:auto;font-size:7px;letter-spacing:1.3px}
 .cinema-video .video-note{font-size:11px;margin-top:14px}
}
@media(max-width:360px){.cinema-video .video-heading h2{font-size:39px}.cinema-video .video-poster{height:361px}.cinema-video .video-poster>img{height:220px}.cinema-video .video-poster figcaption{padding-top:167px}.cinema-video .video-name{font-size:34px}}

/* Keep the cinematic frame inside the page at tablet widths. */
.cinema-video .video-poster{width:100%;max-width:100%;min-width:0}
