.project-film-gallery{--project-film-gallery-frame-width:min(70rem, 82vw, calc(72svh * 1.58));--project-film-gallery-edge:max(var(--page-gutter), calc((100vw - var(--project-film-gallery-frame-width)) / 2))}.project-film-gallery__controls{display:flex}.project-film-gallery__viewport{width:100%}.project-film-gallery__track{padding-inline:var(--project-film-gallery-edge);align-items:stretch;gap:clamp(.6rem,1vw,.9rem);width:max-content;display:flex}.project-film-gallery__frame{color:var(--color-primary);cursor:pointer;flex:0 0 var(--project-film-gallery-frame-width);text-align:left}.project-film-gallery__scrollbar{color:var(--color-primary);margin:var(--space-snug) auto 0;max-width:calc(100% - (var(--page-gutter) * 2));width:var(--project-film-gallery-frame-width)}.project-film-gallery__media{width:100%;display:block;position:relative;overflow:hidden}.project-film-gallery__image{object-fit:cover}@media not all and (min-width:48rem){.project-film-gallery{--project-film-gallery-frame-width:min(88vw, calc(70svh * 1.25))}.project-film-gallery__controls{display:none}}
.project-detail__masthead,.case-study__masthead{min-height:clamp(27rem,55svh,42rem);padding:calc(var(--layout-header-clearance) + 6rem) var(--page-gutter) var(--space-block)}.project-detail__title span,.case-study__title span{animation:project-title-in 1s var(--ease-os) both;display:inline-block}.project-detail__title span:nth-child(2),.case-study__title span:nth-child(2){animation-delay:80ms}.project-detail__title span:nth-child(3),.case-study__title span:nth-child(3){animation-delay:.16s}.project-detail__title span:nth-child(4),.case-study__title span:nth-child(4){animation-delay:.24s}@keyframes project-title-in{0%{opacity:0;transform:translateY(.6em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.project-detail__title span,.case-study__title span{animation:none!important}}.project-overview{padding:var(--space-opening) var(--page-gutter)}.project-overview__grid{gap:var(--space-section) var(--space-snug);max-width:var(--layout-content-cap);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.project-overview__intro{grid-column:1/span 7}.project-overview__intro h2{margin-top:var(--spacing-24)}.project-overview__intro>p:last-child{color:var(--color-secondary);font-size:var(--text-copy);line-height:var(--leading-copy);margin:var(--space-group) 0 0 auto;max-width:47ch}.project-overview__facts{grid-column:9/-1;align-self:end}.project-overview__facts>div,.project-overview__highlights>div{border-top:1px solid var(--color-hairline-light);grid-template-columns:minmax(7rem,.7fr) 1.3fr;gap:1rem;padding-block:1rem;display:grid}.project-overview__facts dd,.project-overview__highlights dd{line-height:var(--leading-support)}.project-overview__highlights{grid-column:1/span 7}.project-overview__highlights>div{grid-template-columns:minmax(7rem,.62fr) 1.38fr;padding-block:1.35rem}.project-overview__highlights dd{color:var(--color-secondary);font-size:var(--text-support);max-width:52ch}.project-overview__scope{grid-column:9/-1}.project-overview__scope ul{border-top:1px solid var(--color-hairline-light);margin-top:var(--spacing-24);padding-top:var(--spacing-24);grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1.5rem;display:grid}.project-overview__scope li{color:var(--color-secondary);font-size:var(--text-support);line-height:var(--leading-support)}.project-detail__sticky-back,.case-study__back{background:#f3f2eef0}@supports (color:color-mix(in lab, red, red)){.project-detail__sticky-back,.case-study__back{background:color-mix(in srgb, var(--color-bg) 94%, transparent)}}.project-detail__sticky-back,.case-study__back{border:1px solid var(--color-hairline-light);border-radius:var(--radius-button);color:var(--color-primary);left:var(--page-gutter);top:calc(var(--layout-header-clearance) + .75rem);transition:background var(--motion-duration-quick) var(--ease-os), color var(--motion-duration-quick) var(--ease-os), transform var(--motion-duration-quick) var(--ease-os), translate var(--motion-duration-measured) var(--ease-os), visibility 0s linear 0s;visibility:visible;z-index:var(--layer-dock);padding:.8rem 1rem;position:fixed;translate:0}:root[data-bar=hidden] .project-detail__sticky-back,:root[data-bar=hidden] .case-study__back{pointer-events:none;transition:background var(--motion-duration-quick) var(--ease-os), color var(--motion-duration-quick) var(--ease-os), transform var(--motion-duration-quick) var(--ease-os), translate var(--motion-duration-measured) var(--ease-os), visibility 0s linear var(--motion-duration-measured);translate:0 calc(-100% - var(--layout-header-clearance) - .75rem);visibility:hidden}.project-detail__sticky-back:hover,.project-detail__sticky-back:focus-visible,.case-study__back:hover,.case-study__back:focus-visible{background:var(--color-ink);color:var(--color-on-dark);transform:translate(-.2rem)}.project-detail__hero-media,.case-study__hero-media{will-change:transform;height:100%;position:relative}.project-detail__more-link,.case-study__more-link{flex-direction:column;align-self:start;min-width:0;display:flex}.project-detail__more-list,.case-study__more-grid{gap:var(--space-section) var(--space-tight);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.project-detail__more-link:first-child,.case-study__more-link:first-child{grid-area:1/1/auto/span 4}.project-detail__more-link:nth-child(2),.case-study__more-link:nth-child(2){padding-top:var(--space-chapter);grid-area:1/6/auto/span 3}.project-detail__more-link:nth-child(3),.case-study__more-link:nth-child(3){padding-top:var(--space-tight);grid-area:1/10/auto/-1}.project-detail__more-link:nth-child(4),.case-study__more-link:nth-child(4){grid-area:2/2/auto/span 4}.project-detail__more-link:nth-child(5),.case-study__more-link:nth-child(5){padding-top:var(--space-section);grid-area:2/7/auto/span 5}.project-detail__more-link:nth-child(2) .project-detail__more-media,.case-study__more-link:nth-child(2) .case-study__more-media{aspect-ratio:.86}.project-detail__more-link:nth-child(3) .project-detail__more-media,.case-study__more-link:nth-child(3) .case-study__more-media{aspect-ratio:1.08}.project-detail__more-link:nth-child(4) .project-detail__more-media,.case-study__more-link:nth-child(4) .case-study__more-media{aspect-ratio:1.5}.project-detail__more-link:nth-child(5) .project-detail__more-media,.case-study__more-link:nth-child(5) .case-study__more-media{aspect-ratio:1.55}.project-detail__more-link strong,.case-study__more-link strong{font-weight:var(--font-display-weight);margin-top:1.1rem}.project-detail__more-media,.case-study__more-media{aspect-ratio:1.35;display:block;position:relative;overflow:hidden}.project-detail__more-arrow,.case-study__more-arrow{align-self:flex-end;margin-top:-1.1rem;font-size:1rem}.project-detail__more-link:hover .project-detail__more-image,.project-detail__more-link:focus-visible .project-detail__more-image,.case-study__more-link:hover .case-study__more-image,.case-study__more-link:focus-visible .case-study__more-image{filter:saturate(1.08)contrast(1.02);transform:scale(1)}.project-detail__more-link strong,.project-detail__more-meta,.case-study__more-link strong,.case-study__more-meta{transition:transform .55s var(--ease-os)}.project-detail__more-meta,.case-study__more-meta{color:var(--color-secondary);margin-top:.65rem}.project-detail__more-link:is(:hover,:focus-visible) :is(strong,.project-detail__more-meta),.case-study__more-link:is(:hover,:focus-visible) :is(strong,.case-study__more-meta){transform:translate(.5rem)}@media (min-width:48rem){@media (prefers-reduced-motion:no-preference){.project-detail__more-list,.case-study__more-grid{--plate-width:min(24vw, 27rem);--plate-ratio:1.2;--plate-height:calc(var(--plate-width) / var(--plate-ratio));--plate-clearance:calc(var(--plate-height) / 2);--more-row-space:var(--spacing-15);--more-label-open:9rem;--plate-y:0px;padding-block:var(--plate-clearance);display:block;position:relative}.project-detail__more-link:nth-child(n),.case-study__more-link:nth-child(n){border-top:1px solid var(--color-hairline-light);padding-block:var(--space-tight);transition:opacity var(--motion-duration-measured) var(--ease-os);flex-direction:row;align-items:baseline;display:flex}.project-detail__more-link:nth-child(n):last-child,.case-study__more-link:nth-child(n):last-child{border-bottom:1px solid var(--color-hairline-light)}.project-detail__more-link:nth-child(n) strong,.case-study__more-link:nth-child(n) strong{font-size:var(--text-subsection);letter-spacing:var(--tracking-subsection);line-height:var(--leading-subsection);margin-top:0}.project-detail__more-link:nth-child(n) .project-detail__more-meta,.case-study__more-link:nth-child(n) .case-study__more-meta{opacity:0;min-width:0;max-width:0;transition:max-width var(--motion-duration-measured) var(--ease-os), opacity var(--motion-duration-standard) var(--ease-os);white-space:nowrap;margin-top:0;display:block;overflow:hidden;transform:none}.project-detail__more-link:nth-child(n) .project-detail__more-meta>*,.case-study__more-link:nth-child(n) .case-study__more-meta>*{padding-inline-start:var(--more-row-space)}.project-detail__more-link:nth-child(n):hover .project-detail__more-meta,.case-study__more-link:nth-child(n):hover .case-study__more-meta{max-width:var(--more-label-open);opacity:1}.project-detail__more-link:nth-child(n) .project-detail__more-arrow,.case-study__more-link:nth-child(n) .case-study__more-arrow{margin-inline-start:var(--more-row-space);align-self:baseline;margin-top:0}.project-detail__more-link:nth-child(n) .project-detail__more-media,.case-study__more-link:nth-child(n) .case-study__more-media{aspect-ratio:var(--plate-ratio);clip-path:inset(100% 0% 0%);pointer-events:none;transform:translate3d(0, var(--plate-y), 0) translateY(-50%);transition:transform var(--motion-duration-measured) var(--ease-os), clip-path var(--motion-duration-extended) var(--ease-os);width:var(--plate-width);z-index:1;position:absolute;top:0;right:0}.project-detail__more-list[data-plate=placing] .project-detail__more-media,.case-study__more-grid[data-plate=placing] .case-study__more-media{transition:clip-path var(--motion-duration-extended) var(--ease-os)}.project-detail__more-list[data-plate] .project-detail__more-link:hover .project-detail__more-media,.case-study__more-grid[data-plate] .case-study__more-link:hover .case-study__more-media{clip-path:inset(0%);z-index:2}:is(.project-detail__more-list:has(.project-detail__more-link:hover) .project-detail__more-link:not(:hover),.case-study__more-grid:has(.case-study__more-link:hover) .case-study__more-link:not(:hover)){opacity:var(--state-receded)}}}.project-overview__facts dt,.project-overview__highlights dt,.case-study__metrics dt{color:var(--color-secondary)}@media not all and (min-width:48rem){.project-detail__more-heading h2,.case-study__more-heading h2{font-size:var(--text-section);letter-spacing:var(--tracking-section);line-height:var(--leading-section);white-space:normal}.project-detail__more-list,.case-study__more-grid{gap:var(--space-block);grid-template-columns:1fr}.project-detail__more-link:nth-child(n),.case-study__more-link:nth-child(n){grid-area:auto/1;margin:0;padding-top:0}.project-detail__more-link:nth-child(n+4),.case-study__more-link:nth-child(n+4){display:none}.project-detail__more-link:nth-child(n) .project-detail__more-media,.case-study__more-link:nth-child(n) .case-study__more-media{aspect-ratio:1.35}.project-detail__masthead,.case-study__masthead{min-height:54svh;padding:calc(var(--layout-header-clearance) + 5rem) var(--page-gutter) 3rem}.project-overview__grid{grid-template-columns:1fr}.project-overview__intro,.project-overview__facts,.project-overview__highlights,.project-overview__scope{grid-column:1}.project-overview__intro>p:last-child{margin-left:0}.project-overview__facts>div,.project-overview__highlights>div{grid-template-columns:7rem 1fr}.project-detail__sticky-back,.case-study__back,.case-study__contents-trigger{background:#f3f2eef0}@supports (color:color-mix(in lab, red, red)){.project-detail__sticky-back,.case-study__back,.case-study__contents-trigger{background:color-mix(in srgb, var(--color-bg) 94%, transparent)}}.project-detail__sticky-back,.case-study__back,.case-study__contents-trigger{border-color:var(--color-hairline-light);border-radius:var(--radius-button);box-sizing:border-box;height:var(--layout-tap-target)}.project-detail__sticky-back,.case-study__back{left:var(--layout-page-gutter);top:calc(var(--layout-header-clearance) + var(--layout-mobile-dock-inset));white-space:nowrap;width:var(--layout-tap-target);justify-content:center;align-items:center;padding:0;transform:none}.case-study__back{--mobile-bar-companion-exit:var(--case-mobile-dock-exit)}.project-return__label{display:none}.project-detail__sticky-back:hover,.project-detail__sticky-back:focus-visible,.case-study__back:hover,.case-study__back:focus-visible{transform:translateY(-.15rem)}}
.case-study{--case-body-leading:var(--leading-copy);--case-body-size:var(--text-copy);--case-gutter:var(--layout-page-gutter-immersive);--page-gutter:var(--case-gutter);--case-hero-inset:var(--layout-hero-inset);background:var(--color-bg);color:var(--color-primary);overflow:clip}.case-study__reading-progress{height:.125rem;left:0;right:0;top:var(--layout-header-clearance);transition:top var(--motion-duration-measured) var(--ease-os);width:100%;z-index:var(--layer-progress);position:fixed}.case-study__reading-progress-motion,.case-study__reading-progress-fill{width:100%;height:100%;display:block}.case-study__reading-progress-fill{background:var(--color-accent);transform-origin:0;width:100%;height:100%;display:block;transform:scaleX(0)}.case-study__contents-progress{display:none}:root[data-bar=hidden] .case-study__reading-progress{top:0}.case-study__hero{padding-bottom:var(--space-block)}.case-study__masthead{will-change:opacity, transform;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:2rem;display:grid}.case-study__hero-eyebrow{grid-column:1/span 3;align-self:start}.case-study__title{grid-column:1/span 8}.case-study__deck{color:var(--color-secondary);font-size:var(--text-lede);line-height:var(--leading-lede);grid-column:9/-1;align-self:end;max-width:38ch}.case-study__hero-frame{height:clamp(36rem,76svh,64rem);margin-inline:var(--case-hero-inset);will-change:margin;position:relative;overflow:hidden}.case-study__hero-image,.case-study__media-image,.case-study__comparison-image,.case-study__more-image{object-fit:cover}.case-study__overview-intro h2{max-width:18ch}.case-study__article{border-top:1px solid var(--color-hairline-light);gap:var(--space-group);max-width:calc(var(--layout-content-cap) + (var(--case-gutter) * 2));padding-inline:var(--case-gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.case-study__contents{padding-bottom:var(--space-snug);padding-top:var(--space-chapter);top:calc(var(--layout-header-clearance) + 2rem);transition:top var(--motion-duration-measured) var(--ease-os);grid-column:1/span 3;align-self:start;position:sticky}.case-study__contents-trigger{display:none}.case-study__contents-control{display:contents}:root[data-bar=hidden] .case-study__contents{top:2rem}.case-study__contents ol{border-top:1px solid var(--color-hairline-light);margin-top:var(--spacing-24);max-width:11.25rem}.case-study__contents a{border-bottom:1px solid var(--color-hairline-light);color:var(--color-secondary);font-size:var(--text-micro);line-height:var(--leading-micro);transition:color var(--motion-duration-quick) var(--ease-os), padding-left var(--motion-duration-quick) var(--ease-os);padding-block:.9rem;display:block}.case-study__contents a:hover,.case-study__contents a:focus-visible{color:var(--color-primary);padding-left:.45rem}.case-study__contents a[aria-current=location]{color:var(--color-primary);padding-left:.7rem}.case-study__chapters{grid-column:4/-1;min-width:0}.case-study__chapter{border-bottom:1px solid var(--color-hairline-light);padding-block:var(--space-chapter);scroll-margin-top:calc(var(--layout-header-clearance) + 2rem)}.case-study__chapter:last-child{border-bottom:0}.case-study__chapter--flush-end{border-bottom:0;padding-bottom:0}.case-study__chapter-header{gap:var(--spacing-24);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.case-study__chapter-header>p{grid-column:1/span 2}.case-study__chapter-header h2{grid-column:3/span 7;max-width:17ch}.case-study__blocks,.case-study__blocks>*+*{margin-top:var(--space-section)}.case-study__prose{color:var(--color-secondary);font-size:var(--case-body-size);line-height:var(--case-body-leading);max-width:47rem;margin-left:22%}.case-study__prose p+p{margin-top:var(--spacing-28)}.case-study__subsection{max-width:47rem;margin-left:22%}.case-study__subsection>.os-spec{color:var(--color-accent)}.case-study__subsection>h3{max-width:24ch;margin-top:1.25rem}.case-study__subsection-prose{color:var(--color-secondary);font-size:var(--case-body-size);line-height:var(--case-body-leading);max-width:47rem;margin-top:2rem}.case-study__subsection-prose p+p{margin-top:var(--spacing-28)}.case-study__media{min-width:0}.case-study__media--wide{width:100%}.case-study__media--inset{width:88%;margin-left:12%}.case-study__media--portrait{width:70%;margin-left:auto}.case-study__media-frame,.case-study__feature-media,.case-study__process-media{position:relative;overflow:hidden}.case-study__media--wide .case-study__media-frame{aspect-ratio:1.8}.case-study__media--inset .case-study__media-frame{aspect-ratio:1.5}.case-study__media--portrait .case-study__media-frame{aspect-ratio:1.12}.case-study__media-layer{will-change:transform;width:100%;height:100%;display:block;position:relative}.case-study figcaption{color:var(--color-secondary);font-size:var(--text-support);line-height:var(--leading-support);max-width:48ch;margin-top:.9rem}.case-study__media-pair{gap:var(--space-tight);grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.case-study__media-pair-lead{grid-column:1/span 6}.case-study__media-pair-support{padding-bottom:var(--space-block);grid-column:7/-1;align-self:end}.case-study__media-pair-lead .case-study__media-frame{aspect-ratio:1.42}.case-study__media-pair-support .case-study__media-frame{aspect-ratio:.84}.case-study__media-pair--balanced{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study__media-pair--balanced .case-study__media-pair-lead,.case-study__media-pair--balanced .case-study__media-pair-support{grid-column:auto;align-self:start;padding-bottom:0}.case-study__media-pair--balanced .case-study__media-frame{aspect-ratio:1.5}.case-study__media-pair--reverse{grid-template-columns:repeat(10,minmax(0,1fr))}.case-study__media-pair--reverse .case-study__media-pair-lead{grid-column:1/span 4;align-self:center}.case-study__media-pair--reverse .case-study__media-pair-support{grid-column:5/-1;align-self:start;padding-bottom:0}.case-study__media-pair--reverse .case-study__media-pair-lead .case-study__media-frame{aspect-ratio:1.3}.case-study__media-pair--reverse .case-study__media-pair-support .case-study__media-frame{aspect-ratio:1.5}.case-study__quote{max-width:21ch;margin-left:10%}.case-study__feature{background:var(--color-ink);color:var(--color-on-dark);grid-template-columns:minmax(24rem,.95fr) minmax(0,1.05fr);min-height:42rem;display:grid}.case-study__feature-copy{padding:var(--space-group);align-self:center}.case-study__feature-copy>p:first-child{color:#f6f4f094}@supports (color:color-mix(in lab, red, red)){.case-study__feature-copy>p:first-child{color:color-mix(in srgb, var(--color-on-dark) 58%, transparent)}}.case-study__feature-copy h3{margin-top:var(--spacing-24);max-width:13ch}.case-study__feature-copy>p:last-child{color:#f6f4f0bd}@supports (color:color-mix(in lab, red, red)){.case-study__feature-copy>p:last-child{color:color-mix(in srgb, var(--color-on-dark) 74%, transparent)}}.case-study__feature-copy>p:last-child{font-size:var(--case-body-size);line-height:var(--case-body-leading);max-width:42ch;margin-top:2.5rem}.case-study__process{border-top:1px solid var(--color-hairline-light)}.case-study__process>li{border-bottom:1px solid var(--color-hairline-light);gap:var(--space-group);padding-block:var(--space-block);grid-template-columns:minmax(15rem,.72fr) minmax(0,1.28fr);display:grid}.case-study__process>li:nth-child(2n) .case-study__process-copy{grid-area:1/2}.case-study__process>li:nth-child(2n) .case-study__process-media{grid-area:1/1}.case-study__process-copy{align-self:center}.case-study__process-copy>.os-spec{color:var(--color-secondary)}.case-study__process-copy h3{margin-top:1.1rem}.case-study__process-copy>p:not(.os-spec){color:var(--color-secondary);font-size:var(--case-body-size);line-height:var(--case-body-leading);margin-top:var(--spacing-24);max-width:38ch}.case-study__process-value{border-left:1px solid var(--color-accent);padding-left:1rem}.case-study__process-value span{color:var(--color-primary);margin-bottom:.4rem;display:block}.case-study__process-media{aspect-ratio:1.45}.case-study__comparisons{gap:var(--space-section);display:grid}.case-study__comparison{width:88%}.case-study__comparison:nth-child(2n){margin-left:auto}.case-study__comparison-stage{aspect-ratio:4/3;background:var(--color-ink);position:relative;overflow:hidden}.case-study__comparison-before{position:absolute;inset:0;overflow:hidden}.case-study__comparison-label{background:var(--compare-pill);z-index:2;padding:.55rem .7rem;position:absolute;top:1rem}.case-study__comparison-label--before{left:1rem}.case-study__comparison-label--after{right:1rem}.case-study__comparison-divider{background:var(--color-on-dark);z-index:3;width:.125rem;position:absolute;top:0;bottom:0;transform:translate(-50%)}.case-study__comparison-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-study__comparison-range{cursor:ew-resize;opacity:0;z-index:4;width:100%;height:100%;position:absolute;inset:0}.case-study__comparison-stage:focus-within{outline:.1875rem solid var(--color-accent);outline-offset:.25rem}.case-study__metrics{border-top:1px solid var(--color-hairline-light);gap:var(--space-group);padding-top:var(--space-group);grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));display:grid}.case-study__metrics>div{min-width:0}.case-study__metrics dd{margin-top:.8rem}.case-study-gallery{background:var(--color-bg-warm);padding-block:var(--space-opening);scroll-margin-top:calc(var(--layout-header-clearance) + 2rem)}.case-study-gallery__heading{align-items:start;gap:2rem var(--space-snug);max-width:var(--layout-content-cap);padding-inline:var(--case-gutter);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.case-study-gallery__heading>div:first-child{display:contents}.case-study-gallery__heading p{grid-column:1/span 3;align-self:start;padding-top:.65rem}.case-study-gallery__heading h2{grid-column:4/span 6;margin-top:0}.case-study-gallery__controls{grid-column:10/-1;justify-content:flex-end;align-self:end}.case-study-gallery__viewport{margin-top:var(--space-section)}.case-study-gallery__media{aspect-ratio:1.58}.case-study__more{background:var(--color-bg-warm);padding:var(--space-chapter) var(--case-gutter)}.case-study__more-heading,.case-study__more-grid{max-width:var(--layout-content-cap);margin-inline:auto}.case-study__more-heading{grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;display:grid}.case-study__more-heading p{grid-column:1/span 3}.case-study__more-heading h2{white-space:nowrap;grid-column:5/-1}.case-study__more-grid{margin-top:var(--space-section)}@media (min-width:48rem){@media (prefers-reduced-motion:no-preference){.case-study__more-grid{margin-top:0}}}.case-study__more-image{transform:scale(1.04)}.case-study__reveal-line{will-change:transform}@media not all and (min-width:48rem){.case-study{--case-mobile-dock-inset:var(--layout-mobile-dock-inset);--case-mobile-dock-height:calc(var(--layout-tap-target) + var(--case-mobile-dock-inset) + var(--case-mobile-dock-inset));--case-mobile-dock-exit:calc(0px - var(--layout-header-clearance) - var(--case-mobile-dock-height))}.case-study__reading-progress{top:var(--layout-header-clearance);transition:none}.case-study[data-case-contents-docked] .case-study__reading-progress{visibility:hidden}:root[data-bar=hidden] .case-study .case-study__reading-progress{top:0}.case-study__contents-progress{visibility:hidden;height:.125rem;display:block;position:absolute;bottom:0;left:0;right:0}.case-study[data-case-contents-docked] .case-study__contents-progress,:root[data-bar=hidden] .case-study[data-case-contents-docked] .case-study__reading-progress{visibility:visible}:root[data-bar=hidden] .case-study .case-study__contents-progress{visibility:hidden}.case-study__masthead{flex-direction:column;justify-content:flex-end;display:flex}.case-study__hero-eyebrow{margin-bottom:auto}.case-study__title{width:100%}.case-study__deck{max-width:36rem}.case-study__hero-frame{height:67svh}.case-study__article,.case-study__chapter-header,.case-study__more-heading{grid-template-columns:1fr}.case-study__contents,.case-study__chapters,.case-study__chapter-header>p,.case-study__chapter-header h2,.case-study__more-heading p,.case-study__more-heading h2{grid-column:1}.case-study__contents{--mobile-bar-companion-exit:var(--case-mobile-dock-exit);background:var(--color-bg);margin-inline:calc(-1 * var(--case-gutter));padding:var(--case-mobile-dock-inset) var(--layout-page-gutter);top:var(--layout-header-clearance);z-index:var(--layer-anchor);justify-content:flex-end;align-items:center;display:flex;position:sticky;overflow:visible}.case-study__contents>p{display:none}.case-study__contents-trigger{max-width:none;min-height:var(--layout-tap-target);justify-content:space-between;align-items:center;width:100%;margin-top:0;padding-block:0;display:flex}.case-study__contents-control{width:calc(100% - var(--layout-tap-target) - var(--space-snug));z-index:1;display:block;position:relative}.case-study__contents[data-open] .case-study__contents-trigger{border-color:var(--color-hairline-light)}.case-study__contents ol{background:var(--color-surface);border:1px solid var(--color-hairline-light);box-shadow:var(--shadow-dropdown);margin:var(--spacing-6) 0 0;max-height:calc(100svh - var(--layout-header-clearance) - var(--space-opening));border-radius:0;width:100%;max-width:100%;display:none;position:absolute;top:100%;left:0;right:auto;overflow-y:auto}.case-study__contents[data-open] ol{animation:os-select-list .18s var(--ease-os) both;display:block}.case-study__contents a{border-bottom:1px solid var(--color-hairline-light);color:var(--color-primary);min-height:var(--layout-tap-target);white-space:normal;padding:.75rem .9375rem}.case-study__contents li:last-child a{border-bottom:0}.case-study__contents a:hover,.case-study__contents a:focus-visible,.case-study__contents a[aria-current=location]{background:var(--color-secondary);color:var(--color-on-dark);padding-left:.9375rem}.case-study__contents a[aria-current=location]{border-bottom-color:var(--color-secondary)}.case-study__prose,.case-study__subsection{margin-left:0}.case-study__media--inset,.case-study__media--portrait,.case-study__comparison{width:100%;margin-left:0}.case-study__media--wide .case-study__media-frame,.case-study__media--inset .case-study__media-frame,.case-study__media--portrait .case-study__media-frame{aspect-ratio:1.2}.case-study__media-pair{display:block}.case-study__media-pair-support{margin:3.5rem 12vw 0;padding:0}.case-study__media-pair--balanced .case-study__media-pair-support{margin:2rem 0 0}.case-study__media-pair--reverse .case-study__media-pair-lead{margin-right:12vw}.case-study__media-pair--reverse .case-study__media-pair-support{margin:3rem 0 0}.case-study__quote{margin-left:0}.case-study__feature,.case-study__process>li{grid-template-columns:1fr}.case-study__feature{min-height:0}.case-study__feature-media{min-height:34rem}.case-study__process>li:nth-child(2n) .case-study__process-copy,.case-study__process>li:nth-child(2n) .case-study__process-media{grid-area:auto/1}.case-study__process-media{aspect-ratio:1.2}.case-study__metrics{grid-template-columns:1fr;gap:2.5rem}.case-study__metrics>div:nth-child(n){grid-column:1;margin-top:0}.case-study-gallery__heading,.case-study-gallery__heading>div:first-child{display:block}.case-study-gallery__heading h2{max-width:none;margin-top:1.25rem}.case-study-gallery__heading p{padding-top:0}.case-study-gallery__controls{margin-top:2.5rem}.case-study-gallery__controls button{flex:1;min-width:0}.case-study-gallery__viewport{margin-top:3rem}.case-study-gallery__media{aspect-ratio:1.25}.case-study__more-heading h2{white-space:normal}}@media (prefers-reduced-motion:reduce){.case-study__reading-progress,.case-study__contents-progress{display:none}[data-case-media]{clip-path:none!important}.case-study__more-image,.case-study__more-link strong,.case-study__more-meta,.case-study__more-arrow,.case-study__more-link:hover .case-study__more-image,.case-study__more-link:focus-visible .case-study__more-image,.case-study__more-link:hover :is(strong,.case-study__more-meta),.case-study__more-link:focus-visible :is(strong,.case-study__more-meta),.case-study__more-link:hover .case-study__more-arrow,.case-study__more-link:focus-visible .case-study__more-arrow{transform:none!important}}
.project-detail{--project-gutter:var(--layout-page-gutter-immersive);--page-gutter:var(--project-gutter);--hero-inset:var(--layout-hero-inset);background:var(--color-bg);color:var(--color-primary);overflow:clip}.project-detail__hero{background:var(--color-bg);padding-bottom:var(--space-block)}.project-detail__masthead{will-change:opacity, transform;align-items:flex-end;display:flex}.project-detail__title{max-width:min(92vw,92rem)}.project-detail__hero-frame{height:clamp(34rem,76svh,64rem);margin-inline:var(--hero-inset);will-change:margin;position:relative;overflow:hidden}.project-detail__hero-image,.project-detail__more-image{object-fit:cover}.project-detail__lede{font-family:var(--font-display), serif;font-synthesis:none;font-weight:var(--font-display-weight)}.project-detail__lede--long{max-width:29ch}.project-detail__lede--short{max-width:23ch}.project-detail__gallery{padding:var(--space-section) var(--project-gutter) var(--space-opening)}.project-detail__gallery-heading{align-items:start;gap:2rem var(--space-tight);max-width:var(--layout-content-cap);grid-template-columns:repeat(12,minmax(0,1fr));margin-inline:auto;display:grid}.project-detail__gallery-heading>p:first-child{grid-column:1/span 2}.project-detail__gallery-heading h2{grid-column:4/span 6;max-width:none}.project-detail__gallery-heading>p:last-child{color:var(--color-secondary);font-size:var(--text-support);line-height:var(--leading-support);grid-column:10/-1;align-self:end;max-width:33ch;margin:0 0 .2rem}.project-detail__plates{gap:var(--space-section);margin:var(--space-section) auto 0;max-width:var(--layout-content-cap);display:grid}.project-detail__plate{align-items:end;gap:var(--space-snug);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}.project-detail__plate-frame{position:relative;overflow:hidden}.project-detail__plate figcaption{color:var(--color-secondary);font-size:var(--text-support);line-height:var(--leading-support);align-self:end}.project-detail__plate figcaption>span{max-width:31ch;display:block}.project-detail__plate:first-child .project-detail__plate-frame{grid-column:1/span 6}.project-detail__plate:first-child figcaption{grid-column:7/span 3;padding-bottom:1rem}.project-detail__plate:nth-child(2){align-items:start}.project-detail__plate:nth-child(2) .project-detail__plate-frame{grid-area:1/5/auto/-1}.project-detail__plate:nth-child(2) figcaption{grid-area:1/2/auto/span 3;padding-top:1rem}.project-detail__plate:nth-child(3) .project-detail__plate-frame{grid-column:2/span 7}.project-detail__plate:nth-child(3) figcaption{grid-column:9/span 3;padding-bottom:1rem}.project-detail__plate:first-child .project-detail__plate-frame{aspect-ratio:1.1}.project-detail__plate:nth-child(2) .project-detail__plate-frame{aspect-ratio:1.48}.project-detail__plate:nth-child(3) .project-detail__plate-frame{aspect-ratio:1.38}.project-detail__plate-media{width:100%;height:100%;display:block;position:relative;overflow:hidden}.project-detail__plate-image{object-fit:cover}.project-detail__film{background:var(--color-bg-warm);color:var(--color-primary);padding-block:var(--space-chapter)}.project-detail__film-heading{margin:0 auto var(--space-block);max-width:var(--layout-content-cap);padding-inline:var(--project-gutter);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:3rem;display:grid}.project-detail__film-heading h2{margin-top:var(--spacing-24)}.project-detail__film-media{aspect-ratio:1.58;height:100%}.project-detail__more{background:var(--color-bg-warm);padding:var(--space-chapter) var(--project-gutter)}.project-detail__more-heading,.project-detail__more-list{max-width:var(--layout-content-cap);margin-inline:auto}.project-detail__more-heading{margin-bottom:var(--space-section);grid-template-columns:repeat(12,minmax(0,1fr));gap:2rem;display:grid}@media (min-width:48rem){@media (prefers-reduced-motion:no-preference){.project-detail__more-heading{margin-bottom:0}}}.project-detail__more-heading p{grid-column:1/span 3}.project-detail__more-heading h2{white-space:nowrap;grid-column:5/-1;max-width:none}.project-detail__more-image{object-fit:cover;transform:scale(1.04)}.project-detail__reveal-line,.project-detail__reveal-char{will-change:transform}@media not all and (min-width:48rem){.project-detail__hero-frame{height:66svh}.project-detail__gallery-heading{grid-template-columns:1fr}.project-detail__gallery-heading>p:first-child,.project-detail__gallery-heading h2,.project-detail__gallery-heading>p:last-child{grid-column:1}.project-detail__lede--long{max-width:30ch}.project-detail__lede--short{max-width:none}.project-detail__gallery-heading h2{max-width:18ch}.project-detail__gallery-heading>p:last-child{max-width:31rem}.project-detail__plates{gap:4rem}.project-detail__plate{display:block}.project-detail__plate:nth-child(n) .project-detail__plate-frame{aspect-ratio:1.15}.project-detail__plate figcaption{max-width:var(--measure-column);margin-top:1rem;padding:0}.project-detail__film-heading{grid-template-columns:1fr;align-items:start}.project-detail__gallery-controls{width:100%}.project-detail__gallery-controls button{flex:1;min-width:0}.project-detail__film-media{aspect-ratio:1.25}.project-detail__more-heading{grid-template-columns:1fr}.project-detail__more-heading p,.project-detail__more-heading h2{grid-column:1}.project-detail__more-heading h2{white-space:normal}.project-detail__more-arrow{font-size:1.1rem}}@media (prefers-reduced-motion:reduce){.project-detail__plate-frame{clip-path:none!important}.project-detail__more-arrow,.project-detail__more-image,.project-detail__more-link strong,.project-detail__more-meta,.project-detail__plate-image{transition:none!important}.project-detail__more-image,.project-detail__more-link:hover .project-detail__more-image,.project-detail__more-link:focus-visible .project-detail__more-image,.project-detail__more-link:hover :is(strong,.project-detail__more-meta),.project-detail__more-link:focus-visible :is(strong,.project-detail__more-meta),.project-detail__more-link:hover .project-detail__more-arrow,.project-detail__more-link:focus-visible .project-detail__more-arrow{transform:none!important}}