.case-page{padding:0 var(--gutter) clamp(5rem,10vw,9rem);background:var(--cream);color:var(--ink);overflow:hidden;overflow:clip}.case-page__intro{padding-top:clamp(5rem,6.5vw,7rem)}.case-page__breadcrumb{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:44px;margin-bottom:clamp(1rem,1.8vw,1.5rem);color:currentColor;font:300 var(--size-meta) /1 var(--face-mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:color var(--respond-time) var(--curve-response)}.case-page__breadcrumb:focus-visible,.case-page__breadcrumb:hover{color:var(--accent)}.case-page__intro h1{margin:0 0 clamp(2rem,3vw,3rem);padding:calc(.045em / var(--display-scale)) 0 calc(.055em / var(--display-scale));font-family:var(--face-display);font-size:calc(var(--size-display-lg) * var(--display-scale));font-weight:900;line-height:calc(.71 / var(--display-scale));text-align:left}.case-page__hero{position:relative;width:100%;margin:0;aspect-ratio:16/8;background:var(--plate);overflow:hidden}.case-page__hero img,.case-page__hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.case-overview{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:1rem;gap:1rem;width:100%;max-width:74rem;margin-inline:auto;padding:clamp(4rem,8vw,8rem) 0 clamp(6rem,11vw,11rem)}.case-overview__facts{grid-column:1/span 4}.case-overview__copy{grid-column:6/-1}.case-overview__copy p{max-width:44rem;margin:0;font-size:var(--size-body);font-weight:300;line-height:var(--line-body)}.case-overview__facts h2{margin:0 0 1.5rem;font-family:var(--face-mono);font-size:var(--size-meta);font-weight:400;text-transform:uppercase;letter-spacing:.06em}.case-overview__facts dl{margin:0}.case-overview__facts dl>div{margin-bottom:.85rem}.case-overview__facts dd,.case-overview__facts dt{font-family:var(--face-mono);font-size:var(--size-meta);line-height:1.25;text-transform:uppercase}.case-overview__facts dt{color:var(--mid)}.case-overview__facts dd{margin:0}.case-story{--case-gallery-trail:clamp(6rem,11vw,11rem);position:relative}.case-story__content{min-width:0}.case-overview-shell--with-rail,.case-story--with-rail{display:block}@media (min-width:1024px){.case-overview-shell--with-rail,.case-story--with-rail{display:grid;grid-template-columns:4rem minmax(0,1fr);grid-column-gap:clamp(2rem,4vw,4rem);column-gap:clamp(2rem,4vw,4rem)}.case-overview-shell--with-rail .case-overview,.case-story--with-rail .case-story__content{grid-column:2}}.case-gallery{--case-gallery-gutter:clamp(1rem,2vw,2rem);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:clamp(3.5rem,7vw,7rem) var(--case-gallery-gutter);gap:clamp(3.5rem,7vw,7rem) var(--case-gallery-gutter);margin-bottom:var(--case-gallery-trail)}.case-gallery__item{position:relative;grid-column:1/-1;margin:0;aspect-ratio:var(--picture-ratio);background:var(--plate);scroll-margin-top:5rem;overflow:hidden}.case-section{scroll-margin-top:var(--case-gallery-trail)}.case-gallery__item--half{grid-column:span 6}.case-gallery__item--section{grid-column:1/-1;width:min(100%,74rem);margin-inline:auto}.case-gallery__item--wide{grid-column:span 7}.case-gallery__item--narrow{grid-column:span 5}.case-gallery__stack{grid-column:span 6;display:grid;grid-auto-rows:minmax(0,1fr);grid-row-gap:var(--case-gallery-gutter);row-gap:var(--case-gallery-gutter);contain:size}.case-gallery__stack>.case-gallery__item{align-self:stretch;width:100%}.case-gallery__stack--paired{aspect-ratio:4/5}.case-gallery__item img,.case-gallery__item video{width:100%;height:100%;object-fit:cover}.case-gallery--framed .case-gallery__item{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);background-clip:padding-box}.case-gallery__item picture{display:contents}.case-gallery__item video{object-position:50% 0}.service-section.case-palette>.case-palette__grid{grid-column:1/-1}.case-palette__grid{display:grid;grid-template-columns:repeat(var(--palette-count,4),minmax(0,1fr));grid-gap:clamp(1rem,2.4vw,2.5rem);gap:clamp(1rem,2.4vw,2.5rem);margin:.5rem 0 0;padding:0;list-style:none}.case-palette__card{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);overflow:hidden}.case-palette__swatch{display:block;width:100%;aspect-ratio:1/1}.case-palette__info{display:flex;flex-direction:column;gap:.3rem;padding:clamp(.75rem,1.5vw,1.1rem);border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.case-palette__hex,.case-palette__role{color:var(--mid);font-family:var(--face-mono);font-size:var(--size-meta);line-height:1.25;letter-spacing:.06em;text-transform:uppercase}.case-palette__name{font-family:var(--face-display);font-size:clamp(.9rem,1.4vw,1.125rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}.case-palette__hex{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:600px){.case-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-palette__card:last-child:nth-child(odd){grid-column:1/-1}.case-palette__card:last-child:nth-child(odd) .case-palette__swatch{aspect-ratio:2/1}}.service-section.case-type>.case-type__grid{grid-column:1/-1}.case-type__grid{--type-gap:clamp(1rem,2.4vw,2.5rem);display:grid;grid-template-columns:repeat(var(--type-count,2),minmax(0,1fr));grid-gap:var(--type-gap);gap:var(--type-gap);margin:.5rem 0 0;padding:0;list-style:none;container-type:inline-size}.case-type__card{border:1px solid color-mix(in srgb,var(--ink) 22%,transparent);overflow:hidden}.case-type__specimen{display:flex;align-items:center;justify-content:center;height:calc((100cqi - var(--type-gap)) / 3);background:var(--cream-light)}.case-type__specimen img{display:block;width:80%;height:38%;object-fit:contain}.case-type__glyph{display:block;color:#000;font-size:calc((100cqi - var(--type-gap)) / 3 * .38 / var(--glyph-cap, .711));line-height:.72}.case-type__info{display:flex;flex-direction:column;gap:.3rem;padding:clamp(.75rem,1.5vw,1.1rem);border-top:1px solid color-mix(in srgb,var(--ink) 22%,transparent)}.case-type__role{color:var(--mid);font-family:var(--face-mono);font-size:var(--size-meta);line-height:1.25;letter-spacing:.06em;text-transform:uppercase}.case-type__name{font-family:var(--face-display);font-size:clamp(.9rem,1.4vw,1.125rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}@font-face{font-family:Roboto Condensed;font-weight:400;font-display:swap;src:url(/work/type/roboto-condensed-aa.woff2) format("woff2");unicode-range:u+0041,u+0061}@font-face{font-family:Roboto;font-weight:400;font-display:swap;src:url(/work/type/roboto-aa.woff2) format("woff2");unicode-range:u+0041,u+0061}@font-face{font-family:Playfair Display;font-weight:500;font-display:swap;src:url(/work/type/playfair-display-medium-aa.woff2) format("woff2");unicode-range:u+0041,u+0061}@font-face{font-family:Nothing You Could Do;font-weight:400;font-display:swap;src:url(/work/type/nothing-you-could-do-aa.woff2) format("woff2");unicode-range:u+0041,u+0061}@media (max-width:600px){.case-type__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-type__card:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}}.case-credits.case-overview{padding-top:0;padding-bottom:clamp(1.75rem,3vw,2.5rem)}.case-credits .case-overview__facts{margin-bottom:0}.case-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2rem,4vw,4rem)}.case-credits-shell+.case-nav{margin-top:0}.case-nav__link{position:relative}.case-nav__preview{position:absolute;bottom:calc(100% + .75rem);left:0;z-index:5;width:min(260px,42vw);background:var(--cream);color:var(--ink);visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity var(--respond-time) var(--curve-response),transform var(--respond-time) var(--curve-response),visibility var(--respond-time)}.case-nav__link:focus-visible .case-nav__preview,.case-nav__link:hover .case-nav__preview{visibility:visible;opacity:1;transform:translateY(0)}.case-nav__link:hover:after{content:"";position:absolute;bottom:100%;left:0;right:0;height:.75rem}.case-nav__image{display:block;aspect-ratio:3/2;background:var(--plate);overflow:hidden}.case-nav__image img{width:100%;height:100%;object-fit:cover}.case-nav__caption{display:block;padding:.5rem .1rem 0;font-size:var(--size-meta);text-transform:uppercase;letter-spacing:.04em}@media (max-width:800px){.case-overview{display:block;padding-top:clamp(3rem,10vw,8rem)}.case-overview__facts{margin-bottom:3rem}.case-gallery{display:block}.case-gallery__item{margin-bottom:max(2.5rem,8vw)}.case-gallery__item:last-child{margin-bottom:0}.case-gallery__stack{display:block;contain:none}.case-gallery__stack--paired{aspect-ratio:auto}.case-gallery__stack:not(:last-child){margin-bottom:max(2.5rem,8vw)}.case-page__hero{aspect-ratio:4/5}}.fact-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--respond-time) var(--curve-response)}.fact-link:focus-visible,.fact-link:hover{color:var(--accent)}