.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{padding:0 80px}.showreel-frame{max-width:1280px;margin:0 auto;padding:7px;border:1px solid #34302a;border-radius:32px;background:#171512}.showreel{--sr-bg:var(--ink);--sr-radius:25px;--sr-radius-sm:20px;--sr-focus:#ffb454}
@media(min-width:901px) and (max-width:1350px){.showreel{padding-left:40px;padding-right:40px}}
@media(max-width:900px){.showreel{padding:0 24px}}
@media(max-width:640px){.showreel-frame{max-width:420px;border-radius:26px;padding:6px}.showreel{--sr-radius:20px}}
@media(max-width:430px){.showreel{padding-left:16px;padding-right:16px}}
.showreel.hero-reel{padding:0;align-self:center;width:100%}.hero-reel .showreel-frame{max-width:none}
@media(max-width:900px){.hero-grid{gap:26px!important}.hero-grid>.hero-copy{display:contents!important}.hero-copy>.hero-checks,.hero-copy>.hero-checks~p{order:2}.hero-reel .showreel-frame{max-width:420px}}