.gallery-carousel__viewport{overflow:hidden}.gallery-carousel__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-start:var(--space-3)}.gallery-carousel__controls p{margin:0;color:var(--fg-500);font-size:var(--step--1)}.moodboard{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);align-items:start}.moodboard--scatter>:nth-child(2n){margin-block-start:var(--space-8)}@media (min-width:60rem){.moodboard{grid-template-columns:repeat(3,1fr)}}.process-block,.prompt-block,.technical-block{display:grid;gap:var(--space-6);padding-block:var(--space-7);border-block:1px solid var(--line)}.technical-block__meta{display:flex;justify-content:space-between;gap:var(--space-4)}.prompt-block blockquote{margin:0;padding:var(--space-5);background:var(--bg-800);color:var(--fg-300);font-family:ui-monospace,monospace;overflow-wrap:anywhere}.captioned-image{position:relative}.captioned-image__caption{color:var(--fg-300);font-size:var(--step--1)}@media (min-width:60rem){.captioned-image--beside{display:grid;grid-template-columns:minmax(0,3fr) minmax(16rem,1fr);gap:var(--space-5);align-items:end}}.captioned-image--overlay .captioned-image__caption{position:absolute;inset-inline:var(--space-4);inset-block-end:var(--space-4);margin:0;padding:var(--space-3);background:color-mix(in srgb,var(--bg-900) 84%,transparent);color:var(--fg-100)}.consent-embed{display:grid;min-block-size:18rem;background:var(--bg-800);border:1px solid var(--line)}.consent-embed iframe{inline-size:100%;block-size:100%;border:0}.consent-embed__gate{display:grid;place-content:center;justify-items:start;gap:var(--space-4);padding:var(--space-5)}.block-spacer--small{block-size:var(--space-5)}.block-spacer--medium{block-size:var(--space-8)}.block-spacer--large{block-size:var(--space-10)}.project-intro{inline-size:min(100% - (2 * var(--space-5)),100rem);margin-inline:auto;padding-block:var(--space-7) 0}.project-intro__frame{position:relative;overflow:hidden;border-radius:var(--radius-media)}.project-intro__copy{z-index:1}.project-intro__copy h1{max-inline-size:13ch}.project-intro__copy .lede{margin-block:var(--space-5) 0}.project-intro[data-layout=full-bleed] .project-intro__copy{position:absolute;inset-inline:var(--space-7);inset-block-end:var(--space-7);max-inline-size:62rem}.project-intro[data-layout=full-bleed] .project-intro__frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 25%,var(--bg-900));pointer-events:none}@media (min-width:40.01rem){.project-intro[data-layout=full-bleed] .project-intro__copy>.eyebrow{inline-size:fit-content;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:rgb(10 12 14/94%)}}.project-intro[data-layout=contained] .project-intro__frame{display:grid;gap:var(--space-7);align-items:center;background:var(--bg-800);padding:var(--space-7)}.project-intro[data-layout=contained] .project-intro__media{inline-size:min(100%,30rem);justify-self:center}.project-case-study{display:grid;gap:var(--space-8);align-items:start}.project-case-study__narrative{min-inline-size:0}.project-case-study__narrative[data-sticky=true]{position:sticky;inset-block-start:var(--space-9)}.project-case-study__gallery{min-inline-size:0}.project-facts{margin:0 0 var(--space-8)}.project-facts>div{display:grid;grid-template-columns:minmax(6rem,.7fr) 1fr;gap:var(--space-4);padding-block:var(--space-3);border-block-start:1px solid var(--line)}.project-facts dt{color:var(--fg-500);font-size:var(--step--1);font-weight:var(--fw-ui);text-transform:uppercase;letter-spacing:.06em}.project-facts dd{margin:0;color:var(--fg-300)}.project-narrative{display:grid;gap:var(--space-8)}.project-narrative__section{padding-block-start:var(--space-5);border-block-start:1px solid var(--line)}.project-credits h2,.project-narrative__section h2{font-size:var(--step-1)}.project-narrative__index{margin:0;color:var(--miky-blue);font-size:var(--step--1);font-weight:var(--fw-ui);letter-spacing:.08em}.project-credits{margin-block-start:var(--space-8)}@media (min-width:64rem){.project-intro{inline-size:min(100% - (2 * var(--space-8)),100rem)}.project-intro[data-layout=contained] .project-intro__frame{grid-template-columns:minmax(0,1fr) minmax(18rem,.72fr);padding:var(--space-8)}.project-case-study{grid-template-columns:minmax(18rem,.72fr) minmax(0,1.65fr);gap:var(--space-9)}.project-case-study[data-has-gallery=false]{grid-template-columns:minmax(0,46rem)}}@media (max-width:63.99rem){.project-intro[data-layout=full-bleed] .project-intro__copy{inset-inline:var(--space-5);inset-block-end:var(--space-5)}.project-intro[data-layout=contained] .project-intro__copy{order:1}.project-intro[data-layout=contained] .project-intro__media{order:2}.project-case-study__narrative[data-sticky=true]{position:static}}@media (max-width:40rem){.project-intro[data-layout=full-bleed] .project-intro__frame{display:grid;background:var(--bg-800)}.project-intro[data-layout=full-bleed] .project-intro__frame:after{display:none}.project-intro[data-layout=full-bleed] .project-intro__copy{position:static;padding:var(--space-6) var(--space-5)}.project-intro[data-layout=full-bleed] .project-intro__media{order:-1}.project-intro[data-layout=contained] .project-intro__frame{padding:var(--space-5)}}.viewer{position:fixed;inset:0;z-index:calc(var(--z-overlay) + 10);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr);gap:var(--space-4);padding:var(--space-4);background:var(--bg-900)}.viewer__bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.viewer__bar-actions{display:flex;gap:var(--space-3);flex:none}.viewer__count{margin:0;min-inline-size:0;color:var(--fg-500);font-size:var(--step--1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.viewer__stage{min-block-size:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3)}.viewer__frame{min-inline-size:0;min-block-size:0;block-size:100%;display:grid;place-items:safe center;overflow:auto;overscroll-behavior:contain}.viewer__frame>img{display:block;inline-size:auto;block-size:auto;max-inline-size:100%;max-block-size:100%;object-fit:contain}.viewer__frame>img[data-zoomed=false]{cursor:zoom-in}.viewer__frame>img[data-zoomed=true]{max-inline-size:none;max-block-size:none;inline-size:calc(var(--viewer-zoom, 1.9) * 100%);block-size:auto;cursor:zoom-out}.viewer__frame .film{block-size:100%;inline-size:100%;margin-inline:0;grid-template-rows:minmax(0,1fr) auto}.viewer__frame .film__frame{aspect-ratio:auto;min-block-size:0;background:transparent}.viewer__step{flex:none;inline-size:var(--tap-min);block-size:var(--tap-min);display:grid;place-items:center;border:1px solid var(--line);background:var(--bg-800);color:var(--fg-100);font-size:var(--step-1);cursor:pointer;transition:border-color var(--t-fast) var(--ease-out),color var(--t-fast) var(--ease-out)}.viewer__step:hover{border-color:var(--miky-blue);color:var(--miky-blue)}.viewer__caption{margin:0;color:var(--fg-300);font-size:var(--step--1);text-align:center}.viewer__strip{display:flex;gap:var(--space-2);min-inline-size:0;overflow-x:auto;overscroll-behavior-inline:contain;padding-block:var(--space-2);scrollbar-width:thin}.viewer__thumb{position:relative;flex:none;inline-size:5.5rem;block-size:3.6rem;padding:0;border:1px solid var(--line);background:var(--bg-800);cursor:pointer;overflow:hidden;transition:border-color var(--t-fast) var(--ease-out),opacity var(--t-fast) var(--ease-out);opacity:.62}.viewer__thumb>img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.viewer__thumb:hover{opacity:.85}.viewer__thumb[data-active=true]{opacity:1;border-color:var(--miky-blue)}.viewer__thumb-play{position:absolute;inset-block-end:2px;inset-inline-end:4px;color:var(--fg-100);font-size:var(--step--1);line-height:1;text-shadow:0 1px 3px rgb(0 0 0/70%)}@media (min-width:48rem){.viewer{padding:var(--space-5) var(--space-6)}.viewer__thumb{inline-size:7rem;block-size:4.6rem}}@media (max-width:47.99rem){.viewer__stage{position:relative;grid-template-columns:minmax(0,1fr)}.viewer__step{position:absolute;inset-block-start:50%;translate:0 -50%;z-index:1;background:color-mix(in srgb,var(--bg-900) 78%,transparent)}.viewer__step--previous{inset-inline-start:0}.viewer__step--next{inset-inline-end:0}}.film{display:grid;gap:var(--space-3);inline-size:100%}.media-slot:has(>.film){aspect-ratio:auto;background:transparent;overflow:visible}.film__frame{position:relative;background:#000}.film[data-ratio="9:16"]{inline-size:min(100%,24rem);margin-inline:auto}.film[data-ratio="4:5"]{inline-size:min(100%,34rem);margin-inline:auto}.film .film__video{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;background:#000}.film iframe.film__video{border:0}.film .film__frame>img,.film .film__frame>picture>img{object-fit:contain}.film__cue{position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%;z-index:1;pointer-events:none;inline-size:4rem;block-size:4rem;display:grid;place-items:center;border:1px solid var(--miky-blue);border-radius:50%;background:color-mix(in srgb,var(--bg-900) 72%,transparent);color:var(--miky-blue);font-size:var(--step-1)}.film__cue--control{pointer-events:auto;cursor:pointer;font:inherit;font-size:var(--step-1);padding:0;transition:background var(--t-fast) var(--ease-out),scale var(--t-fast) var(--ease-out)}.film__cue--control:hover{background:color-mix(in srgb,var(--bg-900) 55%,transparent)}.film__cue--control:active{scale:.96}@media (prefers-reduced-motion:reduce){.film__cue--control{transition:none}.film__cue--control:active{scale:1}}.film__controls{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:1px solid var(--line);background:var(--bg-800)}.film__button{flex:none;min-inline-size:var(--tap-min);min-block-size:var(--tap-min);display:grid;place-items:center;border:0;background:transparent;color:var(--fg-100);font-size:var(--step-0);cursor:pointer}.film__button:hover{color:var(--miky-blue)}.film__timeline{flex:1 1 auto;min-inline-size:4rem;display:block}.film__timeline input{inline-size:100%;min-block-size:1.75rem;display:block;accent-color:var(--miky-blue);cursor:pointer}.film__time{font-size:var(--step--1);font-variant-numeric:tabular-nums}.film__silent,.film__time{flex:none;margin:0;color:var(--fg-500)}.film__silent{font-size:var(--step--1)}.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}}