.case-study-page__hero-showreel__viewport{flex:1;align-items:center;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.case-study-page__hero-showreel__track{will-change:transform;flex-flow:row;width:max-content;display:flex}.case-study-page__hero-showreel__segment{--showreel-img-gap:clamp(.5rem, 2vw, 1.25rem);justify-content:center;align-items:flex-end;gap:var(--showreel-img-gap);padding-inline:var(--showreel-img-gap);flex-flow:row;flex-shrink:0;display:flex}.case-study-page__hero-showreel__panel{-o-object-fit:contain;object-fit:contain;-o-object-position:bottom center;object-position:bottom center;width:auto;height:60vh;transform-style:preserve-3d;flex-shrink:0;display:block;transform:perspective(1200px)rotateY(-3deg)}@media (prefers-reduced-motion:reduce){.case-study-page__hero-showreel__viewport{justify-content:center}.case-study-page__hero-showreel__track{width:auto;margin-inline:auto}.case-study-page__hero-showreel__segment:last-child{display:none}}
.case-study-page__hero-showreel{box-sizing:border-box;pointer-events:none;flex-direction:column;flex:1;justify-content:flex-end;align-items:stretch;width:100%;min-height:0;display:flex}.case-study-page__hero-showreel--dual{justify-content:center}.case-study-page__hero-showreel--dual:not(:has(.case-study-page__hero-showreel__stack)){padding-top:max(env(safe-area-inset-top,0px),clamp(4.25rem,25vw,8rem))}.case-study-page__hero-showreel--dual:has(.case-study-page__hero-showreel__stack){justify-content:flex-end}.case-study-page__hero-showreel--dual .case-study-page__hero-showreel__rows{flex-direction:column;flex:1;gap:clamp(.35rem,1.2vh,.65rem);min-height:0;display:flex}.case-study-page__hero-showreel--dual .case-study-page__hero-showreel__viewport{flex:1;min-height:0}.case-study-page__hero-showreel--dual .case-study-page__hero-showreel__panel{height:clamp(9rem,32vh,18rem)}.case-study-page__hero-showreel__stack{padding-inline:1rem;padding-bottom:.5rem;padding-top:max(env(safe-area-inset-top,0px),1.25rem);flex-shrink:0;justify-content:center;display:flex}.case-study-page__hero-showreel__stack img{-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 12px 40px #00000059);width:min(78vw,26rem);height:auto;display:block}
.case-study-page__hero-video-loop{pointer-events:none;width:100%;height:100%;min-height:100%;position:relative;overflow:hidden}.case-study-page__hero-video-loop__poster{z-index:0;-o-object-fit:cover;object-fit:cover;width:100%;height:100%;transition:opacity .32s ease-out;display:block;position:absolute;inset:0}.case-study-page__hero-video-loop__poster[data-hidden=true]{opacity:0}.case-study-page__hero-video-loop__poster-fallback{z-index:0;background-color:var(--color-persistant-surface);position:absolute;inset:0}.case-study-page__hero-video-loop__video{z-index:1;-o-object-fit:cover;object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .32s ease-out;display:block;position:absolute;inset:0}.case-study-page__hero-video-loop__video[data-ready=true]{opacity:1}.case-study-page__hero-video-loop--reduced{width:100%;height:100%;min-height:100%}.case-study-page__hero-video-loop--reduced .case-study-page__hero-video-loop__poster{-o-object-fit:cover;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}
.case-study-page__hero-media--showreel{justify-content:center;align-items:stretch;display:flex}.case-study-page__hero-media--video{position:relative;overflow:hidden}.case-study-page__hero-media--video .case-study-page__hero-video-loop{width:100%;height:100%;min-height:100%;position:absolute;inset:0}.case-study-page__hero-media--cover{width:100%;height:100%;min-height:100%}.case-study-page__hero-media--cover .case-study-page__hero-img{-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.case-study-page__hero-media--cover .case-study-page__hero-img--placeholder{-o-object-fit:cover;object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.case-study-page__hero-media--cover .case-study-page__hero-img--full{-o-object-fit:cover;object-fit:cover;z-index:1;opacity:0;width:100%;height:100%;transition:opacity .28s ease-out;position:absolute;inset:0}.case-study-page__hero-media--cover .case-study-page__hero-img--full[data-loaded=true]{opacity:1}