.case-study{padding-top:var(--section-gap-sm);padding-bottom:var(--section-gap-lg)}.case-study__header{margin-bottom:var(--section-gap-sm);max-width:900px}.case-study__label{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--spacing-05)}.case-study__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin-bottom:var(--spacing-06);text-wrap:balance}.case-study__subtitle{font-size:var(--font-size-xl);line-height:var(--line-height-relaxed);color:var(--color-muted);max-width:720px;margin:0}.case-study__meta{margin-bottom:var(--section-gap-sm);padding:var(--spacing-07) 0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.case-study__meta-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:var(--spacing-06);margin:0}.case-study__meta-item{display:flex;flex-direction:column;gap:var(--spacing-03)}.case-study__meta-item dt{font-size:var(--font-size-sm);color:var(--color-muted);letter-spacing:.05em;text-transform:uppercase}.case-study__meta-item dd{font-size:var(--font-size-base);line-height:var(--line-height-base);margin:0}@media(max-width:960px){.case-study__meta-grid{grid-auto-flow:row;grid-template-columns:repeat(2,1fr);gap:var(--spacing-07)}}@media(max-width:560px){.case-study__meta-grid{grid-auto-flow:row;grid-template-columns:1fr;gap:var(--spacing-06)}}.case-study__hook{margin-bottom:var(--section-gap-sm)}.case-study__hook-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-05)}@media(max-width:720px){.case-study__hook-list{grid-template-columns:1fr}}.case-study__hook-item{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-07);display:flex;flex-direction:column;gap:var(--spacing-04)}.case-study__hook-value{display:block;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);overflow-wrap:break-word}.case-study__hook-description{display:block;font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-muted)}.case-study__body{margin:0 auto var(--section-gap-sm)}.case-study__body>*:not(.case-study-visual){max-width:760px;margin-inline:auto}.case-study__body h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-heading);margin-top:var(--section-gap-sm);margin-bottom:var(--spacing-06);padding-bottom:var(--spacing-03);border-bottom:1px solid var(--color-border);text-wrap:balance}.case-study__body h2:first-child{margin-top:0}.case-study__body p{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-05)}.case-study__body p:last-child{margin-bottom:0}.case-study__body ul{padding-left:var(--spacing-07);margin-bottom:var(--spacing-05)}.case-study__body li{margin-bottom:var(--spacing-03);line-height:var(--line-height-relaxed)}.case-study__body li:last-child{margin-bottom:0}.case-study__body strong{font-weight:var(--font-weight-semibold)}.case-study__body code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.875em;background-color:var(--color-border);padding:.1em .35em;border-radius:var(--radius-sm)}.case-study__body a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em}.case-study__body a:hover{text-decoration-thickness:2px}.case-study__body a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}.case-study__note{margin-bottom:var(--section-gap-sm);padding:var(--spacing-06);border-left:2px solid var(--color-accent);background-color:var(--color-stage);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-muted)}.case-study__note strong{color:var(--color-on-surface);font-weight:var(--font-weight-semibold)}.case-study__body blockquote{margin:var(--spacing-09) 0;padding:var(--spacing-06) 0 var(--spacing-06) var(--spacing-07);border-left:2px solid var(--color-on-surface);font-size:var(--font-size-xl);font-style:italic;line-height:var(--line-height-relaxed)}.case-study__body blockquote p{font-size:inherit;line-height:inherit;margin-bottom:var(--spacing-05)}.case-study__body blockquote p:last-child{margin-bottom:0;font-style:normal;font-size:var(--font-size-base);color:var(--color-muted)}.case-study-visual{width:100%;margin-inline:0;padding:0;margin-block:var(--section-gap-sm);display:flex;flex-direction:column;position:relative;z-index:2}.case-study-visual__image{display:block;width:100%;height:auto;max-width:100%;border-radius:var(--radius-md)}.case-study-visual__placeholder{aspect-ratio:var(--visual-ratio, 16 / 9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-04);padding:var(--spacing-07) var(--spacing-06);text-align:center;border:1px dashed var(--color-border);border-radius:var(--radius-md);background-color:var(--color-stage);background-image:repeating-linear-gradient(45deg,var(--color-hatch) 0,var(--color-hatch) 1px,transparent 1px,transparent 9px)}.case-study-visual__flag{display:inline-flex;align-items:center;padding:2px var(--spacing-04);border:1px solid var(--color-border);border-radius:var(--radius-pill);background-color:var(--color-surface);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-label);color:var(--color-muted)}.case-study-visual__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-heading);margin:0}.case-study-visual__brief{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-muted);margin:0;max-width:52ch}.case-study-visual__pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-05)}@media(max-width:640px){.case-study-visual__pair{grid-template-columns:minmax(0,1fr)}}@media(max-width:640px){.case-study-visual__placeholder{aspect-ratio:auto;min-height:12rem}}.case-study-visual__caption{font-size:var(--font-size-sm);line-height:var(--line-height-base);color:var(--color-muted);margin-top:var(--spacing-05);text-align:center}.case-study__cover{margin:0 0 var(--section-gap-sm);padding:0}.case-study__next{margin-top:var(--section-gap-md);padding-top:var(--section-gap-sm);border-top:1px solid var(--color-border)}.case-study__next-link{display:flex;flex-direction:column;gap:var(--spacing-02);min-height:44px;padding-block:var(--spacing-03);color:var(--color-on-surface);text-decoration:none;transition:color var(--transition-fast)}.case-study__next-link:hover,.case-study__next-link:hover .case-study__next-label{color:var(--color-accent)}.case-study__next-link:focus-visible{outline:2px solid var(--color-focus);outline-offset:4px;border-radius:var(--radius-sm)}.case-study__next-label{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-label);text-transform:uppercase;color:var(--color-muted);transition:color var(--transition-fast)}.case-study__next-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);letter-spacing:var(--letter-spacing-heading)}.case-study__closing{max-width:760px;margin:var(--section-gap-sm) auto 0;padding-top:var(--spacing-07);border-top:1px solid var(--color-border);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed)}.case-study__closing a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.15em;display:inline-block;padding-block:var(--spacing-03)}.case-study__closing a:hover{text-decoration-thickness:2px}.case-study__closing a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:var(--radius-sm)}