.story-film{margin:clamp(32px,5vw,64px) 0;padding:clamp(18px,3vw,34px);border:1px solid var(--line,#ffffff1b);border-radius:var(--radius,16px);background:#171714f2;box-shadow:0 20px 65px #0003;scroll-margin-top:100px}
.story-film__heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:22px}
.story-film .eyebrow{margin:0 0 10px;color:var(--orange,#fd7e14)}
.story-film h3{font-size:clamp(25px,3.4vw,42px);line-height:1.16;margin:0;letter-spacing:-.025em}
.story-film__intro{max-width:30ch;color:var(--muted,#b4b0a5);margin:0;line-height:1.65}
.story-film__screen{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:10px;background:#080808;border:1px solid #ffffff12}
.story-film__poster,.story-film__video{display:block;width:100%;height:100%;object-fit:contain;margin:0}
.story-film [hidden]{display:none!important}
.story-film__start{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(transparent 65%,#0009);text-decoration:none;color:#fff}
.story-film__play{display:grid;place-items:center;width:clamp(54px,7vw,84px);aspect-ratio:1;border-radius:50%;background:var(--orange,#fd7e14);color:#17120d;box-shadow:0 4px 28px #0008;transition:transform .18s ease,background .18s ease}
.story-film__play svg{width:32%;height:32%;margin-left:4px;fill:currentColor}
.story-film__start:hover .story-film__play{transform:scale(1.07);background:#ff9b43}
.story-film__start:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.story-film__label{position:absolute;left:20px;bottom:17px;display:flex;align-items:center;gap:10px;font-size:clamp(13px,1.6vw,16px);font-weight:700}
.story-film__label small{font-size:12px;font-weight:400;border:1px solid #ffffff66;border-radius:20px;padding:3px 9px}
.story-film__below{display:flex;justify-content:space-between;gap:12px;margin-top:13px;color:var(--muted,#b4b0a5);font-size:13px;line-height:1.55}
.story-film__below p{margin:0}.story-film a{color:inherit}.story-film__below a:hover,.story-film__credits a:hover{color:var(--orange,#fd7e14)}
.story-film__status{color:var(--text,#f3f1e9);font-size:14px}
.story-film__credits{margin-top:18px;padding-top:14px;border-top:1px solid var(--line,#ffffff1b);font-size:12px;line-height:1.7;color:var(--muted,#b4b0a5)}
.story-film__credits summary{cursor:pointer;width:fit-content;padding:4px 0}.story-film__credits p{margin:8px 0 0}
@media(max-width:760px){.story-film__heading{display:block}.story-film__intro{max-width:none;margin-top:12px}.story-film__label{left:12px;bottom:10px;gap:7px}.story-film__below{display:block}.story-film__below p+p{margin-top:7px}.story-film{padding:16px}.story-film__screen{border-radius:7px}}
@media(prefers-reduced-motion:reduce){.story-film__play{transition:none}}