.home-showreel .split-hero{--panel-title-size:clamp(1.2rem, 2.55vw, 3.4rem);min-height:max(45rem,100svh)}.home-showreel .split-panel{flex:0 0 44%;transition:flex-basis .72s cubic-bezier(.16,1,.3,1)}.home-showreel .split-panel--work{flex-basis:12%}.home-showreel .split-panel--work .split-panel__visual{filter:none;transform:none}.home-showreel .split-panel--work .split-panel__visual>img{object-position:55% 50%;transform:none}.home-showreel .split-panel--work .split-panel__visual:after{opacity:0;background:linear-gradient(#0000 28%,#00000080 55%,#000000c7);transition:opacity .5s ease-out}.home-showreel :is(.split-panel__copy,.work-column__copy){box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:3.25rem calc(var(--panel-title-size) * 2.04) minmax(0,1fr);border-top:1px solid #ffffffa6;align-content:start;gap:.75rem 1.25rem;min-width:0;height:16rem;min-height:0;padding-top:1rem;display:grid}.home-showreel .split-hero .split-panel :is(h1,h2){min-width:0;font:520 var(--panel-title-size)/1.02 var(--sans);letter-spacing:-.018em;white-space:normal;grid-area:2/1;align-self:start;margin:0}.home-showreel .split-panel__audience{grid-area:1/1/2/-1;margin:0}.home-showreel .split-panel__description{grid-area:3/1/4/-1;align-self:start;margin:0;padding-top:0}.work-column__copy{opacity:0;transition:opacity .3s ease-out}.work-column__copy svg{width:28px;height:28px;margin-top:calc((var(--panel-title-size) * 1.02 - 28px) / 2);grid-area:2/2;align-self:start}.home-showreel .split-panel:focus-visible{outline:2px solid var(--signal-coral-on-dark);outline-offset:-6px}@media (width>=821px){.home-showreel .split-hero:has(.split-panel:is(:hover,:focus-visible)) .split-panel{flex-basis:44%}.home-showreel .split-hero:has(.split-panel:is(:hover,:focus-visible)) .split-panel--work{flex-basis:12%}.home-showreel .split-hero:has(.split-panel--production:is(:hover,:focus-visible)) .split-panel--production,.home-showreel .split-hero:has(.split-panel--post:is(:hover,:focus-visible)) .split-panel--post{flex-basis:54%}.home-showreel .split-hero:has(.split-panel--production:is(:hover,:focus-visible)) .split-panel--post,.home-showreel .split-hero:has(.split-panel--post:is(:hover,:focus-visible)) .split-panel--production{flex-basis:34%}.home-showreel .split-hero:has(.split-panel--work:is(:hover,:focus-visible)) .split-panel{flex-basis:28%}.home-showreel .split-hero:has(.split-panel--work:is(:hover,:focus-visible)) .split-panel--work{flex-basis:44%}.home-showreel .split-panel--work:is(:hover,:focus-visible) .work-column__copy{opacity:1;transition-delay:.12s}.home-showreel .split-panel--work:is(:hover,:focus-visible) .split-panel__visual:after{opacity:1}}@media (width>=821px) and (hover:none){.home-showreel .split-hero .split-panel{flex-basis:33.3333%}.home-showreel .work-column__copy,.home-showreel .split-panel--work .split-panel__visual:after{opacity:1}}@media (width<=820px){.home-showreel .split-hero{--panel-title-size:clamp(1.65rem, 8.7vw, 2.65rem);height:100svh;min-height:720px}.home-showreel .split-hero .split-panel{flex:0 0 40%;min-height:0;transition:none;padding:20px var(--pad)!important}.home-showreel .split-hero .split-panel--work{flex-basis:20%;order:1;align-items:center}.home-showreel :is(.split-panel__copy,.work-column__copy){grid-template-rows:29px calc(var(--panel-title-size) * 2.04) minmax(0,1fr);row-gap:8px;height:196px;padding-top:12px}.home-showreel .split-panel__description{font-size:15px;line-height:1.3}.home-showreel .split-panel__audience{font-size:10px}.home-showreel .work-column__copy{opacity:1;grid-template-rows:auto;height:auto}.home-showreel .split-hero .split-panel--work :is(h2,svg){grid-row:1}.home-showreel .split-panel--work .split-panel__visual>img{object-position:50% 50%}.home-showreel .split-panel--work .split-panel__visual:after{opacity:1;background:linear-gradient(#0000,#00000080 30%,#000000c7)}.home-showreel .split-panel--work .split-panel__visual{filter:none}}@media (prefers-reduced-motion:reduce){.home-showreel .work-column__copy,.home-showreel .split-panel__visual:after{transition:none}}.home-showreel .split-hero{position:relative}@media (width<=820px){.home-showreel .split-panel--production{order:0}.home-showreel .split-panel--post{order:2}.home-showreel .split-panel__description{max-width:34ch}.home-showreel .consent-settings{writing-mode:horizontal-tb;margin:0 var(--pad) 16px auto;width:auto;min-height:44px;padding:10px 14px;position:static;transform:none}}@media (prefers-reduced-motion:reduce){.home-showreel .split-panel,.home-showreel .split-panel__visual,.home-showreel .split-panel__description{transition:none!important}}