.showreel-open{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;margin:0;background:var(--sr-bg);border-radius:var(--sr-radius);overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}
.showreel-open img,.showreel-open video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.showreel-open video{opacity:0;transition:opacity .4s ease}
.showreel.is-playing video{opacity:1}
.showreel-open:focus-visible{outline:2px solid var(--sr-focus);outline-offset:4px}
.showreel-play{position:absolute;right:20px;bottom:20px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:rgba(0,0,0,.45);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18);backdrop-filter:blur(8px);transition:transform .2s ease,background .2s ease}
.showreel-open:hover .showreel-play{transform:scale(1.06);background:rgba(0,0,0,.6)}
.showreel-dialog{padding:0;border:0;background:transparent;overflow:visible;max-width:none;max-height:none}
.showreel-dialog::backdrop{background:rgba(0,0,0,.86)}
.showreel-dialog video{display:block;aspect-ratio:16/9;width:min(92vw,calc(86vh * 16 / 9));height:auto;border-radius:var(--sr-radius-sm);background:#000}
.showreel-dialog[data-shape="9x16"] video{aspect-ratio:9/16;width:auto;height:min(86vh,calc(92vw * 16 / 9))}
.showreel-close{position:absolute;top:-56px;right:0;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;color:#fff;background:rgba(255,255,255,.12);cursor:pointer}
.showreel-close:focus-visible{outline:2px solid var(--sr-focus);outline-offset:2px}
@media (max-width:640px){.showreel-open{aspect-ratio:9/16}.showreel-play{right:14px;bottom:14px}.showreel-close{top:-52px}}
@media (prefers-reduced-motion:reduce){.showreel-open video{transition:none}.showreel-play{transition:none}}
.showreel{--sr-bg:#0B211D;--sr-radius:18px;--sr-radius-sm:14px;--sr-focus:var(--mint);position:relative;z-index:2;background:var(--deep);padding:0 max(20px,calc((100vw - 1280px)/2))}
.showreel-frame{max-width:1280px;margin:0 auto;padding:8px;border:1px solid rgba(245,242,234,.12);border-radius:26px;background:#0B211D;box-shadow:0 60px 120px -50px rgba(0,0,0,.85),inset 0 0 0 7px rgba(245,242,234,.045)}
@media (max-width:640px){.showreel-frame{max-width:420px;border-radius:20px}.showreel{--sr-radius:14px}}
.showreel.hero-reel{padding:0;background:none;align-self:center;min-width:0}.hero-reel .showreel-frame{max-width:none}
@media (max-width:980px){.hero-v2-inner{gap:0}.hero-reel{margin-top:30px}.hero-v2-copy{display:contents}.hero-v2-copy>small{order:2}.hero-reel .showreel-frame{max-width:420px}}