.case-study{--reveal-distance:var(--motion-distance-text);--reveal-stagger:var(--motion-stagger-tight);width:100%;max-width:var(--page-max);background-color:var(--color-paper);background-image:var(--texture-paper);background-size:var(--texture-size);border-inline:var(--border-thin);margin:0 auto}.case-study__hero{border-block-end:var(--border-thin);grid-template-columns:minmax(0,.95fr) minmax(24rem,1.05fr);min-width:0;display:grid}.case-study__hero-copy{gap:var(--space-6);min-width:0;padding:clamp(var(--space-6), 5vw, var(--space-9));border-inline-end:var(--border-thin);align-content:end;display:grid}.case-study h1,.case-study__chapter h2{min-width:0;font-family:var(--font-display);letter-spacing:0;overflow-wrap:break-word;text-transform:uppercase;word-break:normal;font-weight:700}.case-study h1{text-wrap:balance;font-size:clamp(3.8rem,6.7vw,6.6rem);line-height:.86}.case-study__summary{max-width:44rem;color:var(--color-graphite);font-size:clamp(1.05rem,1.6vw,1.34rem);line-height:1.6}.case-study__facts{border-block-start:var(--border-thin);display:grid}.case-study__facts>div{gap:var(--space-3);min-width:0;padding-block:var(--space-3);border-block-end:var(--border-thin);grid-template-columns:minmax(7rem,.24fr) minmax(0,.76fr);display:grid}.case-study__facts dt,.case-study__chapter-index,.case-study__rail a span,.case-study__mobile-progress span,.case-study__pager span{color:var(--color-metadata);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:500}.case-study__facts dd{min-width:0;color:var(--color-graphite);overflow-wrap:anywhere;line-height:1.5}.case-study__hero-media{min-width:0;color:var(--color-paper);background:var(--color-graphite);grid-template-rows:minmax(0,1fr) auto;place-items:center;display:grid;overflow:hidden}.case-study__hero-media picture{width:100%;min-width:0;min-height:32rem;padding:var(--space-4);place-items:center;display:grid}.case-study__hero-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:min(52rem,70vh);display:block}.case-study__mobile-progress{display:none}.case-study__body{border-block-end:var(--border-thin);grid-template-columns:minmax(14rem,.28fr) minmax(0,.72fr);min-width:0;display:grid}.case-study__rail{top:calc(var(--site-header-height) + var(--space-2));min-width:0;padding:var(--space-5);border-inline-end:var(--border-thin);align-self:start;position:sticky}.case-study__rail nav{gap:var(--space-1);display:grid}.case-study__rail a{gap:var(--space-2);min-height:2.75rem;padding:var(--space-2);text-transform:uppercase;grid-template-columns:2.4rem minmax(0,1fr);align-items:center;text-decoration:none;display:grid}.case-study__rail a:hover,.case-study__rail a.is-active{background:var(--color-signal)}.case-study__rule{height:1px;background:var(--color-ink);margin-block-start:var(--space-6);position:relative}.case-study__rule span{width:var(--case-progress,14.2%);background:var(--color-signal);border:var(--border-thin);transition:width var(--motion-duration-fast) ease;position:absolute;inset-block:-3px;inset-inline-start:0}.case-study__chapters{min-width:0;display:grid}.case-study__chapter{--reveal-duration:var(--motion-duration-reveal);--reveal-distance:var(--motion-distance-text);border-block-end:var(--border-thin);grid-template-columns:4.5rem minmax(0,1fr);min-width:0;display:grid}.case-study__chapter:last-child{border-block-end:0}.case-study__chapter-index{border-inline-end:var(--border-thin);color:var(--color-metadata);background:0 0;place-items:start center;padding-block-start:clamp(var(--space-6), 5vw, var(--space-9));display:grid}.case-study__chapter-copy{gap:var(--space-5);min-width:0;padding:clamp(var(--space-6), 5vw, var(--space-9));display:grid}.case-study__chapter h2{font-size:clamp(2.6rem,5vw,5rem);line-height:.94}.case-study__chapter p{max-width:48rem;color:var(--color-graphite);font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.7}.case-study__pager{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-study__pager a,.case-study__pager>span{gap:var(--space-2);min-height:9rem;padding:var(--space-5);border-inline-end:var(--border-thin);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;align-content:center;font-size:clamp(1.8rem,3vw,3rem);font-weight:700;line-height:.95;text-decoration:none;display:grid}.case-study__pager a:last-child,.case-study__pager>span:last-child{border-inline-end:0}.case-study__pager a:hover{background:var(--color-signal)}.case-study__pager span{color:var(--color-metadata)}@media (width<=980px){.case-study__hero,.case-study__body{grid-template-columns:1fr}.case-study__hero-copy,.case-study__rail{border-inline-end:0;border-block-end:var(--border-thin)}.case-study__rail{position:static}.case-study__rail nav{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=760px){.case-study__mobile-progress{top:var(--site-header-height);z-index:20;gap:var(--space-1);padding:var(--space-3) var(--space-4);color:var(--color-paper);background:var(--color-ink);border-block-end:var(--border-thin);display:grid;position:sticky}.case-study__mobile-progress span,.case-study__mobile-progress strong{font-family:var(--font-mono);text-transform:uppercase;font-size:.68rem;font-weight:500}.case-study__mobile-progress span{color:var(--color-ash)}.case-study__mobile-progress strong{color:var(--color-paper)}.case-study__rail{display:none}.case-study__hero-copy,.case-study__chapter-copy{padding:var(--space-7) var(--space-4)}.case-study h1{font-size:clamp(3.2rem,14.5vw,4.8rem)}.case-study__facts>div,.case-study__chapter,.case-study__pager{grid-template-columns:1fr}.case-study__chapter-index{padding:var(--space-3) var(--space-4);border-inline-end:0;border-block-end:var(--border-thin);place-items:center start}.case-study__pager a,.case-study__pager>span{border-inline-end:0;border-block-end:var(--border-thin);min-height:6rem}}
