.showreel{--showreel-fade:.42s}.showreel [hidden]{display:none!important}.showreel-loop{transition:opacity var(--showreel-fade) ease}.showreel-start{z-index:3;color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;height:100%;padding:0;display:grid;position:absolute;inset:0}.showreel-start svg{filter:drop-shadow(0 2px 12px #0008);opacity:.8;transition:opacity .35s,transform .5s}.showreel-start:hover svg,.showreel-start:focus-visible svg{opacity:1;transform:scale(1.07)}.showreel-start:focus-visible{outline:2px solid var(--accent);outline-offset:-10px}.showreel-film-layer{z-index:2;box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity var(--showreel-fade) ease;background:#07070b;padding:106px 0 88px;position:absolute;inset:0}.showreel-full-film{object-fit:contain;width:100%;height:100%;display:block}.showreel:fullscreen{background:#07070b;width:100vw;height:100dvh;min-height:0;max-height:none;margin:0}.showreel:fullscreen .showreel-film-layer{padding:16px 0 84px}.showreel:fullscreen .showreel-controls{pointer-events:auto}.showreel:fullscreen .reel-shade{display:none}.showreel-safari-fullscreen .showreel-film-layer{pointer-events:auto}.showreel-full-film:fullscreen{object-fit:contain;background:#07070b;width:100%;height:100%}.showreel-full-film:fullscreen{object-fit:contain;background:#07070b;width:100%;height:100%}.showreel-has-frame .showreel-film-layer{opacity:1}.showreel-has-frame .showreel-loop{opacity:0}.showreel-native .showreel-film-layer{pointer-events:auto;opacity:1}.showreel-feedback{z-index:5;text-align:center;pointer-events:none;width:min(85%,450px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.showreel-feedback button{pointer-events:auto}.showreel-status{color:#fff;text-shadow:0 2px 12px #000;font-size:15px}.showreel-status:empty{display:none}.showreel-retry{color:#09090f;font:inherit;cursor:pointer;background:#fff;border:0;padding:10px 20px}.showreel-resume{color:#fff;cursor:pointer;background:0 0;border:0;padding:12px}.showreel-controls{z-index:6;color:#fff;pointer-events:auto;align-items:center;gap:12px;padding:16px 34px 20px;transition:opacity .3s;display:flex;position:absolute;bottom:0;left:0;right:0}.showreel-controls-idle .showreel-controls{opacity:0;pointer-events:none}.showreel-controls:focus-within{opacity:1!important;pointer-events:auto!important}.showreel-control{width:44px;height:44px;color:inherit;cursor:pointer;opacity:.85;background:0 0;border:0;flex:0 0 44px;place-items:center;padding:0;transition:opacity .2s;display:grid}.showreel-control:hover,.showreel-control:focus-visible{opacity:1}.showreel-control:focus-visible,.showreel-retry:focus-visible,.showreel-resume:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.showreel-control .icon-pause,.showreel-control .icon-muted{display:none}[data-showreel-play][aria-pressed=true] .icon-pause{display:block}[data-showreel-play][aria-pressed=true] .icon-play{display:none}[data-showreel-mute][aria-pressed=true] .icon-muted{display:block}[data-showreel-mute][aria-pressed=true] .icon-volume{display:none}.showreel-seek-label{flex:1;align-items:center;min-width:35px;height:44px;display:flex}.showreel-seek{accent-color:#fff;cursor:pointer;width:100%;height:24px;margin:0;padding:0}.showreel-seek:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.showreel-time{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}.showreel-native .showreel-controls{background:0 0;padding:0;inset:110px 24px auto auto}.showreel-native .showreel-controls>:not(.showreel-return){display:none}.showreel-noscript{z-index:10;color:#fff;text-decoration:underline;position:absolute;top:60%;left:50%;transform:translate(-50%)}.showreel-youtube .showreel-film-layer{pointer-events:auto}.showreel-youtube-frame{border:0;width:100%;height:100%;min-height:200px;display:block}.showreel-youtube .showreel-controls{opacity:1;pointer-events:auto;justify-content:flex-end}.showreel-youtube .showreel-controls>:not(.showreel-return){display:none}.showreel-youtube{min-height:400px}@media (width<=768px){.showreel-film-layer{padding:88px 0 76px}.showreel-controls{gap:3px;padding:12px 10px}.showreel-time{font-size:11px}.showreel-start svg{width:44px;height:52px}.showreel-native .showreel-controls{top:94px;right:12px}}@media (prefers-reduced-motion:reduce){.showreel{--showreel-fade:0s}.showreel-start svg{transition:none}}@media (width<=360px){.showreel-with-fullscreen .showreel-time{display:none}}