.case-study{padding-block:var(--space-section)}.case-study__back{font-size:var(--text-xs);color:var(--color-text-dim);letter-spacing:.06em;text-transform:uppercase;display:block}.case-study__dot{width:8px;height:8px;margin-top:var(--space-8);border-radius:50%;display:inline-block}.case-study__identity{align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.case-study__name{font-size:var(--text-2xl)}.case-study__tagline{font-size:var(--text-lg);color:var(--color-text);max-width:42ch;margin-top:var(--space-2)}.case-study__media{margin-top:var(--space-8)}.case-study__body{max-width:68ch;margin-top:var(--space-12)}.case-study__intro{font-size:var(--text-lg);color:var(--color-text)}.case-study__section{margin-top:var(--space-12)}.case-study__heading{font-size:var(--text-xl);margin-bottom:var(--space-4)}.case-study__section p+p{margin-top:var(--space-4)}.case-study__decisions{counter-reset:decision;gap:var(--space-6);list-style:none;display:grid}.case-study__decisions li{counter-increment:decision;padding-left:var(--space-12);position:relative}.case-study__decisions li:before{content:counter(decision, decimal-leading-zero);font-family:var(--font-geist-mono);font-size:var(--text-xs);letter-spacing:.06em;color:var(--color-accent-text);position:absolute;top:.15em;left:0}.case-study__decisions h3{font-size:var(--text-base);margin-bottom:var(--space-1);line-height:1.3}.case-study__stack{border-top:1px solid var(--color-border)}.case-study__stack>div{gap:var(--space-4);padding-block:var(--space-3);border-bottom:1px solid var(--color-border);grid-template-columns:minmax(8rem,1fr) 2fr;display:grid}.case-study__stack dt{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-faint);padding-top:.2em}.case-study__stack dd{color:var(--color-text)}.case-study__links{gap:var(--space-6);margin-top:var(--space-12);flex-wrap:wrap;display:flex}.case-study__link{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-text);transition:opacity var(--duration-fast) var(--ease-out-expo)}.case-study__link:hover,.case-study__link:focus-visible{opacity:.75}