.case-study-page{padding-bottom:1.5rem}.case-study-back{min-height:44px;color:var(--muted);letter-spacing:.025em;text-transform:uppercase;align-items:center;font-size:11px;font-weight:400;text-decoration:none;display:inline-flex}.case-study-back:hover,.case-study-toc a:hover{color:var(--foreground)}.case-study-hero{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:.5rem;display:grid}.case-study-intro{min-width:0;padding:var(--panel-padding);background:var(--surface);flex-direction:column;justify-content:center;display:flex}.case-study-intro h1{max-width:20ch;margin-block:.5rem}.case-study-eyebrow,.case-study-toc>p{color:var(--muted);letter-spacing:.025em;font-size:11px;font-weight:400}.case-study-subtitle,.case-study-role dt{color:var(--muted)}.case-study-role{margin:1.5rem 0 0}.case-study-role dd{margin:0}.case-study-hero>.case-study-figure{grid-column:span 2;align-self:stretch}.case-study-layout{grid-template-columns:minmax(12rem,1fr) minmax(0,3fr);gap:clamp(1.5rem,4vw,4rem);margin-top:2rem;display:grid}.case-study-sidebar,.case-study-content{min-width:0}.case-study-toc{max-height:calc(100dvh - 3rem);padding-block:1.5rem;position:sticky;top:1.5rem;overflow-y:auto}.case-study-toc ol{gap:.5rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.case-study-toc a{color:var(--muted);text-decoration:none;display:block}.case-study-section{border-top:1px solid var(--border);padding-block:2rem;scroll-margin-top:1.5rem}.case-study-section-body,.case-study-section-body>*+*,.case-study-persona>*+*{margin-top:1rem}.case-study-content p,.case-study-content li{color:var(--muted)}.case-study-content p,.case-study-section-body>ul,.case-study-content blockquote{max-width:78ch}.case-study-content strong{color:var(--foreground);font-weight:500}.case-study-content h3{font-size:inherit;font-weight:400;line-height:var(--body-line-height);margin-bottom:.5rem}.case-study-content ul{padding-left:1.25rem;list-style:outside}.case-study-content li+li{margin-top:.5rem}.case-study-overview{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.case-study-summary-card{background:var(--surface);min-width:0;padding:1.25rem}.case-study-personas{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;display:grid}.case-study-comparison,.case-study-screen-grid{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.case-study-screen-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.case-study-screen-grid h3{min-height:calc(2 * var(--body-line-height))}.case-study-comparison>section,.case-study-screen-grid>section,.case-study-persona{min-width:0}.case-study-figure{min-width:0;margin:0}.case-study-section-body>.case-study-figure{margin-block:1.5rem}.case-study-persona>.case-study-figure{max-width:10rem}.case-study-image{width:100%;height:auto;display:block}.case-study-image-placeholder{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:8rem;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;padding:1rem;display:flex}.case-study-placeholder-note,.case-study-image-placeholder code{font-size:11px;line-height:16px}.case-study-placeholder-note{text-transform:uppercase;letter-spacing:.025em}.case-study-image-placeholder code{overflow-wrap:anywhere}.case-study-stats{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-block:1rem;display:grid}.case-study-stats>div{border-block:1px solid var(--border);flex-direction:column-reverse;padding:1rem;display:flex}.case-study-stats dt{color:var(--muted)}.case-study-stats dd{color:var(--foreground);margin:0 0 .5rem;font-size:1.5rem;font-weight:500;line-height:1.5}.case-study-content blockquote{border-left:1px solid var(--border);padding-left:1rem}.case-study-content blockquote p+p{margin-top:1rem}.case-study-context-note{border-left:1px solid var(--border);background:var(--surface);max-width:78ch;color:var(--muted);padding:1rem}.case-study-end{border-top:1px solid var(--border);padding-block:1rem}@media (max-width:80rem){.case-study-overview{grid-template-columns:minmax(0,1fr)}}@media (max-width:64rem){.case-study-screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-study-screen-grid h3{min-height:0}.case-study-hero,.case-study-layout{grid-template-columns:minmax(0,1fr)}.case-study-hero>.case-study-figure{grid-column:auto}.case-study-toc{max-height:none;padding-block:0;position:static}.case-study-toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1.5rem}}@media (max-width:36rem){.case-study-personas,.case-study-comparison,.case-study-screen-grid{grid-template-columns:minmax(0,1fr)}.case-study-stats>div{padding-inline:0}.case-study-stats dt{font-size:11px}}