.case-hero{position:relative;padding-block:48px 0}.case-hero .grid{position:relative;z-index:1;row-gap:1.5rem}.case-top{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.client-logo{height:32px;width:auto;max-width:200px;filter:brightness(0) invert(1);opacity:.85}:root[data-theme=light] .client-logo{filter:brightness(0)}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .client-logo{filter:brightness(0)}}.case-title{grid-column:1/-1;font-size:var(--display)}.case-lead{grid-column:1/-1;max-width:33.855em;font-size:var(--body-xl);color:var(--ink-muted)}.case-tags{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none}.case-tags li{font-size:var(--small);color:var(--ink-muted);border:1px solid var(--line);border-radius:999px;padding:.3rem .8rem}@media(min-width:1024px){.case-title{grid-column:1/12}.case-lead{grid-column:1/8}}.case-figure{grid-column:1/-1;position:relative;margin:1.5rem 0 0;overflow:clip;border-radius:var(--radius-m);aspect-ratio:21/9;border:1px solid var(--line);background:var(--bg-raised)}.case-figure img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 40%;object-position:50% 40%}@media(max-width:767px){.case-figure{aspect-ratio:4/3}}.case-glow{position:absolute;z-index:0;pointer-events:none;right:-18vw;top:-12vw;width:78vw;height:78vw;min-width:680px;min-height:680px;border-radius:50%;background:radial-gradient(circle,oklch(68% .17 var(--hue)/.34) 0,oklch(68% .17 var(--hue)/.12) 36%,transparent 66%);opacity:0;transition:opacity 1.8s ease .2s}html.ready .case-glow{opacity:1;animation:breathe 10s ease-in-out 2s infinite}:root[data-theme=light] .case-glow{opacity:.55}@media(prefers-color-scheme:light){:root:not([data-theme=dark]) .case-glow{opacity:.55}}.case-meta{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem 2rem;margin:1rem 0 0;padding-top:1.5rem;border-top:1px solid var(--line)}@media(min-width:768px){.case-meta{grid-template-columns:repeat(4,1fr)}}.case-meta div{display:grid;gap:.25rem;align-content:start}.case-meta dt{font-size:var(--small);color:var(--ink-muted)}.case-meta dd{margin:0;font-weight:500}.case-meta dd a{text-decoration:underline;text-underline-offset:.15em;text-decoration-color:var(--line-strong)}.case-meta dd a:hover{text-decoration-color:currentColor}@media(prefers-reduced-motion:reduce){.case-figure img,.case-glow,.in .case-card{animation:none!important}}.case-figure img{position:absolute;left:0;top:-6%;width:100%;height:112%}@supports (animation-timeline:view()){.case-figure img{animation:tiny-parallax linear both;animation-timeline:view();animation-range:cover 0 cover 100%}}main.case-page{--tint:oklch(var(--surface-l) var(--surface-c) var(--hue))}