.intro-film{display:block;padding-block:clamp(30px,5vw,64px);background:#f3f7f8;color:#24343b;scroll-margin-top:100px}
.intro-film>h2{max-width:28ch;margin-bottom:24px}
.intro-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;border-radius:16px;overflow:hidden;box-shadow:0 12px 35px #29465312}
.intro-film video::cue{color:#fff;background:rgba(0,0,0,.78);font-family:Arial,sans-serif;font-size:clamp(15px,1.8vw,23px);line-height:1.35}
.intro-film-tools{display:flex;justify-content:flex-end;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;font-size:16px}
.intro-film-tools select{font:inherit;color:#24343b;background:#fff;border:1px solid #72878e!important;border-radius:10px;min-height:48px;padding:9px 38px 9px 14px;max-width:100%}
.intro-film-tools select:focus-visible{outline:2px solid #315e69;outline-offset:3px}
.intro-film-credits{font:13px/1.6 system-ui,sans-serif;color:#52666e;margin-top:8px}
.intro-film-credits summary{cursor:pointer;min-height:32px;display:list-item;width:max-content;max-width:100%}
.intro-film-credits p{font:inherit;margin:6px 0 0}
@media(max-width:600px){.intro-film video{border-radius:10px}.intro-film-tools{justify-content:flex-start}}