@layer components{.hero-portfolio{width:100%}@media not (min-width:48rem){.hero-portfolio .hero-portfolio__name{flex-direction:column;gap:0}.hero-portfolio .hero-portfolio__intro{gap:var(--space-5);grid-template-columns:minmax(0,1fr)}.hero-portfolio .hero-portfolio__actions{align-items:flex-start}}.hero-portfolio__name{font-size:var(--portfolio-name-size);letter-spacing:-.065em;justify-content:space-between;gap:.18em;font-weight:500;line-height:.95;display:flex}.hero-portfolio__intro{align-items:end;gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:minmax(0,1fr) auto;display:grid}.hero-portfolio__copy{max-width:54ch}.hero-portfolio__role{margin-bottom:var(--space-3)}.hero-portfolio__description{font-size:var(--text-large);line-height:1.4}.hero-portfolio__actions{align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.hero-portfolio__work{padding-block:var(--space-1);text-underline-offset:.25em;text-decoration:underline}.content-wrapper{--_visual-ratio:3 / 2;--_alignment:start;--_column-count:1;column-gap:var(--site-gutter);row-gap:var(--space-8);grid-template-columns:repeat(var(--_column-count), minmax(0, 1fr));flex-direction:column;align-items:stretch;width:100%;display:flex}.content-wrapper>*{align-items:var(--_alignment,start);text-align:var(--_alignment,start);flex-direction:column;width:100%;max-width:100%;display:flex}.content-wrapper>:first-child{align-self:center}.content-wrapper>:last-child:not(:has(>:not(.image,.video,.overlay))){border-radius:var(--radius-small);aspect-ratio:var(--_visual-ratio);position:relative}.content-wrapper>:last-child:not(:has(>:not(.image,.video,.overlay)))>:is(.image,.video,.overlay){border-radius:inherit;width:100%;height:100%;position:absolute;inset:0}.content-wrapper.content-wrapper--centered{--_alignment:center}.content-wrapper.content-wrapper--auto-width{justify-content:space-between;align-items:end;row-gap:var(--space-6);flex-flow:wrap}.content-wrapper.content-wrapper--auto-width>*{align-self:unset;width:auto}.content-wrapper.content-wrapper--auto-width>:last-child{min-width:min(4rem,100%)}.content-wrapper.content-wrapper--columns{column-gap:var(--section-space-small);display:grid}@media (min-width:64rem){.content-wrapper.content-wrapper--columns{--_column-count:2}.content-wrapper.content-wrapper--columns.content-wrapper--reversed>:last-child{order:-1}}.content-wrapper.content-wrapper--sticky-content{--_visual-ratio:1 / 1;display:grid}@media (min-width:64rem){.content-wrapper.content-wrapper--sticky-content{--_column-count:2}.content-wrapper.content-wrapper--sticky-content>:first-child{top:calc(var(--site-margin) + var(--nav-height));align-self:start;position:sticky}}.content-wrapper.content-wrapper--sticky-visual{--_visual-ratio:1 / 1;display:grid}@media (min-width:64rem){.content-wrapper.content-wrapper--sticky-visual{--_column-count:2}.content-wrapper.content-wrapper--sticky-visual>:first-child{align-self:start}.content-wrapper.content-wrapper--sticky-visual>:last-child{top:calc(var(--site-margin) + var(--nav-height));max-height:calc(100svh - var(--nav-height) - var(--site-margin) * 2);align-self:start;position:sticky}}.content-wrapper.content-wrapper--breakout{flex-shrink:0;align-self:center;gap:0;width:100vw;display:grid}.content-wrapper.content-wrapper--breakout>:first-child{width:var(--site-width);padding-block:var(--section-space-medium);margin-inline:auto}.content-wrapper.content-wrapper--breakout>:last-child{border-radius:0}@media (min-width:64rem){.content-wrapper.content-wrapper--breakout{--_column-count:2}.content-wrapper.content-wrapper--breakout>:first-child{max-width:calc(var(--max-width-main) / 2)}.content-wrapper.content-wrapper--breakout>:last-child{border-top-left-radius:var(--radius-small);border-bottom-left-radius:var(--radius-small)}.content-wrapper.content-wrapper--breakout.content-wrapper--reversed>:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:var(--radius-small);border-bottom-right-radius:var(--radius-small);order:-1}}.content-wrapper.content-wrapper--contain{background-color:var(--background-2);border-radius:var(--radius-main);gap:0;display:grid;position:relative;overflow:clip}.content-wrapper.content-wrapper--contain>:first-child{padding:var(--space-6)}.content-wrapper.content-wrapper--contain>:last-child{border-radius:0}@media (min-width:64rem){.content-wrapper.content-wrapper--contain{--_column-count:2}.content-wrapper.content-wrapper--contain.content-wrapper--reversed>:last-child{order:-1}}.content-wrapper.content-wrapper--card{border-radius:var(--radius-main);justify-content:center;min-height:26rem;position:relative;overflow:clip}.content-wrapper.content-wrapper--card>:first-child{padding:var(--space-6);padding-block:var(--section-space-medium);padding-inline:var(--space-5);z-index:1;--_alignment:center;position:relative}.content-wrapper.content-wrapper--card>:last-child{width:100%;height:100%;opacity:calc(var(--_media-opacity,70) / 100);pointer-events:none;border-radius:0;position:absolute;inset:0}.case-study{inline-size:100%;container:featured-case/inline-size}@container featured-case (width>=38rem){.case-study .case-study__introduction{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}}.case-study__tab{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);inline-size:min(90%,25rem);padding:var(--space-2) var(--space-3);background:var(--brand-500);color:var(--dark-900);flex-wrap:wrap;font-size:.8125rem;font-weight:500;display:flex}.case-study__sheet{gap:var(--space-5);padding:clamp(var(--space-3), 4cqi, var(--space-8));background:var(--portfolio-surface);flex-direction:column;display:flex}.case-study__introduction{gap:var(--space-5);display:grid}.case-study__heading{gap:var(--space-4);flex-direction:column;min-inline-size:0;display:flex}.case-study__eyebrow{font-size:.75rem;font-weight:500;line-height:1.5}.case-study__title{letter-spacing:-.075em;text-wrap:initial;overflow-wrap:anywhere;font-size:clamp(2.8rem,7.4cqi,7rem);font-weight:500;line-height:.94}.case-study__period{color:var(--portfolio-muted)}.case-study__description{align-items:start;gap:var(--space-4);font-size:var(--text-main);color:var(--portfolio-muted);flex-direction:column;min-inline-size:0;line-height:1.55;display:flex}.case-study__description p{max-inline-size:37ch}.case-study__artwork{padding:clamp(var(--space-2), 3cqi, var(--space-6));background:color-mix(in srgb, var(--portfolio-surface), var(--dark-900) 8%);padding-block-end:clamp(var(--space-4), 4cqi, var(--space-6));position:relative}.case-study__preview{display:block}.case-study__annotation{justify-content:center;align-items:center;gap:var(--space-1);inline-size:clamp(6.5rem,13cqi,10rem);max-inline-size:calc(100% - var(--space-4));background:var(--brand-500);color:var(--dark-900);box-shadow:0 .25rem .5rem color-mix(in srgb, var(--dark-900) 8%, transparent);flex-direction:column;padding:clamp(.75rem,2cqi,1.5rem);font-size:clamp(.625rem,1.2cqi,.75rem);display:flex;position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);transform:rotate(5deg)}.case-study__annotation-score{letter-spacing:-.06em;font-variant-numeric:tabular-nums;font-size:clamp(2.5rem,6cqi,4rem);font-weight:500;line-height:1}.case-study__annotation-score small{letter-spacing:normal;font-size:.3em}}