.case-study-hero{padding-top:120px;padding-bottom:var(--sp-16);border-bottom:1px solid var(--border-subtle)}.case-study-back{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--sp-10);transition:color var(--duration-fast) var(--ease-smooth);text-decoration:none;display:inline-flex}.case-study-back:hover{color:var(--text-secondary)}.case-study-back svg{width:16px;height:16px}.case-study-title{font-size:clamp(var(--text-4xl), 6vw, 5rem);letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--sp-6);max-width:18ch;font-weight:900;line-height:1}.case-study-hook{font-size:var(--text-xl);color:var(--text-secondary);max-width:60ch;margin-bottom:var(--sp-8);line-height:1.5}.case-study-meta-bar{align-items:center;gap:var(--sp-8);padding:var(--sp-6) 0;border-top:1px solid var(--border-subtle);flex-wrap:wrap;display:flex}.case-study-meta-item{flex-direction:column;gap:2px;display:flex}.case-study-meta-label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-weight:600;font-family:var(--font-mono)}.case-study-meta-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.meta-live-link{transition:all var(--duration-fast) var(--ease-smooth)}.meta-live-link:hover{text-shadow:0 0 10px #bae6fd66;color:var(--accent)!important;border-bottom-color:var(--accent-bright)!important}.case-study-hero-image{object-fit:cover;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);width:100%;height:500px;margin-top:var(--sp-12)}.case-study-body{padding:var(--sp-16) var(--sp-6)}.case-study-body--page{width:100%;padding-left:max(var(--sp-5), env(safe-area-inset-left));padding-right:max(var(--sp-5), env(safe-area-inset-right))}.case-study-body h2{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-primary);margin-top:var(--sp-16);margin-bottom:var(--sp-4);font-weight:700}.case-study-body h3{font-size:var(--text-lg);color:var(--text-primary);margin-top:var(--sp-10);margin-bottom:var(--sp-3);font-weight:600}.case-study-body p{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:var(--sp-4);line-height:1.8}.case-study-body ul{padding-left:var(--sp-6);color:var(--text-secondary);line-height:1.8;font-size:var(--text-base)}.case-study-body ul li{margin-bottom:var(--sp-2)}.case-study-metrics{gap:var(--sp-4);margin:var(--sp-8) 0;grid-template-columns:repeat(3,1fr);display:grid}.case-study-metric-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--sp-6);gap:var(--sp-1);flex-direction:column;display:flex}.case-study-metric-value{font-size:var(--text-3xl);letter-spacing:-.03em;color:var(--accent-bright);font-weight:800;line-height:1}.case-study-metric-label{font-size:var(--text-xs);color:var(--text-muted);font-weight:500}.case-study-gallery{gap:var(--sp-4);margin:var(--sp-8) 0;grid-template-columns:repeat(2,1fr);display:grid}.case-study-gallery img{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);object-fit:cover;width:100%}.case-study-cta{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--sp-10) var(--sp-8);text-align:center;margin-top:var(--sp-16);position:relative;overflow:hidden}.case-study-cta:before{content:"";background:linear-gradient(90deg, transparent, var(--accent-dim), transparent);height:1px;position:absolute;top:0;left:0;right:0}.case-study-cta-title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:var(--sp-3);font-weight:700}.case-study-cta-sub{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--sp-6)}.case-study-links{justify-content:center;align-items:center;gap:var(--sp-4);flex-wrap:wrap;display:flex}@media (max-width:900px){.case-study-metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.case-study-hero{padding-top:100px;padding-bottom:var(--sp-10)}.case-study-hero-image{height:260px}.case-study-gallery{grid-template-columns:1fr}.case-study-body{padding:var(--sp-8) var(--sp-5)}.case-study-body h2{font-size:var(--text-xl);margin-top:var(--sp-10)}.case-study-metric-card{padding:var(--sp-4) var(--sp-5)}.case-study-metric-value{font-size:var(--text-2xl)}.case-study-cta-title{font-size:var(--text-xl)}}@media (max-width:480px){.case-study-hero{padding-top:90px;padding-bottom:var(--sp-8)}.case-study-title{font-size:clamp(var(--text-2xl), 8vw, var(--text-4xl));max-width:100%}.case-study-hook{font-size:var(--text-sm);line-height:1.6}.case-study-hero-image{height:200px}.case-study-meta-bar{gap:var(--sp-4) var(--sp-6);padding:var(--sp-5) 0;grid-template-columns:1fr 1fr;display:grid}.case-study-metrics{gap:var(--sp-3);margin:var(--sp-5) 0;grid-template-columns:1fr 1fr}.case-study-metric-card{padding:var(--sp-4)}.case-study-metric-value{font-size:var(--text-xl);letter-spacing:-.02em}.case-study-metric-label{font-size:10px}.case-study-body{padding:var(--sp-6) var(--sp-4)}.case-study-body h2{font-size:var(--text-lg);margin-top:var(--sp-8);margin-bottom:var(--sp-3)}.case-study-body p{font-size:var(--text-sm);line-height:1.7}.case-study-gallery{gap:var(--sp-3);grid-template-columns:1fr}.case-study-body pre{word-break:break-word;padding:1rem;font-size:11px}.case-study-cta{padding:var(--sp-6) var(--sp-4);margin-top:var(--sp-10)}.case-study-cta-title{font-size:var(--text-lg)}.case-study-links{flex-direction:column;align-items:stretch}.case-study-links .btn{justify-content:center;width:100%}.case-study-back{margin-bottom:var(--sp-6);font-size:var(--text-xs)}}@media (max-width:375px){.case-study-title{font-size:var(--text-2xl)}.case-study-hero-image{height:170px}.case-study-metrics{gap:var(--sp-2);grid-template-columns:1fr 1fr}.case-study-metric-card{padding:var(--sp-3)}.case-study-metric-value{font-size:var(--text-lg)}.case-study-body{padding:var(--sp-5) var(--sp-3)}.case-study-meta-bar{gap:var(--sp-3);grid-template-columns:1fr 1fr}}