.showreel{--showreel-fade:.42s}.showreel [hidden]{display:none!important}.showreel-loop{transition:opacity var(--showreel-fade) ease}.showreel-ambient{opacity:0;pointer-events:none;isolation:isolate;transition:opacity var(--showreel-fade) ease;position:absolute;inset:0}.showreel-ambient-layer{opacity:0;mix-blend-mode:plus-lighter;contain:paint;background:linear-gradient(rgb(7 7 11/var(--ambient-dark-frame,0)),rgb(7 7 11/var(--ambient-dark-frame,0))), radial-gradient(ellipse at 25% 0%,var(--ambient-0,#37433b),transparent 68%), radial-gradient(ellipse at 75% 0%,var(--ambient-1,#52645b),transparent 68%), radial-gradient(ellipse at 100% 25%,var(--ambient-2,#485b50),transparent 68%), radial-gradient(ellipse at 100% 75%,var(--ambient-3,#333c31),transparent 68%), radial-gradient(ellipse at 75% 100%,var(--ambient-4,#25372d),transparent 68%), radial-gradient(ellipse at 25% 100%,var(--ambient-5,#344032),transparent 68%), radial-gradient(ellipse at 0% 75%,var(--ambient-6,#34483d),transparent 68%), radial-gradient(ellipse at 0% 25%,var(--ambient-7,#414e48),transparent 68%);transition:opacity .48s linear;position:absolute;inset:0}.showreel-ambient-layer:before,.showreel-ambient-layer:after{content:"";pointer-events:none;position:absolute;inset:0}.showreel-ambient-layer:before{mask-image:linear-gradient(to right,transparent calc(var(--ambient-frame-left,0px) - 160px),#000 calc(var(--ambient-frame-left,0px) - 8px),#000 calc(100% - var(--ambient-frame-right,0px) + 8px),transparent calc(100% - var(--ambient-frame-right,0px) + 160px));background:linear-gradient(to bottom, transparent calc(var(--ambient-frame-top,0px) - 120px), rgb(7 7 11/var(--ambient-dark-top,0)) calc(var(--ambient-frame-top,0px) - 24px), rgb(7 7 11/var(--ambient-dark-top,0)) calc(var(--ambient-frame-top,0px) + var(--ambient-frame-height,0px) * var(--ambient-inset-top,0)), transparent calc(var(--ambient-frame-top,0px) + var(--ambient-frame-height,0px) * var(--ambient-inset-top,0) + 96px)), linear-gradient(to top, transparent calc(var(--ambient-frame-bottom,0px) - 120px), rgb(7 7 11/var(--ambient-dark-bottom,0)) calc(var(--ambient-frame-bottom,0px) - 24px), rgb(7 7 11/var(--ambient-dark-bottom,0)) calc(var(--ambient-frame-bottom,0px) + var(--ambient-frame-height,0px) * var(--ambient-inset-bottom,0)), transparent calc(var(--ambient-frame-bottom,0px) + var(--ambient-frame-height,0px) * var(--ambient-inset-bottom,0) + 96px))}.showreel-ambient-layer:after{mask-image:linear-gradient(to bottom,transparent calc(var(--ambient-frame-top,0px) - 160px),#000 calc(var(--ambient-frame-top,0px) - 8px),#000 calc(100% - var(--ambient-frame-bottom,0px) + 8px),transparent calc(100% - var(--ambient-frame-bottom,0px) + 160px));background:linear-gradient(to left, transparent calc(var(--ambient-frame-right,0px) - 120px), rgb(7 7 11/var(--ambient-dark-right,0)) calc(var(--ambient-frame-right,0px) - 24px), rgb(7 7 11/var(--ambient-dark-right,0)) calc(var(--ambient-frame-right,0px) + var(--ambient-frame-width,0px) * var(--ambient-inset-right,0)), transparent calc(var(--ambient-frame-right,0px) + var(--ambient-frame-width,0px) * var(--ambient-inset-right,0) + 96px)), linear-gradient(to right, transparent calc(var(--ambient-frame-left,0px) - 120px), rgb(7 7 11/var(--ambient-dark-left,0)) calc(var(--ambient-frame-left,0px) - 24px), rgb(7 7 11/var(--ambient-dark-left,0)) calc(var(--ambient-frame-left,0px) + var(--ambient-frame-width,0px) * var(--ambient-inset-left,0)), transparent calc(var(--ambient-frame-left,0px) + var(--ambient-frame-width,0px) * var(--ambient-inset-left,0) + 96px))}.showreel-youtube.showreel-ambient-ready .showreel-ambient{opacity:.5}.showreel-youtube .showreel-ambient-layer{will-change:opacity}.showreel-youtube .reel-shade{opacity:0}.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-player-frame{z-index:2;pointer-events:none;position:absolute;inset:0}.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{--embed-gutter:12px;--embed-toolbar:48px}.showreel-youtube .showreel-player-frame{inset:auto auto auto 50%;top:calc(min(50%,50svh) + var(--embed-toolbar) / 2);width:min(calc(100% - var(--embed-gutter) * 2),max(200px,calc((min(100svh,1400px) - var(--embed-toolbar) - var(--embed-gutter) * 2) * 16 / 9)));flex-direction:column;min-width:0;display:flex;transform:translate(-50%,-50%);container-type:inline-size}.showreel-youtube .showreel-film-layer{aspect-ratio:16/9;pointer-events:auto;width:100%;height:auto;min-height:200px;padding:0;position:relative;inset:auto}.showreel-youtube-frame{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.showreel-youtube .showreel-controls{opacity:1;pointer-events:auto;background:0 0;justify-content:flex-end;width:48px;height:48px;padding:0;position:absolute;inset:-48px 0 auto auto}.showreel-youtube.showreel-controls-idle .showreel-controls{opacity:0;pointer-events:auto}.showreel-youtube .showreel-controls:hover{opacity:1}.showreel-youtube .showreel-return{opacity:1;flex-basis:48px;width:48px;height:48px;position:relative}.showreel-youtube .showreel-return:before{content:"";background:#0000004d;border-radius:50%;position:absolute;inset:6px}.showreel-youtube .showreel-return svg{width:24px;height:24px;position:relative}@container (width>=384px){.showreel-youtube .showreel-controls{right:24px}}.showreel-youtube .showreel-controls>:not(.showreel-return){display:none}body:has(.showreel-youtube[data-showreel-active=true]) .home-header{visibility:hidden;pointer-events:none;opacity:0!important}@media (width>=960px) and (height>=600px){.showreel-youtube{--embed-toolbar:0px}.showreel-youtube .showreel-controls{top:64px}}@media (width<=768px){.showreel-youtube{--embed-gutter:8px;--embed-toolbar:48px}.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,.showreel-ambient-layer{transition:none}}@media (width<=360px){.showreel-with-fullscreen .showreel-time{display:none}}@media (height<=280px){.showreel-youtube .showreel-player-frame{top:calc(var(--embed-gutter) + var(--embed-toolbar));transform:translate(-50%)}}