.making-of{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:center;padding:56px 0 72px;border-top:1px solid var(--line);scroll-margin-top:24px}
.film-figure{margin:0;width:100%;max-width:360px;justify-self:center}
.film-player{position:relative;background:#06100f;border-radius:16px;overflow:hidden}
.film-player video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#06100f}
.film-figure figcaption{font-size:11px;line-height:1.6;margin-top:13px;color:#92a8a0}
.film-play{position:absolute;inset:0 0 56px;border:0;color:#fff;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;cursor:pointer;font:inherit}
.film-play[hidden]{display:none}
.film-play>span{display:grid;place-items:center;width:64px;height:64px;background:rgba(255,255,255,.95);color:#071716;border-radius:50%;font-size:22px;padding-left:4px}
.film-play b{font-size:13px;font-weight:500;text-shadow:0 1px 8px #000}
.film-play:focus-visible{outline:2px solid #fff;outline-offset:-6px}
.film-intro h2{font-size:clamp(32px,4.1vw,54px);line-height:1.08;letter-spacing:-.045em;margin:0 0 26px}
.film-intro>p:not(.eyebrow){max-width:520px;font-size:18px;line-height:1.7;color:#acbfba}
.film-intro>p.film-note{font-size:13px;margin-top:24px;color:#92a8a0}
.film-intro>a{display:inline-block;margin-top:16px;font-size:14px}
.story-film{margin:30px auto 38px}
@media(max-width:760px){.making-of{grid-template-columns:1fr;gap:32px;padding:36px 0 48px}.film-figure{max-width:340px}.film-intro h2{font-size:34px}.film-intro>p:not(.eyebrow){font-size:16px}.film-intro>p.film-note{font-size:12px}.story-film{max-width:320px}}