.case-hero{--case-accent: var(--accent);--hero-focus: 50% 42%;position:relative;min-height:86svh;display:flex;align-items:flex-end;padding:clamp(150px,22vh,240px) var(--gutter) clamp(52px,8vh,96px);overflow:hidden;background:var(--bg-deep);isolation:isolate}.case-hero__media{position:absolute;inset:-8% 0;z-index:-2}.case-hero__media img{width:100%;height:100%;object-fit:cover;object-position:var(--hero-focus)}.case-hero__scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,oklch(.16 .008 250 / .72) 0%,oklch(.16 .008 250 / .28) 26%,oklch(.16 .008 250 / .55) 62%,var(--bg-deep) 94%,var(--bg) 100%),linear-gradient(100deg,oklch(.13 .008 250 / .86) 0%,oklch(.13 .008 250 / .5) 38%,transparent 68%);pointer-events:none}.case-hero__inner{position:relative;width:100%;max-width:var(--content-max);margin-inline:auto}.case-hero__text{display:flex;flex-direction:column;align-items:flex-start;max-width:62ch}.case-hero__eyebrow{display:flex;align-items:center;gap:14px;margin-bottom:clamp(20px,3vh,32px);color:var(--case-accent)}.case-hero__eyebrow span:last-child{color:var(--text-dim)}.case-hero .case-back{color:var(--text-dim)}.case-hero__rule{width:clamp(24px,4vw,52px);height:1px;background:currentColor;opacity:.5}.case-hero__title{font-size:clamp(2.2rem,5.8vw,5rem);font-weight:800;font-stretch:116%;letter-spacing:-.03em;line-height:1.02;max-width:14ch;text-align:left;text-shadow:0 2px 40px oklch(0 0 0 / .6)}.case-hero__line{display:block;overflow:clip}.case-hero__em{font-style:normal;color:var(--case-accent)}.case-hero__lede{margin-top:clamp(22px,3vh,34px);font-size:clamp(1.02rem,1.35vw,1.2rem);line-height:1.65;color:var(--text-dim);max-width:46ch}html.js:not(.reduced-motion) [data-case-title]{visibility:hidden}html.js:not(.reduced-motion) [data-case-in]{opacity:0;transform:translateY(26px);will-change:transform,opacity}.case-back{display:inline-flex;align-items:center;gap:10px;margin-bottom:clamp(20px,3vh,32px);color:var(--text-faint);transition:color .35s var(--ease-out)}.case-back:hover{color:var(--accent-bright)}.case-back svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .35s var(--ease-out)}.case-back:hover svg{transform:translate(-3px)}.case-facts{max-width:var(--content-max);margin-inline:auto;padding:clamp(28px,4vw,44px) var(--gutter);border-block:1px solid var(--line-soft)}.case-facts__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:clamp(24px,3vw,44px);margin:0}.case-facts dt{margin-bottom:8px}.case-facts dd{margin:0;font-size:1.02rem;font-weight:500;color:var(--text)}.case-facts__link{display:inline-flex;align-items:center;gap:8px;color:var(--accent-bright);transition:opacity .3s var(--ease-out)}.case-facts__link:hover{opacity:.75}.case-facts__link svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.case-body{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,.68fr);gap:clamp(28px,5vw,90px);align-items:start}.case-body--after-metrics{margin-top:clamp(48px,7vh,90px)}.case-body__label{position:sticky;top:108px}.case-body__label .telemetry{display:block;margin-bottom:14px}.case-body__heading{font-size:clamp(1.5rem,2.3vw,2.1rem);font-weight:750;font-stretch:112%;letter-spacing:-.02em;line-height:1.1}.case-prose>*+*{margin-top:1.25em}.case-prose p{font-size:clamp(1.05rem,1.35vw,1.2rem);color:var(--text-dim);max-width:62ch}.case-prose strong{color:var(--text);font-weight:600}.case-pull{margin-block:clamp(28px,4vh,48px);padding-left:clamp(18px,2vw,28px);border-left:2px solid var(--accent);font-size:clamp(1.25rem,2vw,1.7rem);font-weight:300;font-stretch:108%;line-height:1.35;letter-spacing:-.015em;color:var(--text);max-width:30ch}.case-steps{display:grid;gap:clamp(18px,2.5vw,28px);counter-reset:case-step}.case-step{position:relative;padding:clamp(24px,3vw,36px);border:1px solid var(--line-soft);border-radius:20px;background:#070c108c;transition:border-color .4s var(--ease-out),transform .4s var(--ease-out)}.case-step:hover{border-color:var(--line);transform:translateY(-2px)}.case-step__num{display:block;margin-bottom:14px;color:var(--accent)}.case-step h3{font-size:clamp(1.15rem,1.7vw,1.4rem);font-weight:700;font-stretch:110%;letter-spacing:-.015em;margin-bottom:10px}.case-step p{color:var(--text-dim);max-width:56ch}@media(min-width:900px){.case-steps--2up{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1px;background:var(--line-soft);border:1px solid var(--line-soft);border-radius:24px;overflow:hidden}.case-metric{padding:clamp(26px,3.4vw,44px);background:var(--bg)}.case-metric__value{font-size:clamp(2.2rem,4.4vw,3.6rem);font-weight:800;font-stretch:120%;letter-spacing:-.03em;line-height:1;color:var(--accent-bright)}.case-metric__label{margin-top:14px;font-size:.98rem;color:var(--text-dim);max-width:24ch}.case-gallery{display:grid;gap:clamp(28px,5vh,64px)}@media(min-width:1000px){.case-gallery--split{grid-template-columns:repeat(2,minmax(0,1fr))}.case-gallery--split .case-shot--wide{grid-column:1 / -1}}.case-shot{margin:0;border:1px solid var(--line-soft);border-radius:18px;overflow:hidden;background:var(--surface)}.case-shot__chrome{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line-soft);background:var(--surface-2)}.case-shot__chrome i{width:9px;height:9px;border-radius:50%;background:var(--line)}.case-shot__url{margin-left:10px;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.06em;color:var(--text-faint)}.case-shot__frame{position:relative;aspect-ratio:16 / 10;display:grid;place-items:center;background:repeating-linear-gradient(-45deg,#292e34 0 10px,#22272c 10px 20px)}.case-shot__frame img{width:100%;height:100%;object-fit:cover}.case-shot__ph{padding:10px 18px;border:1px solid var(--line);border-radius:999px;background:var(--bg);color:var(--text-faint)}.case-shot figcaption{padding:14px 16px;background:var(--bg);border-top:1px solid var(--line-soft)}.case-chips{display:flex;flex-wrap:wrap;gap:10px}.case-chips li{padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:.92rem;color:var(--text-dim);transition:border-color .35s var(--ease-out),color .35s var(--ease-out)}.case-chips li:hover{border-color:var(--accent);color:var(--text)}.case-live{max-width:var(--content-max);margin-inline:auto;padding:clamp(36px,5vw,64px) var(--gutter)}.case-live__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:clamp(28px,4vw,48px);border:1px solid var(--line-soft);border-radius:24px;background:radial-gradient(80% 140% at 0% 0%,oklch(.18 .04 128 / .35),transparent 65%),#070c108c}.case-live__title{font-size:clamp(1.35rem,2.4vw,2rem);font-weight:750;font-stretch:112%;letter-spacing:-.02em;line-height:1.15}.case-live__note{margin-top:8px;color:var(--text-dim)}.case-related__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,2.6vw,36px)}.case-related .work__visual{border-radius:18px}.case-related .mock{width:min(80%,300px);padding:11px}.case-related .work__meta{padding-top:18px}.case-related .work__name{font-size:clamp(1.15rem,1.5vw,1.45rem)}.case-related .work__desc{font-size:.95rem}@media(max-width:980px){.case-hero{min-height:78svh}.case-hero__title{max-width:18ch}}@media(max-width:860px){.case-body{grid-template-columns:minmax(0,1fr)}.case-body__label{position:static}.case-related__grid{grid-template-columns:minmax(0,1fr)}.case-related .mock{width:min(72%,380px)}}@media(max-width:560px){.case-hero{--hero-focus: 50% 42%;min-height:82svh;padding-top:clamp(120px,18vh,170px)}.case-hero__scrim{background:linear-gradient(to bottom,oklch(.16 .008 250 / .68) 0%,oklch(.16 .008 250 / .34) 22%,oklch(.16 .008 250 / .86) 58%,var(--bg-deep) 92%,var(--bg) 100%)}.case-hero__eyebrow{flex-wrap:wrap}}