.case-studies__shell{position:relative}.case-studies__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;max-width:42rem;margin-inline:auto;margin-bottom:clamp(2rem,5vw,3.5rem)}.case-studies__title{margin:0;font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:600;line-height:1.25;letter-spacing:-.03em;text-wrap:balance;color:var(--color-ink)}.case-studies__lead{margin:0;max-width:50rem;font-size:clamp(1.0625rem,2.2vw,1.375rem);line-height:1.75;color:oklch(.72 .04 281/.82);text-wrap:pretty}.case-studies__explore{margin-top:.5rem}.case-studies__grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));list-style:none;margin:0;padding:0}.case-studies__item{display:flex}.case-studies__card{display:flex;flex-direction:column;width:100%;overflow:hidden;border-radius:1.25rem;text-decoration:none;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-border);transition:transform .3s ease-out,border-color .3s ease-out}.case-studies__card:hover{transform:translateY(-.25rem);border-color:var(--color-primary);text-decoration:none}.case-studies__cover{width:100%;aspect-ratio:16/10;object-fit:cover;background:var(--color-surface-raised)}.case-studies__cover--placeholder{background:radial-gradient(circle at 18% 18%,oklch(.635 .21 281/.28),transparent 42%),linear-gradient(145deg,oklch(.18 .055 281),oklch(.12 .04 281))}.case-studies__card-body{display:flex;flex-direction:column;gap:.625rem;padding:1.5rem}.case-studies__tag{display:inline-flex;width:fit-content;padding:.125rem .625rem;border-radius:.375rem;font-size:.8125rem;font-weight:600;color:var(--color-accent);background:var(--color-wash)}.case-studies__client{margin:0;font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.case-studies__summary{margin:0;font-size:.9375rem;line-height:1.6;color:oklch(.72 .04 281/.82)}.case-studies__meta{margin:0;font-size:.875rem;color:oklch(.72 .04 281/.7)}@media (prefers-reduced-motion:reduce){.case-studies__card{transition:none}.case-studies__card:hover{transform:none}}