.case-page{--case-space:calc(var(--section-space) * .6)}.case-topbar{align-items:center;gap:var(--grid-gap);padding-bottom:var(--space-4);border-bottom:1px solid var(--rule);font-size:var(--type-ui);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.case-back{gap:var(--space-2);white-space:nowrap;min-height:var(--control-height);padding-inline:var(--space-3);justify-self:start}.case-topbar-kind,.case-topbar-domain{color:var(--ink-muted)}.case-back svg,.case-stepper svg{width:1.125rem;height:1.125rem}.case-stepper{justify-self:end;align-items:center;gap:var(--space-2);font-family:var(--font-pixel);font-size:var(--type-card);letter-spacing:var(--tracking-display);display:flex}.case-stepper>span{margin-right:var(--space-2)}.case-stepper a{width:var(--control-height);height:var(--control-height);border:1px solid var(--rule);color:var(--ink);transition:var(--transition-control);border-radius:50%;place-items:center;display:grid}.case-stepper a:hover{border-color:var(--charcoal);background:var(--action-fill) 0 0 / 200% 200%;color:var(--on-action-fill)}.case-hero{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));margin-top:var(--space-6);border:1px solid var(--rule);display:grid}.case-hero-colour{gap:var(--space-4);padding:var(--space-4);background:var(--project-color);color:var(--project-ink);grid-column:span 2;grid-template-rows:auto minmax(0,1fr) auto;display:grid}.case-hero-colour>span:first-child{font-size:var(--type-card);line-height:var(--leading-tight)}.case-hero-material{min-height:var(--space-16);position:relative}.case-hero-material>.material-field{position:absolute;inset:0}.case-hero-copy{align-content:space-between;justify-items:start;gap:var(--space-6);padding:var(--space-6);border-inline:1px solid var(--rule);grid-column:span 5;display:grid}.case-title>p{font-size:var(--type-title);line-height:var(--leading-tight)}.case-kind{align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--type-label);text-transform:uppercase;display:inline-flex}.case-kind>span{background:var(--project-color);outline:1px solid var(--rule);width:.625rem;height:.625rem}.case-lead{max-width:30ch;color:var(--ink-muted);font-size:var(--type-section);line-height:var(--leading-ui)}.case-actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.case-cover{grid-column:span 5;min-height:30rem;position:relative}.case-cover>.project-artwork.project-artwork--cover{aspect-ratio:auto;position:absolute;inset:0}.case-cover .project-cover{aspect-ratio:auto;border:0}.case-cover .project-cover--campaign{background:var(--surface)}.case-cover .project-cover--campaign .project-cover-media{inset:var(--space-4)}.case-facts{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--rule);display:grid}.case-facts>div{align-content:start;gap:var(--space-2);padding:var(--space-3) var(--space-4) var(--space-4);grid-column:span 2;display:grid}.case-facts>div+div{border-left:1px solid var(--rule)}.case-facts>div:nth-child(3),.case-facts>div:nth-child(4){grid-column:span 3}.case-facts dt{color:var(--ink-muted)}.case-facts dd{font-size:var(--type-ui);line-height:var(--leading-ui)}.case-facts a,.case-live-caption a{text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);text-underline-offset:.3em;transition:text-decoration-color var(--motion-ui) var(--ease-ui)}.case-page :is(.text-link,.case-facts a):hover{-webkit-text-decoration-color:var(--accent-text);text-decoration-color:var(--accent-text)}@media (64rem<=width<80rem){.case-hero-copy{border-right:0;grid-column:span 6}.case-cover{aspect-ratio:3;border-top:1px solid var(--rule);grid-column:1/-1;min-height:0}.case-facts>div,.case-facts>div:is(:nth-child(3),:nth-child(4)){grid-column:span 2}.case-facts>div:nth-child(5){border-left:0;border-top:1px solid var(--rule);grid-column:1/-1}}@media (width<64rem){.case-topbar{grid-template-columns:minmax(0,1fr) auto}.case-topbar-kind,.case-topbar-domain{display:none}.case-hero-colour{grid-column:1/-1;grid-template-rows:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;min-height:5rem}.case-hero-material{align-self:stretch;min-height:0}.case-hero-copy{padding:var(--space-6) var(--space-4);border:0;border-top:1px solid var(--rule);grid-column:1/-1}.case-cover{aspect-ratio:8/5;border-top:1px solid var(--rule);grid-column:1/-1;min-height:0}.case-facts>div,.case-facts>div:is(:nth-child(3),:nth-child(4)){grid-column:span 2}.case-facts>div:nth-child(odd){border-left:0}.case-facts>div:nth-child(n+3){border-top:1px solid var(--rule)}.case-facts>div:last-child:nth-child(odd){grid-column:1/-1}}.case-sections{margin-top:var(--space-8)}.subnav.case-sections>[aria-current]{background:var(--accent-fill) 0 0 / 200% 100%;color:var(--on-accent-fill)}.case-overview,.case-stack,.case-live,.case-services,.case-reading{margin-top:var(--case-space)}.case-page .section-head{margin-bottom:var(--space-6);padding-top:var(--space-3)}.case-page .section-head>h2{grid-column:1/span 7;max-width:none}.case-page .section-head>div{grid-column:8/-1}.case-row-label{color:var(--ink-muted)}.case-overview .article-marble{row-gap:var(--space-6)}.case-overview .article-marble>.case-row-label{grid-column:1/span 2}.case-overview .article-marble>.article-body{grid-column:3/span 5;align-self:start}.case-overview .article-marble>.marble-quote{grid-column:8/-1;min-height:15rem}.case-overview-text p{font-size:var(--type-section);line-height:var(--leading-text);letter-spacing:var(--tracking-ui)}.case-overview-text p:first-letter{float:left;color:var(--accent-text);font-family:var(--font-pixel);font-size:var(--type-title);line-height:var(--leading-crop);margin:.1em .12em 0 0}.case-overview-marble>p{padding:var(--space-6);border-radius:var(--radius-feature-inner);background:var(--canvas);color:var(--ink);font-size:var(--type-card);line-height:var(--leading-ui);letter-spacing:var(--tracking-ui)}.case-story-row{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--grid-gap);row-gap:var(--space-4);margin-top:var(--space-12);display:grid}.case-story-row>.case-row-label{padding-top:var(--space-3);grid-column:1/span 2}.case-story{grid-column:3/-1;grid-template-columns:subgrid;row-gap:var(--space-8);display:grid}.case-story>li{grid-column:span 5;grid-template-columns:var(--space-12) minmax(0, 1fr);align-content:start;gap:var(--space-2) var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--rule);display:grid}.case-story-number{color:var(--accent-text);font-family:var(--font-pixel);font-size:var(--type-editorial);line-height:var(--leading-crop);letter-spacing:var(--tracking-display);grid-row:span 2}.case-story h3{padding-top:var(--space-1)}.case-story p{max-width:60ch;line-height:var(--leading-text)}.case-stack dl{border-top:1px solid var(--rule)}.case-stack dl>div{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--grid-gap);padding-block:var(--space-3);border-bottom:1px solid var(--rule);align-items:baseline;display:grid}.case-stack dt{grid-column:1/span 2}.case-stack dd{grid-column:3/-1}.case-stack ul{gap:var(--space-2);flex-wrap:wrap;display:flex}.case-stack li{min-height:2rem;padding-inline:var(--space-3);border:1px solid var(--rule);border-radius:var(--radius-pill);font-size:var(--type-ui);line-height:var(--leading-ui);align-items:center;display:inline-flex}.case-stack li.case-stack-placeholder{color:var(--ink-muted);border-style:dashed}.case-stack li>span{white-space:pre}.case-features{margin-top:var(--case-space);padding-block:var(--space-6) var(--space-12)}.case-features ol{border-top:1px solid color-mix(in srgb, var(--rule) 30%, transparent);display:grid}.case-features li{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--grid-gap);padding-block:var(--space-4);border-bottom:1px solid color-mix(in srgb, var(--rule) 30%, transparent);align-items:baseline;display:grid}.case-features li>span{color:var(--accent-text);font-family:var(--font-pixel);font-size:var(--type-editorial);line-height:var(--leading-tight);letter-spacing:var(--tracking-display);grid-column:1/span 2}.case-features h3{font-size:var(--type-section);line-height:var(--leading-body);letter-spacing:var(--tracking-text);grid-column:3/-1}.case-live-body{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));column-gap:var(--grid-gap);row-gap:var(--space-4);display:grid}.case-live-caption{align-content:start;gap:var(--space-3);color:var(--ink-muted);font-size:var(--type-ui);line-height:var(--leading-ui);grid-column:1/span 2;display:grid}.case-live-caption a{color:var(--ink)}.case-browser{grid-column:3/-1}.case-browser img{aspect-ratio:2;object-fit:cover;object-position:top;width:100%;height:auto}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.case-browser{animation:linear both case-settle;animation-timeline:view(0);animation-range:entry entry 65vh}}}@keyframes case-settle{0%{translate:0 4rem;scale:.92}to{translate:0;scale:1}}.case-reading ul{border-top:1px solid var(--rule);border-left:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-reading li{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}.case-reading ul a{align-content:start;gap:var(--space-3);height:100%;padding:var(--space-6);border-radius:var(--radius-tile);transition:var(--transition-card);display:grid}.case-reading li span{color:var(--ink-muted);font-size:var(--type-ui)}.case-reading h3{font-size:var(--type-section);line-height:var(--leading-ui)}.case-reading p{color:var(--ink-muted);font-size:var(--type-ui)}.case-page>.invitation-field{margin-top:var(--case-space)}.case-page .invitation-field-inner{min-height:min(24rem,60svh);padding-block:var(--space-8)}.case-pager{gap:var(--grid-gap);padding-block:var(--space-12) var(--case-space);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-pager a{gap:var(--space-2);display:grid}.case-pager .project-artwork.project-artwork--cover{margin-bottom:var(--space-3);aspect-ratio:2}.case-pager a:last-child :is(.project-artwork,.project-cover){border-radius:var(--radius-feature)}.case-pager span{color:var(--ink-muted);font-size:var(--type-ui)}.case-pager strong{font-size:var(--type-section);justify-content:space-between;align-items:center;font-weight:500;display:flex}.case-pager strong svg{width:1.25rem;height:1.25rem;transition:translate var(--spring-bounce)}.case-pager a:hover strong svg{translate:var(--space-1) 0}@media (64rem<=width<80rem){.case-page .section-head>h2{grid-column:1/span 5}.case-page .section-head>div{grid-column:6/-1}.case-overview .article-marble>.article-body{grid-column:3/-1}.case-overview .article-marble>.marble-quote{grid-column:3/-1;min-height:14rem}.case-story>li{grid-column:span 3}}@media (width<64rem){.case-page .section-head>:is(h2,div){grid-column:1/-1}.case-row-label{display:none}.case-overview .article-marble>:is(.article-body,.marble-quote){grid-column:1/-1}.case-overview .article-marble>.marble-quote{min-height:14rem}.case-overview-text p{font-size:var(--type-body)}.case-story-row{margin-top:var(--space-8)}.case-story{row-gap:var(--space-6);grid-column:1/-1;grid-template-columns:minmax(0,1fr)}.case-story>li{grid-column:1/-1}.case-story-number{font-size:var(--type-section)}.case-stack dl>div{row-gap:var(--space-2)}.case-stack :is(dt,dd){grid-column:1/-1}.case-features li>span{font-size:var(--type-section);grid-column:1}.case-features h3{font-size:var(--type-card);grid-column:2/-1}.case-live-caption,.case-browser{grid-column:1/-1}.case-reading ul{grid-template-columns:minmax(0,1fr)}}@media (width<48rem){.case-pager{grid-template-columns:minmax(0,1fr)}.case-cover :is(.project-cover-copy,.project-cover-registration){display:none}.case-cover .project-cover--composed .project-cover-media{border:0;inset:0}.case-browser img{aspect-ratio:4/3}}