.scarlet .trailer{margin-top:clamp(3rem,7vh,4.5rem)}.scarlet .trailer__head{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.scarlet .trailer__frame{aspect-ratio:16/9;background:var(--black);position:relative;overflow:hidden}.scarlet .trailer__play{width:100%;height:100%;display:block;position:relative}.scarlet .trailer__play img{object-fit:cover;opacity:.78;width:100%;height:100%;transition:opacity .4s var(--ease), transform .9s var(--ease)}.scarlet .trailer__icon{width:4.5rem;height:4.5rem;transition:background-color .3s var(--ease), transform .16s var(--ease);border:1px solid #fcefe5b3;border:1px solid lab(95.3209% 3.42041 6.6903/.7);border-radius:50%;margin:auto;position:absolute;inset:0}.scarlet .trailer__icon:before{content:"";border-left:14px solid var(--ivory);border-block:9px solid #0000;position:absolute;top:50%;left:50%;transform:translate(-36%,-50%)}.scarlet .trailer__play:active .trailer__icon{transform:scale(.96)}@media (hover:hover) and (pointer:fine){.scarlet .trailer__play:hover img{opacity:1;transform:scale(1.015)}.scarlet .trailer__play:hover .trailer__icon{background-color:#fcefe51a;background-color:lab(95.3209% 3.42041 6.6903/.1)}}.scarlet .trailer__play--out .trailer__icon:before{content:none}.scarlet .trailer__play--out svg{fill:none;width:1.6rem;height:1.6rem;stroke:var(--ivory);stroke-width:1.2px;margin:auto;position:absolute;inset:0}.scarlet .trailer iframe{border:0;width:100%;height:100%;display:block}.scarlet .trailer__note{max-width:60ch;color:var(--ash-2);margin-top:.6rem;font-size:.85rem;line-height:1.5}