.project-narrative__toggle{display:none}.viewer__frame{position:relative}.viewer__frame>img{position:absolute;inset:0;inline-size:100%;block-size:100%}.viewer__frame>img[data-zoomed=true]{position:static;inset:auto}.before-after{overflow:hidden;--position:50%;border-radius:var(--radius-media);background:var(--bg-800)}.before-after,.before-after__base,.before-after__reveal{position:relative}.before-after__reveal{position:absolute;inset:0;overflow:hidden;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.before-after[data-orientation=vertical] .before-after__reveal{clip-path:inset(0 0 calc(100% - var(--position)) 0)}.before-after :where(.before-after__base,.before-after__reveal) .media-slot{border-radius:0}.before-after__base>span,.before-after__reveal>span{position:absolute;inset-block-start:var(--space-3);z-index:2;padding:var(--space-2) var(--space-3);background:var(--bg-900);color:var(--fg-100)}.before-after__base>span{inset-inline-end:var(--space-3)}.before-after__reveal>span{inset-inline-start:var(--space-3)}.before-after__divider{position:absolute;inset-block:0;inset-inline-start:var(--position);z-index:3;inline-size:2px;translate:-50% 0;background:var(--fg-100);pointer-events:none}.before-after__divider:after{position:absolute;inset-block-start:50%;inset-inline-start:50%;inline-size:var(--tap-min);aspect-ratio:1;translate:-50% -50%;border:2px solid var(--fg-100);border-radius:50%;background:var(--miky-blue);content:""}.before-after[data-orientation=vertical] .before-after__divider{inset-block:auto;inset-block-start:var(--position);inset-inline:0;inline-size:auto;block-size:2px;translate:0 -50%}.before-after input{position:absolute;inset:0;z-index:4;inline-size:100%;block-size:100%;opacity:0;cursor:ew-resize}.before-after[data-orientation=vertical] input{writing-mode:vertical-lr;direction:ltr;cursor:ns-resize}.before-after:has(input:focus-visible) .before-after__divider:after{outline:3px solid var(--focus-outer);outline-offset:2px}@media (min-width:64rem){.project-case-study__gallery .blocks>[data-gallery-block=imageContained]{inline-size:min(100%,45rem);justify-self:center}.project-case-study__gallery .media-figure[data-kind=video][data-ratio="9:16"]{inline-size:min(100%,24rem);margin-inline:auto}}@media (max-width:40rem){.project-narrative__desktop-heading,.project-narrative__index{display:none}.project-narrative__toggle{inline-size:100%;display:flex;justify-content:space-between}}@media (max-width:39.99rem){.film__controls{display:grid;grid-template-columns:var(--tap-min) minmax(0,1fr) var(--tap-min)}.film__button:first-child{grid-column:1;grid-row:1}.film__time{grid-column:2;grid-row:1;justify-self:center}.film__button:last-child{grid-column:3;grid-row:1}.film__timeline{grid-column:1/-1;grid-row:2;min-inline-size:0}.film__silent{grid-column:1/-1;grid-row:3;justify-self:center}.film__button[aria-pressed]{grid-column:1;grid-row:3}}