.company-film{margin:0 var(--gutter);padding:30px 0 72px;scroll-margin-top:110px}
.company-film-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:28px}
.company-film-heading h2{font-size:clamp(27px,3vw,42px);line-height:1.18;max-width:650px;margin-top:12px;text-wrap:balance}
.company-film-heading>p{max-width:330px;font-size:14px;color:var(--muted);line-height:1.7}
.company-film-player{overflow:hidden;border:1px solid #b8cde62e;border-radius:12px;background:#0c1015}
.company-film-picture{position:relative;aspect-ratio:16/9;background:#090c10}
.company-film-picture video{display:block;width:100%;height:100%;object-fit:contain}
.company-film-picture video::cue{color:#fff;background:#10151bea;font:16px Arial,sans-serif}
.company-film-cover{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:14px;white-space:nowrap;padding:15px 24px;border:1px solid #d6e7fc66;border-radius:100px;color:#f2f4f7;background:#3544545c;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);font-size:15px;box-shadow:inset 0 1px 0 #ffffff21;transition:background .25s,border-color .25s}
.company-film-cover:hover{background:#465d7380;border-color:#dcecffaa}
.company-film-play-icon{display:flex;width:22px;height:22px}.company-film-play-icon svg{width:100%;height:100%}
.company-film-runtime{color:#c3cdd7}
.company-film-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 18px;border-top:1px solid #b8cde620;background:#151c24}
.company-film-controls button{min-height:44px;padding:8px 12px;border:1px solid transparent;border-radius:6px;background:transparent;color:#d8e0e9;font-size:12px;line-height:1.35}
.company-film-controls button:hover{background:#adc9e410}.company-film-controls button[aria-pressed=true]{border-color:#a6c3df77;background:#adc9e414}
.company-film-transport{display:flex;align-items:center;gap:12px;flex:1;min-width:260px}
.company-film-transport input{flex:1;min-width:60px;height:44px;accent-color:#bad5ed;cursor:pointer}
.company-film-transport [data-film=time]{font-size:11px;white-space:nowrap;font-variant-numeric:tabular-nums;color:#c1cbd5}
.company-film-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:20px}
.company-film-note,.company-film-status{font-size:12px;color:var(--muted)}.company-film-status:empty{display:none}.company-film-status{margin-top:6px;color:#e0cda8}
.company-film-explore{font-size:14px;min-height:44px;display:inline-flex;gap:24px;align-items:center;border-bottom:1px solid #b8cde646;color:#d6e7f7}
.company-film-explore:hover{border-color:#d6e7f7}.company-film-original{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-size:12px;color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.company-film-player:fullscreen{display:flex;flex-direction:column;justify-content:center;border:0;border-radius:0;background:#090c10}
.company-film-player:fullscreen .company-film-picture{min-height:0;flex:1;aspect-ratio:auto}
.company-film-player:fullscreen .company-film-controls{flex:none}
@media(max-width:700px){.company-film{padding:20px 0 44px}.company-film-heading{display:block;margin-bottom:20px}.company-film-heading>p{max-width:100%;margin-top:16px}.company-film-cover{padding:10px 16px;font-size:13px;gap:8px}.company-film-play-icon{width:18px;height:18px}.company-film-controls{padding:8px;gap:2px}.company-film-transport{flex-basis:100%;min-width:0;gap:6px}.company-film-controls button{padding:8px;font-size:11px}.company-film-bottom{display:block}.company-film-explore{margin-top:12px}.company-film-picture video::cue{font-size:12px}}
@media(prefers-reduced-motion:reduce){.company-film *{transition:none!important}}
