.case-hero,.case-page{background:var(--color-bg)}.case-hero{padding:calc(var(--navbar-height) + 48px) var(--container-padding) 64px}.case-hero__container{max-width:var(--container-max);margin:0 auto}.case-hero__back{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-muted);margin-bottom:28px;transition:color var(--transition)}.case-hero__back:focus-visible,.case-hero__back:hover{color:var(--color-accent)}.case-hero__meta{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px}.case-hero__title{font-family:var(--font-heading);font-size:clamp(2.25rem,4vw,3.5rem);font-weight:800;line-height:1.12;letter-spacing:-.025em;color:var(--color-primary);text-wrap:balance;max-width:820px}.case-hero__lead{margin-top:24px;font-size:clamp(1rem,1.4vw,1.125rem);line-height:1.8;color:var(--color-muted);max-width:var(--prose-max)}.case-hero__note{margin-top:16px;font-size:.875rem;line-height:1.6;color:var(--color-muted);max-width:var(--prose-max);opacity:.85}.case-section{padding:72px var(--container-padding)}.case-section--surface,.case-section--surface .case-goals li{background:var(--color-surface)}.case-section__container{max-width:var(--container-max);margin:0 auto}.case-section__container--narrow{max-width:820px}.case-section__label{display:block;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-muted);margin-bottom:12px}.case-section__title{font-family:var(--font-heading);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:800;letter-spacing:-.02em;color:var(--color-primary);line-height:1.2;text-wrap:balance}.case-section__text{margin-top:20px;font-size:1.0625rem;line-height:1.8;color:var(--color-muted);max-width:var(--prose-max)}.case-section__text+.case-section__text{margin-top:16px}.case-section__text a{color:var(--color-accent);font-weight:500;transition:color var(--transition);display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.case-section__text a:focus-visible,.case-section__text a:hover{color:var(--color-primary)}.case-goals{list-style:none;margin-top:24px;display:flex;flex-direction:column;gap:12px}.case-goals li{display:flex;align-items:flex-start;gap:12px;padding:16px 20px;font-size:.9375rem;line-height:1.6;color:var(--color-primary);background:var(--color-bg);border-radius:var(--radius-button);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.case-goals li::before{content:"";flex-shrink:0;width:8px;height:8px;margin-top:7px;background:var(--color-accent);border-radius:50%}.case-gallery{padding:72px var(--container-padding) 64px;background:var(--color-bg)}.case-gallery__container{max-width:var(--container-max);margin:0 auto}.case-gallery__grid figure{margin:0}.case-gallery__grid{display:grid;gap:24px;margin-top:28px}.case-gallery__item{border-radius:var(--radius-mockup);border:1px solid var(--color-border);background:#1a1a1a;padding:14px 14px 0;box-shadow:var(--shadow-mockup);overflow:hidden}.case-gallery__item img{width:100%;height:auto;display:block;border-radius:10px 10px 0 0;aspect-ratio:16/10;object-fit:cover;object-position:top}.case-gallery__item::after{content:"";display:block;height:12px;background:#2a2a2a;border-radius:0 0 8px 8px;margin:0-14px}.case-gallery__caption{margin-top:12px;font-size:14px;color:var(--color-muted);text-align:center}.case-live{padding:0 var(--container-padding) 72px;background:var(--color-bg)}.case-live__container{max-width:var(--container-max);margin:0 auto;text-align:center}.case-live__inner{padding:40px 32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-soft)}.case-live__text{font-size:1rem;line-height:1.7;color:var(--color-muted);margin-bottom:24px}.case-cta{padding:88px var(--container-padding);background:var(--color-primary);text-align:center}.case-cta__inner{max-width:var(--prose-max);margin:0 auto}.case-cta__title{font-family:var(--font-heading);font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.02em;color:#fff;text-wrap:balance}.case-cta .btn{margin-top:32px}@media (max-width:768px){.case-hero{padding:calc(var(--navbar-height) + 20px) var(--container-padding) 32px}.case-hero__back{min-height:44px;padding:10px 0}.case-section__label{font-size:13px}.case-hero__meta a,.case-section__text a{display:inline-flex;align-items:center;min-height:44px;padding:8px 0}.case-hero__title{font-size:clamp(1.5rem,7vw,2rem)}.case-hero__lead{margin-top:16px;font-size:.9375rem;line-height:1.65}.case-section{padding:48px var(--container-padding)}.case-section__title{font-size:1.375rem}.case-goals{gap:var(--mobile-gap, 20px)}.case-goals li{width:100%;padding:16px 20px}.case-gallery{padding:48px var(--container-padding) 32px}.case-live{padding:0 var(--container-padding) 48px}.case-live__inner{padding:24px}.case-cta .btn,.case-live .btn{width:100%;min-height:48px}.case-cta{padding:48px var(--container-padding) calc(88px + env(safe-area-inset-bottom,0))}.case-cta .btn{height:auto;white-space:normal;padding:12px 24px}}.case-hero{padding-top:calc(var(--navbar-height) + var(--topbar-height,36px) + 48px)}@media (max-width:768px){.case-hero{padding-top:calc(var(--navbar-height) + var(--topbar-height,36px) + 20px)}}