.film{margin:0 auto;max-width:1080px}.film.is-vertical{max-width:360px}.film-plate{position:relative;border-radius:18px;overflow:hidden;background:var(--xr-cover);box-shadow:0 40px 80px -40px rgba(23,32,51,.45),0 0 0 1px rgba(184,151,90,.45)}.film-plate:after{content:"";position:absolute;inset:8px;border:1px solid rgba(217,196,155,.55);border-radius:12px;pointer-events:none}.film.is-vertical .film-plate{border-radius:28px}.film-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.film.is-vertical .film-video{aspect-ratio:9/16}.film-sound{position:absolute;right:18px;bottom:18px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;border:1px solid rgba(217,196,155,.8);background:rgba(11,47,107,.82);color:#FBF6ED;font:600 14px/1 var(--font-sans);letter-spacing:.06em;cursor:pointer;transition:background .2s cubic-bezier(.16,1,.3,1)}.film-sound:hover{background:rgba(11,47,107,.95)}.film-sound:focus-visible{outline:2px solid #F3E3BD;outline-offset:3px}.film-sound svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.film-caption{margin-top:12px;text-align:center;font-size:13px;color:#4A5468;letter-spacing:.06em}@media (prefers-reduced-motion:reduce){.film-sound{transition:none}}.film-section{padding-block:clamp(24px,4vw,56px)}