/* Hero showreel (same embed as flintlead.com), in the design's film frame */
.showreel-open{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;margin:0;background:#fff;border-radius:16px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 50px 90px -30px rgba(3,12,40,.65),0 0 0 1px rgba(255,255,255,.35)}
.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 #fff;outline-offset:4px}
.showreel-play{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;color:#fff;background:rgba(21,38,76,.9);transition:transform .2s ease}
.showreel-open:hover .showreel-play{transform:scale(1.06)}
.showreel-dialog{padding:0;border:0;background:transparent;overflow:visible;max-width:none;max-height:none}
.showreel-dialog::backdrop{background:rgba(5,14,38,.88)}
.showreel-dialog video{display:block;aspect-ratio:16/9;width:min(92vw,calc(86vh * 16 / 9));height:auto;border-radius:12px;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,.14);cursor:pointer}
@media (max-width:640px){.showreel-open{aspect-ratio:9/16;max-width:420px;margin:0 auto}.showreel-play{right:14px;bottom:14px}.showreel-close{top:-52px}}
@media (prefers-reduced-motion:reduce){.showreel-open video,.showreel-play{transition:none}}