.preloader{z-index:10000000;pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-blocks{z-index:0;grid-template-columns:repeat(var(--preloader-columns,12),var(--preloader-block-size,80px));grid-auto-rows:var(--preloader-block-size,80px);pointer-events:none;width:max-content;height:max-content;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader-cell{aspect-ratio:1;background-color:var(--base-500)}.preloader-inner{z-index:1;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.preloader-svg{visibility:hidden;width:100%;height:auto;min-height:50vh;overflow:visible}.preloader-path-base,.preloader-path-fill{stroke-linecap:butt}.preloader-path-base{stroke:#242424;stroke-width:1.5px}.preloader-path-fill{stroke:var(--base-300);stroke-width:2px;opacity:0}
.showreel{background-color:var(--base-200);width:100%;height:100svh;position:relative;overflow:hidden}.showreel>.container{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.showreel-header{background-color:var(--base-200);will-change:transform;z-index:2;justify-content:center;align-items:center;max-width:2000px;margin:0 auto;padding:.75rem 1.5rem;display:flex;position:absolute;bottom:0;left:0;right:0}#showreel-header-1{transform:translateY(-52.5%)}#showreel-header-2{transform:translateY(-45%)}#showreel-header-3{transform:translateY(-30%)}#showreel-header-4{transform:translateY(0%)}#showreel-header-1.end-state,#showreel-header-2.end-state,#showreel-header-3.end-state,#showreel-header-4.end-state{top:0;bottom:unset;transform:translateY(0%)}.showreel-visual{border-radius:.75rem;justify-content:center;align-items:flex-end;width:25%;height:500px;display:flex;position:relative;overflow:hidden}.showreel-visual img{position:absolute}.showreel-visual--compact{width:75%}.showreel-visual.end-state{border-radius:.75rem;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.showreel-marquee-container{width:100%;height:max-content;color:var(--base-300);z-index:2;padding:.75rem;position:relative}.showreel-marquee{border:1px solid var(--base-300);text-align:center;border-radius:.375rem;width:100%;padding:.375rem;overflow:hidden}.showreel-marquee-track{will-change:transform;gap:2rem;width:max-content;display:flex}.showreel-marquee-track p{white-space:nowrap;flex-shrink:0}