.trailer-screen :is(.trailer-canvas,.trailer-canvas-poster){position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;pointer-events:none;z-index:0}
.trailer-screen .trailer-canvas[hidden]{display:none}
@media(min-width:761px){.trailer-screen :is(.trailer-canvas,.trailer-canvas-poster){object-fit:cover;object-position:65% center}}
@media(max-width:760px){.trailer-screen :is(.trailer-canvas,.trailer-canvas-poster){mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 30%,rgba(0,0,0,.90) 42%,rgba(0,0,0,.65) 54%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.12) 76%,transparent 90%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 12%,#000 30%,rgba(0,0,0,.90) 42%,rgba(0,0,0,.65) 54%,rgba(0,0,0,.35) 65%,rgba(0,0,0,.12) 76%,transparent 90%,transparent 100%)}}

.trailer-screen .trailer-canvas-poster[hidden]{display:none!important}
.has-canvas-trailer main{position:relative}
/* Same circular speaker control as the existing desktop player. */
.has-canvas-trailer .canvas-sound{display:grid;place-items:center;position:absolute;top:28px;right:28px;z-index:8;width:44px;height:44px;min-height:44px;padding:10px;border:1px solid #ffffff30;border-radius:50%;background:#08090c80;backdrop-filter:blur(10px);color:#fff;opacity:0;pointer-events:none;transition:opacity .25s ease;transform:none;cursor:pointer}
.has-canvas-trailer .canvas-sound.sound-visible,.has-canvas-trailer .canvas-sound:focus-visible{opacity:1;pointer-events:auto}
.has-canvas-trailer .canvas-sound svg{width:22px;height:22px;display:block}
@media(max-width:760px){
 .has-canvas-trailer .canvas-sound{top:12px;right:12px;width:32px;height:32px;min-width:32px;min-height:32px;padding:6px}
 .has-canvas-trailer .canvas-sound svg{width:18px;height:18px}
 .has-canvas-trailer .canvas-sound::after{content:"";position:absolute;inset:-6px;border-radius:50%}
}
.has-canvas-trailer .canvas-sound .sound-slash,.has-canvas-trailer .canvas-sound.is-muted .sound-waves{display:none}
.has-canvas-trailer .canvas-sound.is-muted .sound-slash{display:block}
.has-canvas-trailer .canvas-sound[hidden]{display:none}

.trailer-canvas-poster{background-position:center;background-size:contain;background-repeat:no-repeat}
@media(min-width:761px){.trailer-canvas-poster{background-size:cover;background-position:65% center}}