.case{max-width:70rem;padding:calc(var(--space-gutter) + 5rem) var(--space-gutter) var(--space-section);gap:clamp(2rem,1rem + 3vw,3.5rem);margin-inline:auto;display:grid}.case-back{font-weight:700;font-size:var(--text-sm);border:2px solid var(--color-ink);border-radius:var(--radius-sticker);background:var(--color-surface-raised);box-shadow:var(--shadow-sticker);transition:transform var(--duration-fast) var(--ease-spring);justify-self:start;align-items:center;gap:.5rem;padding:.5rem 1.1rem;text-decoration:none;display:inline-flex}.case-back:hover{transform:translate(-2px,-2px)rotate(-1deg)}.case-head{gap:1rem;display:grid}.case-head h1{font-size:var(--text-2xl);max-width:16ch;font-weight:800}.case-meta{flex-wrap:wrap;gap:.6rem;display:flex}.case-chip{font-family:var(--font-mono), monospace;font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;border:2px solid var(--color-ink);border-radius:var(--radius-sticker);background:var(--color-butter);padding:.3rem .85rem;font-weight:600}.case-chip.client{background:var(--color-lime);color:var(--color-ink-fixed)}.case-live{justify-self:start}.case-gallery{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(1rem,2vw,1.75rem);display:grid}.case-shot{border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sticker-lg);background:var(--color-surface-raised);margin:0;overflow:hidden}.case-shot img{width:100%;height:auto;display:block}.case-shot.tall{grid-row:span 2;justify-self:center;max-width:22rem}@media (max-width:700px){.case-gallery{grid-template-columns:1fr}.case-shot.tall{grid-row:auto}}.case-chip.concept{background:var(--color-surface-raised);color:var(--color-text-soft);border-style:dashed;border-color:var(--color-text-soft)}.case-cover{border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-sticker-lg);aspect-ratio:200/120;width:100%;max-width:40rem;max-height:24rem;margin-inline:auto;overflow:hidden}.case-cover svg{width:100%;height:100%;display:block}.case-cols{grid-template-columns:1fr 1fr;gap:clamp(1.25rem,1rem + 1.5vw,2.5rem);display:grid}.case-block h2{font-size:var(--text-xl);margin-bottom:.75rem;font-weight:800}.case-block p{color:var(--color-text-soft);max-width:55ch}.case-outcomes{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.case-outcomes li{border:2px solid var(--color-ink);border-radius:var(--radius-tile);background:var(--color-surface-raised);box-shadow:var(--shadow-sticker);align-items:baseline;gap:.6rem;padding:.8rem 1rem;font-weight:600;display:flex}.case-outcomes li:before{content:"✦";color:var(--color-coral)}.case-nav{border-top:var(--border-ink);justify-content:space-between;gap:1rem;padding-top:1.5rem;display:flex}.case-cta{border:var(--border-ink);border-radius:var(--radius-card);background:var(--color-ink);color:var(--color-on-dark);box-shadow:var(--shadow-sticker-lg);padding:var(--space-card);justify-items:start;gap:1rem;display:grid}.case-cta h2{font-size:var(--text-xl);font-weight:800}@media (max-width:700px){.case-cols{grid-template-columns:1fr}}