.of-film-open{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(18px,3vw,28px);align-items:center}.of-film-text{min-width:0}.of-film-text > :first-child{margin-top:0}.of-film-text h1{font-size:clamp(1.95rem,1.1rem + 2.7vw,3.05rem);line-height:1.05;max-width:none}.of-film-text .lead{max-width:52ch}.of-film{margin:0;min-width:0}.of-film-frame{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:var(--r);border:1px solid var(--line-2);background:var(--film-bg);box-shadow:inset 0 1px 0 var(--edge),0 22px 48px -30px var(--shadow)}.of-film-poster,.of-film-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.of-film-poster picture,.of-film-poster img{display:block;width:100%;height:100%;object-fit:cover}.of-film-video{opacity:0;transition:opacity var(--t-reveal) var(--ease)}.of-film.is-started .of-film-video{opacity:1}.of-film-cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 16px;margin-top:10px}.of-film-note{margin:0;font-size:var(--fs-small);line-height:1.5;color:var(--muted);max-width:60ch}.of-film-toggle{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:var(--surface);color:var(--body);font-size:.82rem;font-weight:700;transition:border-color var(--t-state) var(--ease),color var(--t-state) var(--ease)}.of-film-toggle:hover{border-color:var(--accent);color:var(--ink)}.of-film-toggle:focus-visible{outline:2px solid var(--accent-text);outline-offset:3px}.of-film-toggle[hidden]{display:none}.of-film-ico{position:relative;display:block;width:12px;height:12px}.of-film-ico::before,.of-film-ico::after{content:"";position:absolute;top:1px;bottom:1px;background:currentColor;border-radius:1px}.of-film-ico::before{left:1px;width:3.5px}.of-film-ico::after{right:1px;width:3.5px}.of-film.is-paused .of-film-ico::before{left:2px;right:1px;width:auto;border-radius:0;clip-path:polygon(0 0,100% 50%,0 100%)}.of-film.is-paused .of-film-ico::after{display:none}.of-film-text .actions{margin-top:20px}@media (min-width:1080px){.of-film-open{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);column-gap:clamp(32px,4vw,56px)}.of-film-frame{aspect-ratio:16 / 9}}@media (max-width:700px){.of-film-open{gap:14px}.of-film-text .lead{font-size:1rem;line-height:1.5}.of-film-text h1{font-size:clamp(1.85rem,1.2rem + 3.6vw,2.2rem)}.of-film-frame{aspect-ratio:4 / 3}.of-film--flow .of-film-frame{aspect-ratio:16 / 10}.of-film--flow .of-film-poster img,.of-film--flow .of-film-video{object-position:68% 50%}.of-film-cap{margin-top:8px}.of-film-note{font-size:.8rem}}.of-film-below{padding-block:clamp(20px,3vw,32px) clamp(28px,4vw,48px)}.service-detail.of-film-page .service-opening-chapter{display:block}.service-detail.of-film-page .service-opening-chapter > .service-recording{margin-top:clamp(32px,4vw,48px);max-width:760px}.service-detail.of-film-page .service-opening-chapter > .service-framing{margin-top:clamp(32px,4vw,48px)}.of-film-below .sx-map{margin:0}.service-detail.of-film-page .service-opening-chapter > .sx-flow{margin-top:clamp(28px,3.6vw,44px)}