@font-face{font-family:Cinzel;src:url('fonts/cinzel.woff') format('woff');font-weight:400 900;font-display:swap}
@font-face{font-family:Manrope;src:url('fonts/manrope.woff') format('woff');font-weight:200 800;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#09080a;color:#e9dfd1;font-family:Manrope,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid #f2cfab;outline-offset:3px}[hidden]{display:none!important}
.masthead{position:relative;isolation:isolate;width:970px;height:250px;border:1px solid #41252c;background:#0b080c;overflow:hidden}
.media{position:absolute;left:0;top:0;width:444px;height:248px;background:#000;z-index:5;overflow:hidden;border-right:1px solid #9e65575c}
.video-mount{position:absolute;inset:0;background:#000;overflow:hidden}.video-mount>div,.video-mount iframe,.video-mount video{display:block;width:100%;height:100%;border:0}.video-mount video{object-fit:cover;background:#000;transform:scale(1.35);transform-origin:50% 50%}
.video-cover{position:absolute;inset:0;background:#0b080c}.video-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.8);pointer-events:none}
.video-cover::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#0009,transparent 25%,transparent 70%,#0005)}
.cover-badge{position:absolute;left:15px;top:14px;display:flex;gap:6px;align-items:center;color:#e4cfc0;z-index:2;font-size:6px;letter-spacing:1.8px;text-shadow:0 2px 6px #000}.cover-badge::before{content:'';width:3px;height:3px;background:#f4b39a;transform:rotate(45deg)}
.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:57px;height:57px;display:grid;place-items:center;border-radius:50%;border:1px solid #f0c9b19e;background:#170e1580;box-shadow:0 0 0 7px #ffffff08,0 4px 30px #0005;cursor:pointer;z-index:3;backdrop-filter:blur(5px);transition:background .25s,border-color .25s,box-shadow .25s}.cover-play svg{width:15px;height:19px;fill:none;stroke:#f9e4cb;stroke-width:1.1;margin-left:3px}.cover-play:hover{background:#67392bbc;border-color:#ffe8cd;box-shadow:0 0 0 11px #ecc9aa0d,0 4px 30px #0005}
.cover-caption{position:absolute;bottom:13px;right:14px;margin:0;color:#ddd0c6;font-size:6px;letter-spacing:1.5px;z-index:2;text-shadow:0 2px 6px #000}
.video-fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;background:radial-gradient(ellipse at 60% 35%,#43202c,#0c090d 75%);z-index:7}.video-fallback strong{font-family:Cinzel,Georgia,serif;font-weight:500;font-size:17px;line-height:1.4}.video-fallback p{font-size:9px;color:#b6a49a;line-height:1.7;max-width:260px;margin:10px 0 17px}.watch-external{color:#ead0b8;border:1px solid #b28f7470;text-decoration:none;font-size:8px;letter-spacing:1.4px;padding:12px 18px;background:#8a50321c}.retry{border:0;background:none;color:#9e8a7b;font-size:7px;padding:12px;cursor:pointer}
.branding{position:absolute;left:444px;top:0;width:524px;height:248px;background:radial-gradient(ellipse at 90% 40%,#461b2b,#0b080c 76%)}
.portrait{position:absolute;right:-27px;top:-35px;width:320px;height:325px;object-fit:cover;object-position:50% 30%;filter:saturate(.86) brightness(.83);mask-image:linear-gradient(90deg,transparent,#000 25%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 25%)}
.shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b080c 0%,#0b080cf5 32%,#0b080c80 54%,transparent 83%),linear-gradient(0deg,#0b080ccf,transparent 35%)}
.grain{position:absolute;inset:0;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
.kicker{position:absolute;left:26px;top:17px;z-index:3;margin:0;display:flex;gap:8px;align-items:center;font-size:5.8px;letter-spacing:1.45px;color:#c0a99c}.kicker::before{content:'';width:16px;height:1px;background:#a46a5b}
.film-link{position:absolute;left:25px;top:43px;width:251px;z-index:3;text-decoration:none}.film-title{font-family:Cinzel,Georgia,serif;font-weight:600;line-height:.99;margin:0}.film-title span{display:block;width:max-content;max-width:100%;background:linear-gradient(165deg,#f0e9dc 5%,#aaa8a4 27%,#f8efdf 46%,#a29b98 57%,#e1d7c5 77%,#8e8985 98%);color:transparent;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 2px 1px #000)}
.film-title .line-a{font-size:23px;letter-spacing:3.9px;margin-bottom:4px}.film-title .line-b{font-size:34px;letter-spacing:1.2px}.film-title .line-c{font-size:35px;letter-spacing:1.2px;margin-top:3px}
.ornament{height:7px;width:231px;display:flex;align-items:center;gap:8px;margin-top:8px}.ornament::before,.ornament::after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#8a4b44)}.ornament::after{transform:rotate(180deg)}.ornament i{width:3px;height:3px;border:1px solid #b2725a;transform:rotate(45deg)}.english-title{font-size:5px;letter-spacing:1.6px;text-align:center;width:231px;color:#9e8e82;margin:4px 0 0}
.tagline{position:absolute;left:26px;top:173px;z-index:3;font-family:Cinzel,Georgia,serif;font-weight:400;font-size:10px;margin:0;line-height:1.4;color:#cfbba8}.tagline em{font-style:normal;color:#e78e79}.tagline br{display:none}
.cta{position:absolute;left:26px;top:198px;width:173px;height:29px;border:1px solid #a3876d91;background:linear-gradient(115deg,#b78a5430,#b55a4020);text-decoration:none;color:#eddbc4;display:flex;align-items:center;justify-content:center;gap:12px;font-size:7px;font-weight:700;letter-spacing:1.3px;z-index:4;overflow:hidden;transition:background .25s,border-color .25s}.cta svg{width:14px;height:7px;fill:none;stroke:currentColor;stroke-width:1}.cta::after{content:'';position:absolute;top:-20px;left:-60px;width:35px;height:90px;background:linear-gradient(90deg,transparent,#fff2,transparent);transform:rotate(25deg);transition:left .6s}.cta:hover::after{left:220px}.cta:hover{background:#74433166;border-color:#e2b995}
.release{position:absolute;left:214px;top:202px;color:#d6c3ad;z-index:3;font-size:6px;letter-spacing:1.3px;line-height:1.4;margin:0}.release b{font-weight:500;display:block;letter-spacing:2.2px;font-size:10px}.legal{position:absolute;left:26px;bottom:5px;color:#75665e;font-size:4px;letter-spacing:.1px;z-index:3}
.tools{position:absolute;left:300px;top:17px;z-index:6;display:flex;align-items:center;gap:6px}.tool{display:flex;align-items:center;justify-content:center;gap:5px;background:#100b10a8;width:25px;height:25px;border:1px solid #ad8b764a;border-radius:50%;padding:0;cursor:pointer;transition:background .2s,border-color .2s}.tool:hover{background:#5f322a85;border-color:#d5ad8e}.tool svg{width:12px;height:12px;fill:none;stroke:#d5c0ad;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}.tool span{display:none}.sound-btn .slash{display:block}.sound-btn[aria-pressed=true] .slash{display:none}.pause-icon{display:none}.play-btn[data-playing=true] .pause-icon{display:block}.play-btn[data-playing=true] .play-icon{display:none}
.timecode{position:absolute;left:300px;top:52px;z-index:3;color:#c7b29f;font-size:7px;font-variant-numeric:tabular-nums;letter-spacing:.4px;text-shadow:0 2px 8px #000}
.playback-status{position:absolute;left:300px;top:68px;z-index:3;max-width:130px;display:flex;align-items:center;gap:5px;font-size:5.8px;letter-spacing:.65px;color:#ac9788;margin:0;line-height:1.6}.playback-status::before{content:'';height:3px;width:3px;flex:none;border-radius:50%;background:#9a6453}.masthead[data-state=playing] .playback-status::before{background:#d6b187;box-shadow:0 0 8px #eab78765}
.imax{position:absolute;right:16px;bottom:11px;z-index:3;font:900 15px Arial,sans-serif;letter-spacing:-.7px;color:#d4c6b7;text-shadow:0 2px 9px #000}
/* Exact halfpage canvas: YouTube viewport is 298 × 220, with no cropping of the trailer. */
.masthead[data-format=halfpage]{width:300px;height:600px}.masthead[data-format=halfpage] .media{width:298px;height:220px;border-right:0;border-bottom:1px solid #a36a5855}.masthead[data-format=halfpage] .video-cover>img{background:#000}.masthead[data-format=halfpage] .cover-badge{top:12px;left:14px;font-size:5px;letter-spacing:1.3px}.masthead[data-format=halfpage] .cover-caption{font-size:5px;bottom:11px;right:12px}.masthead[data-format=halfpage] .cover-play{width:48px;height:48px}.masthead[data-format=halfpage] .cover-play svg{width:12px;height:16px}
.masthead[data-format=halfpage] .branding{left:0;top:220px;width:298px;height:378px}.masthead[data-format=halfpage] .portrait{right:-75px;top:-22px;width:358px;height:364px;opacity:.55;mask-image:linear-gradient(0deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(0deg,transparent,#000 35%)}.masthead[data-format=halfpage] .shade{background:linear-gradient(90deg,#0b080cdb,#0b080c99 65%,#0b080c44),linear-gradient(0deg,#0b080c 3%,transparent 55%)}
.masthead[data-format=halfpage] .kicker{left:20px;top:23px;font-size:5.4px;letter-spacing:1px;gap:7px}.masthead[data-format=halfpage] .kicker::before{width:12px}.masthead[data-format=halfpage] .film-link{left:20px;top:52px;width:260px}.masthead[data-format=halfpage] .film-title .line-a{font-size:24px;letter-spacing:4px}.masthead[data-format=halfpage] .film-title .line-b{font-size:34px;letter-spacing:1.1px}.masthead[data-format=halfpage] .film-title .line-c{font-size:36px;letter-spacing:1.2px}.masthead[data-format=halfpage] .ornament{width:243px;margin-top:10px;height:7px}.masthead[data-format=halfpage] .english-title{width:243px;font-size:5px;letter-spacing:1.6px;margin-top:5px}.masthead[data-format=halfpage] .tagline{left:20px;top:187px;font-size:17px;line-height:1.35}.masthead[data-format=halfpage] .tagline br{display:block}
.masthead[data-format=halfpage] .tools{left:20px;top:246px;gap:9px;width:258px;border-top:1px solid #82615044;padding-top:10px;height:39px}.masthead[data-format=halfpage] .tool{width:25px;height:25px}.masthead[data-format=halfpage] .sound-btn{width:auto;padding:0 7px;border-radius:0;border:0;background:none;justify-content:flex-start}.masthead[data-format=halfpage] .sound-btn span{display:inline;font-size:6px;letter-spacing:1px}.masthead[data-format=halfpage] .replay-btn{border:0;background:none}.masthead[data-format=halfpage] .timecode{left:auto;right:21px;top:269px;font-size:6.2px}.masthead[data-format=halfpage] .playback-status{left:20px;top:294px;font-size:5.7px;max-width:255px;letter-spacing:.6px}
.masthead[data-format=halfpage] .cta{left:20px;top:317px;width:258px;height:34px;font-size:7px;letter-spacing:1.4px}.masthead[data-format=halfpage] .release{left:20px;top:362px;font-size:6px;letter-spacing:1.8px;line-height:1}.masthead[data-format=halfpage] .release b{display:inline;font-size:6px;margin-right:5px;letter-spacing:.9px}.masthead[data-format=halfpage] .imax{right:20px;bottom:10px;font-size:12px}.masthead[data-format=halfpage] .legal{left:20px;bottom:2px;font-size:3.4px;letter-spacing:0}.masthead[data-format=halfpage] .video-fallback{padding:20px}.masthead[data-format=halfpage] .video-fallback strong{font-size:14px}.masthead[data-format=halfpage] .video-fallback p{font-size:8px;margin:8px 0 12px}.masthead[data-format=halfpage] .watch-external{font-size:7px;padding:10px 15px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}