.film{position:relative;isolation:isolate;overflow:clip;padding:clamp(72px,9vw,132px) clamp(16px,4vw,64px);text-align:center}
.film::before{content:'';position:absolute;z-index:-1;inset:5% -10%;background:radial-gradient(ellipse,#fff9f4d9,transparent 70%);pointer-events:none}
.film-heading{margin-bottom:clamp(28px,4vw,52px)}
.film h2{margin:22px 0 0;font:700 clamp(44px,6.2vw,104px)/.95 var(--display);letter-spacing:-.06em;color:var(--ink)}
.film h2 span{color:var(--flame)}
.film-sub{margin:20px 0 0;font:450 clamp(16px,1.4vw,21px)/1.4 var(--body);letter-spacing:-.02em;color:var(--charcoal)}
.film-shell{max-width:1280px;margin:0 auto;overflow:hidden;border:1px solid #ffffffa6;border-radius:clamp(22px,3vw,40px);background:var(--paper);box-shadow:0 28px 80px -38px #6e2d0866}
.film-screen{position:relative;aspect-ratio:16/9;background:var(--paper)}
.film-screen video{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}
.film-play{position:absolute;left:50%;bottom:54px;translate:-50% 0;display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 21px;border-radius:999px;background:var(--ink);color:var(--paper);font:600 14px/1 var(--body);white-space:nowrap;box-shadow:0 8px 24px -12px #17120f80;transition:transform .16s var(--ease-out),background-color .16s ease}
.film-play svg{width:18px;height:18px;fill:currentColor}
.film-play:active{transform:scale(.97)}
.film-shell figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;border-top:1px solid var(--hair);font:500 12px/1.4 var(--body);color:var(--slate);text-align:left}
.film-shell figcaption>span:last-child{flex:none;font-family:var(--file);font-variant-numeric:tabular-nums}
@media(hover:hover) and (pointer:fine){.film-play:hover{background:var(--charcoal)}}
@media(max-width:760px){
 .film{padding:76px 18px 40px}
 .film h2{font-size:clamp(44px,12vw,72px)}
 .film-shell{max-width:400px;border-radius:26px}
 .film-screen{aspect-ratio:9/16}
 .film-shell figcaption{padding:15px 18px;font-size:11px}
}
.capture .film{display:none}