.case-material{--material-green:#344b40}.material-opening{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem);padding-block:2rem 3rem;display:grid}.material-opening>*{min-width:0}.material-intro{grid-area:1/2}.material-hero{grid-area:1/1}.material-hero .case-image-link{aspect-ratio:4/5;max-height:54rem}.material-hero figcaption{padding-inline:0}.material-hero .case-enlarge{display:none}.material-payoff{padding-top:.5rem;font-size:1rem;font-weight:700;line-height:1.5}.material-payoff span{color:var(--red)}.material-intro h1{letter-spacing:-.055em;color:var(--material-green);margin-bottom:2rem;font-size:clamp(5rem,10vw,10rem);line-height:.88}.material-intro h1 span{color:var(--red)}.material-subtitle{letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance;margin-bottom:1.5rem;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1}.material-intro .lead{max-width:30rem;font-size:clamp(1.125rem,1.35vw,1.25rem);line-height:1.7}.material-intro .text-link{max-width:100%;min-height:2.75rem}.material-context{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding-bottom:2rem;display:grid}.material-context .case-draft{max-width:40rem;margin:0}.material-context .case-facts{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding-top:1rem}.material-overview{background:var(--sand);margin-top:var(--case-space);padding-block:var(--case-space) 2rem}.material-overview-heading{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:4rem;display:grid}.material-overview-heading h2{margin-bottom:0;font-size:clamp(2.6rem,5vw,5rem)}.material-overview-heading>p{max-width:34rem;margin:0;font-size:1.2rem;line-height:1.7}.material-overview .case-feature{background:0 0;padding-top:3rem;padding-bottom:0}.material-overview .case-image-link{aspect-ratio:16/9}.case-material .case-wordmark-rail{padding-block:2rem 3rem}.case-material .case-rail-inner{color:var(--material-green);font-size:clamp(5rem,19vw,19rem)}.material-chapter{padding-block:var(--case-space);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:clamp(3rem,7vw,7rem);scroll-margin-top:2rem;display:grid}.material-chapter>*{min-width:0}.material-chapter-copy{grid-area:1/2;padding-block:3rem}.material-chapter-image{grid-area:1/1}.material-chapter h2{letter-spacing:-.035em;max-width:18ch;font-size:clamp(2.4rem,4vw,4rem);line-height:1.08}.material-chapter .case-prose{padding-top:.5rem;font-size:1.2rem;line-height:1.7}.material-chapter-image .case-image-link{aspect-ratio:4/5}.material-interlude{background:var(--material-green);color:var(--paper);padding-block:var(--case-space)}.material-interlude :focus-visible{outline-color:#fff}.material-interlude a:hover{color:inherit}.material-pair{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding-top:0}.material-pair .material-tall .case-image-link{aspect-ratio:3/4}.material-pair .material-lower{padding-top:clamp(2rem,12vw,12rem)}.material-pair .material-lower .case-image-link{aspect-ratio:5/4}.material-interlude .case-image-number{color:var(--sand)}.material-final-chapter{background:var(--wash)}.case-material .material-gallery{padding-block:var(--case-space)}.material-gallery .case-gallery-heading{align-items:flex-end;margin-bottom:3rem}.material-gallery .case-gallery-heading h2{font-size:clamp(2.6rem,5vw,5rem)}.material-gallery .case-gallery-heading .measure{max-width:32rem;margin-top:1rem}.material-gallery-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:2rem 3rem;display:grid}.material-gallery-grid>*{min-width:0}.material-gallery-grid figure:first-child{grid-row:span 2}.material-gallery-grid figure:first-child .case-image-link{aspect-ratio:2/3}.material-gallery-grid figure:not(:first-child) .case-image-link{aspect-ratio:16/9}.material-gallery-grid .case-enlarge{display:none}.material-gallery-grid:has(>figure:only-child){grid-template-columns:1fr}.material-gallery-grid figure:only-child{grid-row:auto}.material-gallery-grid figure:only-child .case-image-link{aspect-ratio:16/9}@media (width>=1101px) and (height>=800px){.material-chapter-image{top:calc(var(--header-height,8rem) + 3rem);position:sticky}.material-chapter-image .case-image-link{max-height:calc(100svh - 12rem)}.material-chapter-copy{min-height:calc(105svh - 6rem)}}@media (width<=1100px){.material-chapter{gap:2.5rem}.material-chapter-copy{padding-block:1rem}.material-chapter h2{font-size:clamp(2.2rem,3.6vw,3.5rem)}}@media (width<=900px){.material-opening{grid-template-columns:1fr;align-items:start;gap:2.5rem}.material-intro{grid-area:1/1}.material-hero{grid-area:2/1}.material-intro h1{font-size:clamp(5rem,17vw,9rem);line-height:.95}.material-intro h1 br{display:none}.material-subtitle{font-size:clamp(2.2rem,5vw,3rem)}.material-hero .case-image-link{aspect-ratio:4/3;max-height:none}.material-context,.material-overview-heading,.material-chapter,.material-pair{grid-template-columns:1fr;gap:2rem}.material-overview-heading h2{font-size:clamp(2.6rem,7vw,4rem)}.material-chapter-copy{grid-area:1/1;padding:0}.material-chapter-image{grid-area:2/1}.material-chapter h2{max-width:24ch;font-size:clamp(2.3rem,6vw,3.5rem)}.material-chapter-image .case-image-link{aspect-ratio:4/3}.material-pair .material-lower{padding:0}.material-gallery-grid{gap:2rem}}@media (width<=650px){.material-opening{padding-block:1.5rem 2rem}.material-intro h1{margin-bottom:1.5rem;font-size:clamp(3.5rem,16vw,6rem)}.material-hero .case-image-link{aspect-ratio:4/5}.material-overview-heading>p,.material-chapter .case-prose{font-size:1.125rem}.material-overview .case-image-link{aspect-ratio:4/3}.material-gallery-grid{grid-template-columns:1fr}.material-gallery-grid figure:first-child{grid-row:auto}.material-gallery-grid figure:first-child .case-image-link{aspect-ratio:3/4}.material-gallery-grid figure:not(:first-child) .case-image-link{aspect-ratio:4/3}.material-gallery .case-gallery-heading .text-link{margin-top:1rem}}@media (forced-colors:active){.case-material{--material-green:CanvasText}.material-interlude{color:canvastext;background:canvas}.material-interlude .case-image-number{color:canvastext}}@media (prefers-reduced-motion:reduce){.material-chapter-image{position:static}.material-chapter-copy{min-height:0}}
