@font-face{font-family:FilmTitle;src:url('assets/title-xiaowei.ttf') format('truetype');font-display:swap}
/* One continuous painted composition, with the selected film still as its focal point. */
.premiere{position:relative;isolation:isolate;overflow:hidden;background:#f5f0eb;min-height:650px;color:#35455c}
.premiere:before{content:'';position:absolute;inset:0;z-index:-2;background:url('assets/web-cover.png') center/cover no-repeat;opacity:.2;pointer-events:none}
.premiere-art{position:absolute;z-index:-1;right:-2%;top:0;bottom:0;width:78%;mask-image:linear-gradient(90deg,transparent 0%,#000 31%,#000 100%)}
.premiere-art img{width:100%;height:100%;object-fit:cover;object-position:64% center;mask-image:linear-gradient(180deg,#000 0%,#000 78%,transparent 100%)}
.premiere-inner{min-height:600px;display:flex;align-items:center;position:relative;padding-top:55px;padding-bottom:72px}
.premiere-copy{width:470px;max-width:45%;position:relative;padding:0 0 10px}
.premiere-series{display:flex;align-items:center;gap:15px;font-size:13px;letter-spacing:3px;color:#5b5365;margin-bottom:27px}
.premiere-series span{letter-spacing:1px;font-size:10px;background:#e6c8d4;padding:3px 9px;border-radius:4px;color:#72465e}
.premiere h1{font-family:FilmTitle,'Songti SC',serif;font-size:clamp(60px,6.5vw,88px);font-weight:400;line-height:1.2;letter-spacing:-.015em;text-shadow:none;transform:none;margin:0 0 25px;white-space:nowrap}
.premiere h1 em{font-style:normal;color:#a94f70}
.premiere-story{font-size:15px;line-height:2;color:#514b5b;max-width:30ch}
.premiere-actions{display:flex;align-items:center;gap:30px;margin-top:32px}
.premiere-play{display:flex;align-items:center;gap:14px;text-align:left;padding:0;color:#76405c;min-height:62px}
.play-orbit{display:grid;place-items:center;width:58px;height:58px;background:#a75173;border-radius:50%;color:#fff7ed;font-size:16px;padding-left:3px;box-shadow:0 0 0 6px #a7517310;transition:transform .25s,background .25s}
.premiere-play strong{font-weight:600;font-size:14px;display:block;letter-spacing:1px}.premiere-play small{font-size:10px;color:#635767;display:block;margin-top:5px;letter-spacing:.4px}
.premiere-play:hover .play-orbit{transform:scale(1.07);background:#8e3f60}.premiere-play:hover{color:#5d2b47}
.premiere-making{font-size:12px;border-bottom:1px solid #ac8395;padding:7px 0;white-space:nowrap;color:#674258}.premiere-making span{margin-left:7px}
.premiere-foot{display:flex;align-items:center;justify-content:space-between;position:relative;gap:20px;padding-top:10px;padding-bottom:24px;font-size:11px;color:#645968;letter-spacing:1px}.premiere-foot>a{font-size:10px}.premiere-foot>a span{font-size:18px;margin-left:15px}
@media(min-width:1550px){.premiere-inner{min-height:680px}.premiere-art{width:76%;right:0}.premiere h1{font-size:92px}.premiere-copy{width:510px}}
@media(max-width:1000px) and (min-width:701px){.premiere-inner{min-height:570px}.premiere-copy{max-width:47%;width:430px}.premiere h1{font-size:65px}.premiere-art{width:83%;right:-8%;mask-image:linear-gradient(90deg,transparent,#000 39%)}.premiere-actions{gap:17px}.premiere-story{font-size:14px}.play-orbit{width:51px;height:51px}.premiere-play small{font-size:9px}.premiere-play strong{font-size:13px}.premiere-making{font-size:11px}.premiere-series{font-size:11px;letter-spacing:2px}}
@media(max-width:700px){.premiere{min-height:0;background:#f6f0ed}.premiere:before{opacity:.12;background-position:left top}.premiere-inner{display:block;min-height:0;padding:32px 25px 0}.premiere-copy{max-width:100%;width:100%;padding:0}.premiere-series{font-size:11px;letter-spacing:2px;margin-bottom:18px}.premiere h1{font-size:59px;margin-bottom:19px;line-height:1.12}.premiere-story{font-size:13px;line-height:1.9}.premiere-actions{margin-top:22px;gap:26px}.play-orbit{width:48px;height:48px;font-size:13px}.premiere-play{gap:12px;min-height:52px}.premiere-play strong{font-size:13px}.premiere-play small{font-size:9px}.premiere-making{font-size:11px}.premiere-art{position:relative;inset:auto;width:112%;height:330px;margin:-6px -6% 0;z-index:-1;mask-image:linear-gradient(180deg,transparent 0%,#000 17%,#000 83%,transparent 100%)}.premiere-art img{object-position:63% center;mask-image:none}.premiere{display:flex;flex-direction:column}.premiere-inner{order:0}.premiere-art{order:1}.premiere-foot{order:2;padding:0 25px 23px;width:100%;font-size:9px;margin-top:-4px;letter-spacing:.5px}.premiere-foot>a{font-size:9px}.premiere-foot>a span{margin-left:6px;font-size:15px}}
@media(prefers-reduced-motion:reduce){.play-orbit{transition:none}}

/* Preserve source-frame detail: do not enlarge a 720p frame to fill tall desktop heroes. */
@media(min-width:701px){
 .premiere{min-height:600px}
 .premiere-inner{min-height:550px}
 .premiere-art{width:78%;max-width:1080px;top:0;bottom:0;right:0;mask-image:linear-gradient(90deg,transparent 0%,#000 25%,#000 100%)}
 .premiere-art img{height:100%;object-fit:cover;mask-image:linear-gradient(180deg,#000 0%,#000 90%,transparent 100%)}
}
@media(min-width:701px) and (max-width:1000px){.premiere-art{width:83%;right:-4%;mask-image:linear-gradient(90deg,transparent 0%,#000 35%,#000 100%)}}
@media(max-width:700px){.premiere-art{mask-image:linear-gradient(180deg,transparent 0%,#000 10%,#000 94%,transparent 100%)}}