.case-study-hero>.container{gap:var(--space-8);padding-block:clamp(5rem, 11vw, 9rem) var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1.4fr) minmax(16rem,.6fr);display:grid}.case-study-hero__intro h1{font-size:var(--type-display);letter-spacing:-.055em;margin:0;font-weight:620;line-height:.98}.case-study-hero__summary{max-width:62ch;margin:var(--space-5) 0 0;color:var(--color-text-muted);font-size:var(--type-lg);line-height:1.5}.case-study-hero__badges{gap:var(--space-2);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.case-study-hero .hero-actions{margin-top:var(--space-5)}.external-label{color:var(--color-text-subtle);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.72em;font-weight:500}.case-study-hero__meta{padding-top:var(--space-6);border-top:1px solid var(--color-border-strong);align-self:end}.case-study-hero__meta .technical{margin:0 0 var(--space-4)}.metadata-list,.metadata-list div{margin:0}.metadata-list{gap:var(--space-3);display:grid}.metadata-list div{gap:var(--space-1);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);display:grid}.metadata-list dt{color:var(--color-text-subtle);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:var(--type-sm);text-transform:uppercase}.metadata-list dd{color:var(--color-text-muted);font-size:var(--type-base);margin:0}.case-study-section{padding-block:clamp(4.5rem,8vw,7rem)}.case-study-section--tinted{border-block:1px solid var(--color-border);background:color-mix(in oklab, var(--color-surface) 42%, var(--color-background))}.case-study-copy{max-width:var(--reading-width);color:var(--color-text-muted);font-size:var(--type-base);line-height:1.7}.case-study-copy p{margin:0 0 var(--space-4)}.case-study-copy p:last-child{margin-bottom:0}.case-study-copy strong{color:var(--color-text);font-weight:620}.case-study-copy code{border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-accent-strong);padding:.08em .3em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.9em}.profile-grid{background:var(--color-border);border:1px solid var(--color-border);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.profile-item{align-content:start;gap:var(--space-3);min-height:8rem;padding:var(--space-4);background:var(--color-surface);display:grid}.profile-item strong{font-size:var(--type-base);font-weight:580;line-height:1.4}.architecture-layout{gap:var(--space-8);grid-template-columns:minmax(0,.9fr) minmax(22rem,1.1fr);align-items:start;display:grid}.architecture-flow{background:var(--color-border);border:1px solid var(--color-border);gap:1px;margin:0;padding:0;list-style:none;display:grid}.architecture-flow li{column-gap:var(--space-3);padding:var(--space-4);background:var(--color-surface);grid-template-columns:3rem minmax(0,1fr);display:grid}.architecture-flow .technical{color:var(--color-accent-strong);grid-row:span 2}.architecture-flow strong{font-size:var(--type-base);font-weight:620}.architecture-flow small{color:var(--color-text-muted);font-size:var(--type-sm)}.decision-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.decision{padding:var(--space-5);border:1px solid var(--color-border);background:var(--color-surface)}.decision h3{margin:var(--space-4) 0 var(--space-4);letter-spacing:-.02em;font-size:1.3rem;font-weight:580;line-height:1.2}.decision p{margin:var(--space-3) 0 0;color:var(--color-text-muted);font-size:var(--type-base);line-height:1.6}.status-callout{gap:var(--space-6);max-width:70rem;padding:var(--space-6);border:1px solid var(--color-border-strong);background:var(--color-surface);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.status-callout .badge{margin-top:.2rem}.case-study-section--cta{border-top:1px solid var(--color-border-strong)}.case-study-cta{justify-content:space-between;align-items:end;gap:var(--space-6);display:flex}.case-study-cta h2{max-width:18ch;font-size:var(--type-xl);letter-spacing:-.04em;margin:0;font-weight:580;line-height:1.05}.case-study-cta .hero-actions{margin-top:0}@media (width<=60rem){.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.architecture-layout{grid-template-columns:1fr}}@media (width<=48rem){.case-study-hero>.container{gap:var(--space-7);grid-template-columns:1fr}.case-study-hero__meta{align-self:start}.decision-list{grid-template-columns:1fr}.status-callout{gap:var(--space-4);grid-template-columns:1fr}.case-study-cta{flex-direction:column;align-items:start}}@media (width<=32rem){.profile-grid{grid-template-columns:1fr}.case-study-hero .hero-actions,.case-study-cta .hero-actions{flex-direction:column;align-items:stretch}.case-study-hero .action-link,.case-study-cta .action-link{justify-content:space-between;width:100%}}
