.film,.film-words{max-width:72rem;margin:0 auto}.film-frame{position:relative;overflow:hidden;aspect-ratio:var(--film-wide);border:1px solid var(--color-rule);background:var(--color-surface)}@media(orientation:portrait)and (max-width:639px){.film-frame{aspect-ratio:var(--film-tall)}.film,.film-words{max-width:50.625svh}}.film-frame img,.film-frame>video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.film-toggle{position:absolute;bottom:clamp(.75rem,.5rem + 1vw,1.25rem);left:clamp(.75rem,.5rem + 1vw,1.25rem);display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0b0a149e;color:#fff;cursor:pointer;transition:background-color .2s var(--ease-out-expo)}.film-toggle:hover,.film-sound:hover{background:#0b0a14db}.film-sound{position:absolute;right:clamp(.75rem,.5rem + 1vw,1.25rem);bottom:clamp(.75rem,.5rem + 1vw,1.25rem);display:inline-flex;align-items:center;gap:.5rem;height:2.75rem;padding:0 1.125rem 0 .9375rem;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#0b0a14b8;color:#fff;font:inherit;font-size:var(--step-sm);font-weight:500;line-height:1;cursor:pointer;transition:background-color .2s var(--ease-out-expo)}.film[data-state=rest] .film-toggle{bottom:50%;left:50%;width:4.5rem;height:4.5rem;transform:translate(-50%,50%)}.film[data-state=rest] .film-toggle svg{width:1.625rem;height:1.625rem}@media(max-width:639px){.film-toggle{width:2.25rem;height:2.25rem}.film[data-state=rest] .film-toggle{width:3.5rem;height:3.5rem}.film-sound{height:2.25rem;padding:0 .875rem 0 .75rem;font-size:var(--step-xs)}}.film-caption{margin-top:.875rem}.film-words{margin-top:.5rem;color:var(--color-text-secondary);font-size:var(--step-sm)}.film-words summary{display:inline-flex;align-items:center;gap:.375rem;min-height:2.75rem;color:var(--color-text-primary);text-decoration:underline;text-decoration-color:var(--color-rule);text-underline-offset:.25em;cursor:pointer;list-style:none}.film-words summary::-webkit-details-marker{display:none}.film-words summary:after{content:"";width:.4375rem;height:.4375rem;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-.125rem) rotate(45deg);transition:transform .2s var(--ease-out-expo)}.film-words[open] summary:after{transform:translateY(.125rem) rotate(-135deg)}.film-words summary:hover{text-decoration-color:currentColor}.film-words-body{display:grid;gap:.75rem;max-width:40rem;padding:.25rem 0 .5rem;line-height:1.6}.film-words-body ul{display:grid;gap:.25rem;padding-left:1.125rem;list-style:disc}