.case-hero{background-color:var(--surface-secondary);border-bottom:1px solid var(--color-line);padding-bottom:var(--space-section);padding-top:0}.case-hero-image-full{width:100%;height:60vh;min-height:400px;margin-bottom:0}.case-hero-image-full img{object-fit:cover;width:100%;height:100%}.case-tags{margin-top:var(--space-xl);flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.case-tags-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.85rem;font-weight:600}.case-tag-pill{background:var(--surface-primary);border:1px solid var(--color-line);border-radius:var(--radius-pill);color:var(--text-primary);padding:6px 14px;font-size:.85rem;font-weight:500}.case-hero-container{text-align:center;max-width:900px;padding-top:var(--space-2xl);margin:0 auto}.case-hero-meta{margin-bottom:var(--space-lg);justify-content:center;align-items:center;gap:12px;display:flex}.badge{background:var(--surface-dark);color:var(--color-white);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:1px;padding:6px 12px;font-size:.75rem;font-weight:700}.client-name{color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:600}.case-title{font-size:calc(var(--text-hero) * .7);letter-spacing:var(--tracking-tight);color:var(--text-primary);margin-bottom:var(--space-xl);line-height:.95}.case-desc{font-size:var(--text-body-lg);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.case-metrics-section{background-color:var(--surface-dark);padding:var(--space-4xl) 0;color:var(--color-white)}.metrics-grid{gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1000px;margin:0 auto;display:grid}.metric-card{text-align:center;padding:var(--space-xl);border-radius:var(--radius-lg);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a}.metric-value{color:var(--color-accent);font-size:clamp(3rem,5vw,4.5rem);font-weight:700;line-height:1;font-family:var(--font-sans);letter-spacing:-2px;margin-bottom:12px}.metric-label{color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-size:.9rem;font-weight:500}.case-content-section{padding:var(--space-section) 0;background-color:var(--surface-primary)}.content-prose{max-width:720px;color:var(--text-primary);margin:0 auto;font-size:1.15rem;line-height:1.8}.content-prose h2{font-family:var(--font-serif);font-size:var(--text-h2);color:var(--text-primary);margin:3rem 0 1.5rem;font-style:italic;font-weight:400}.content-prose h3{font-size:var(--text-h4);margin:2rem 0 1rem;font-weight:700}.content-prose p{color:var(--text-secondary);margin-bottom:1.5rem}.content-prose strong{color:var(--text-primary);font-weight:600}.content-prose ul,.content-prose ol{color:var(--text-secondary);margin-bottom:2rem;padding-left:1.5rem}.content-prose li{margin-bottom:.75rem}.content-prose blockquote{border-left:4px solid var(--color-accent);color:var(--text-primary);margin:2.5rem 0;padding-left:1.5rem;font-size:1.3rem;font-style:italic}.case-process-section{border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:var(--space-3xl) 0}.case-process-title{font-size:var(--text-h3);margin-bottom:var(--space-xl);text-align:center;font-family:var(--font-serif);color:var(--text-primary);font-style:italic}.case-process-slider{width:100%;overflow:hidden}.slider-track{scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--text-tertiary) var(--color-line);gap:24px;padding-bottom:24px;display:flex;overflow-x:auto}.slider-track::-webkit-scrollbar{height:8px}.slider-track::-webkit-scrollbar-track{background:var(--color-line);border-radius:4px}.slider-track::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:4px}.slide{scroll-snap-align:start;flex:0 0 85%}.case-process-card{background:var(--surface-primary);border:1px solid var(--color-line);border-radius:var(--radius-lg);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.case-process-img{aspect-ratio:16/10;border-bottom:1px solid var(--color-line);width:100%;overflow:hidden}.case-process-img img{object-fit:cover;width:100%;height:100%}.case-process-content{padding:var(--space-lg);flex-grow:1}.case-process-step-title{margin-bottom:var(--space-sm);color:var(--text-primary);font-size:1.1rem;font-weight:700}.case-process-step-desc{color:var(--text-secondary);font-size:.95rem;line-height:1.6}@media (width>=768px){.slide{flex:0 0 45%}}@media (width>=1024px){.slide{flex:0 0 350px}}
