.project-detail{padding:0 var(--page-gutter) clamp(5rem,10vw,9rem);background:var(--color-paper);color:var(--color-ink);overflow:hidden;overflow:clip}.project-detail__intro{padding-top:clamp(5rem,6.5vw,7rem)}.project-detail__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(--type-meta) /1 var(--font-mono);text-transform:uppercase;letter-spacing:.06em;text-decoration:none;transition:color var(--interaction-response) var(--ease-response)}.project-detail__breadcrumb:focus-visible,.project-detail__breadcrumb:hover{color:var(--color-rust)}.project-detail__intro h1{margin:0 0 clamp(2rem,3vw,3rem);padding:calc(.045em / var(--display-scale)) 0 calc(.055em / var(--display-scale));font-family:var(--font-display);font-size:calc(var(--type-display-lg) * var(--display-scale));font-weight:900;line-height:calc(.71 / var(--display-scale));text-align:left}.project-detail__hero{position:relative;width:100%;margin:0;aspect-ratio:16/8;background:var(--color-plate);overflow:hidden}.project-detail__hero img,.project-detail__hero video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-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)}.project-overview__facts{grid-column:1/span 4}.project-overview__copy{grid-column:6/-1}.project-overview__copy p{max-width:44rem;margin:0;font-size:var(--type-body);font-weight:300;line-height:var(--leading-body)}.project-overview__facts h2{margin:0 0 1.5rem;font-family:var(--font-mono);font-size:var(--type-meta);font-weight:400;text-transform:uppercase;letter-spacing:.06em}.project-overview__facts dl{margin:0}.project-overview__facts dl>div{margin-bottom:.85rem}.project-overview__facts dd,.project-overview__facts dt{font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.25;text-transform:uppercase}.project-overview__facts dt{color:var(--color-mid)}.project-overview__facts dd{margin:0}.project-story{--project-gallery-trail:clamp(6rem,11vw,11rem);position:relative}.project-story__content{min-width:0}.project-overview-shell--with-rail,.project-story--with-rail{display:block}@media (min-width:1024px){.project-overview-shell--with-rail,.project-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)}.project-overview-shell--with-rail .project-overview,.project-story--with-rail .project-story__content{grid-column:2}}.project-gallery{--project-gallery-gutter:clamp(1rem,2vw,2rem);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:clamp(3.5rem,7vw,7rem) var(--project-gallery-gutter);gap:clamp(3.5rem,7vw,7rem) var(--project-gallery-gutter);margin-bottom:var(--project-gallery-trail)}.project-gallery__item{position:relative;grid-column:1/-1;margin:0;aspect-ratio:var(--media-aspect);background:var(--color-plate);scroll-margin-top:5rem;overflow:hidden}.project-section{scroll-margin-top:var(--project-gallery-trail)}.project-gallery__item--half{grid-column:span 6}.project-gallery__item--section{grid-column:1/-1;width:min(100%,74rem);margin-inline:auto}.project-gallery__item--wide{grid-column:span 7}.project-gallery__item--narrow{grid-column:span 5}.project-gallery__stack{grid-column:span 6;display:grid;grid-auto-rows:minmax(0,1fr);grid-row-gap:var(--project-gallery-gutter);row-gap:var(--project-gallery-gutter);contain:size}.project-gallery__stack>.project-gallery__item{align-self:stretch;width:100%}.project-gallery__stack--paired{aspect-ratio:4/5}.project-gallery__item img,.project-gallery__item video{width:100%;height:100%;object-fit:cover}.project-gallery--framed .project-gallery__item{border:1px solid color-mix(in srgb,var(--color-ink) 22%,transparent);background-clip:padding-box}.project-gallery__item picture{display:contents}.project-gallery__item video{object-position:50% 0}.service-section.project-palette>.project-palette__grid{grid-column:1/-1}.project-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}.project-palette__card{border:1px solid color-mix(in srgb,var(--color-ink) 22%,transparent);overflow:hidden}.project-palette__swatch{display:block;width:100%;aspect-ratio:1/1}.project-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(--color-ink) 22%,transparent)}.project-palette__hex,.project-palette__role{color:var(--color-mid);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.25;letter-spacing:.06em;text-transform:uppercase}.project-palette__name{font-family:var(--font-display);font-size:clamp(.9rem,1.4vw,1.125rem);font-weight:700;line-height:1.1;letter-spacing:-.01em}.project-palette__hex{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@media (max-width:600px){.project-palette__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-palette__card:last-child:nth-child(odd){grid-column:1/-1}.project-palette__card:last-child:nth-child(odd) .project-palette__swatch{aspect-ratio:2/1}}.service-section.project-type>.project-type__grid{grid-column:1/-1}.project-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}.project-type__card{border:1px solid color-mix(in srgb,var(--color-ink) 22%,transparent);overflow:hidden}.project-type__specimen{display:flex;align-items:center;justify-content:center;height:calc((100cqi - var(--type-gap)) / 3);background:var(--color-paper-light)}.project-type__specimen img{display:block;width:80%;height:38%;object-fit:contain}.project-type__glyph{display:block;color:#000;font-size:calc((100cqi - var(--type-gap)) / 3 * .38 / var(--glyph-cap, .711));line-height:.72}.project-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(--color-ink) 22%,transparent)}.project-type__role{color:var(--color-mid);font-family:var(--font-mono);font-size:var(--type-meta);line-height:1.25;letter-spacing:.06em;text-transform:uppercase}.project-type__name{font-family:var(--font-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){.project-type__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-type__card:last-child:nth-child(odd):not(:first-child){grid-column:1/-1}}.project-credits.project-overview{padding-top:0;padding-bottom:clamp(1.75rem,3vw,2.5rem)}.project-credits .project-overview__facts{margin-bottom:0}.project-navigation{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(1.5rem,4vw,3rem);margin-top:clamp(2rem,4vw,4rem)}.project-credits-shell+.project-navigation{margin-top:0}.project-navigation__link{position:relative}.project-navigation__preview{position:absolute;bottom:calc(100% + .75rem);left:0;z-index:5;width:min(260px,42vw);background:var(--color-paper);color:var(--color-ink);pointer-events:none;visibility:hidden;opacity:0;transform:translateY(6px);transition:opacity var(--interaction-response) var(--ease-response),transform var(--interaction-response) var(--ease-response),visibility var(--interaction-response)}.project-navigation__link:focus-visible .project-navigation__preview,.project-navigation__link:hover .project-navigation__preview{visibility:visible;opacity:1;transform:translateY(0)}.project-navigation__image{display:block;aspect-ratio:3/2;background:var(--color-plate);overflow:hidden}.project-navigation__image img{width:100%;height:100%;object-fit:cover}.project-navigation__caption{display:block;padding:.5rem .1rem 0;font-size:var(--type-meta);text-transform:uppercase;letter-spacing:.04em}@media (max-width:800px){.project-overview{display:block;padding-top:clamp(3rem,10vw,8rem)}.project-overview__facts{margin-bottom:3rem}.project-gallery{display:block}.project-gallery__item{margin-bottom:max(2.5rem,8vw)}.project-gallery__item:last-child{margin-bottom:0}.project-gallery__stack{display:block;contain:none}.project-gallery__stack--paired{aspect-ratio:auto}.project-gallery__stack:not(:last-child){margin-bottom:max(2.5rem,8vw)}.project-detail__hero{aspect-ratio:4/5}}.fact-link{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em;transition:color var(--interaction-response) var(--ease-response)}.fact-link:focus-visible,.fact-link:hover{color:var(--color-rust)}