.case-study-detail{padding:var(--space-lg) 0;padding-top:calc(var(--space-lg) + 80px);min-height:100vh}.case-study-detail .hero-image{width:100%;max-width:1200px;margin-bottom:var(--space-lg);aspect-ratio:16/9;background:var(--color-black);overflow:hidden}.case-study-detail .hero-image img{object-fit:cover;width:100%;height:100%}.case-study-detail .disclaimer{max-width:1200px;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-md);background:#f5f5f5;border-left:3px solid #666}.case-study-detail .disclaimer p{font-family:var(--font-sans);font-size:var(--font-size-sm);color:#666;margin:0;font-style:italic}.case-study-detail .case-study-header{margin-bottom:var(--space-lg);max-width:1200px}.case-study-detail .case-study-title{font-family:var(--font-mono);font-size:var(--font-size-xxl);margin-bottom:var(--space-lg);color:var(--color-black);font-weight:700}.case-study-detail .meta-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=768px){.case-study-detail .meta-grid{grid-template-columns:repeat(4,1fr)}}.case-study-detail .meta-item{gap:var(--space-xs);flex-direction:column;display:flex}.case-study-detail .meta-label{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;color:var(--color-gray)}.case-study-detail .meta-value{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-black)}.case-study-detail .tldr-section{gap:var(--space-md);max-width:1200px;padding:var(--space-lg) 0;grid-template-columns:1fr;display:grid}@media (width>=768px){.case-study-detail .tldr-section{gap:var(--space-lg);grid-template-columns:repeat(3,1fr)}}.case-study-detail .tldr-block{padding:var(--space-md);border:1px solid var(--color-black);background:var(--color-white)}.case-study-detail .tldr-label{font-family:var(--font-mono);font-size:var(--font-size-sm);text-transform:uppercase;color:var(--color-black);margin-bottom:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-black);font-weight:700;display:block}.case-study-detail .tldr-block p{font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text);white-space:pre-line;text-align:left;margin:0;line-height:1.6}.case-study-detail .tldr-summary{padding:var(--space-md);border:2px solid var(--color-black);max-width:1200px;margin-bottom:var(--space-xl);background:#f5f5f5}.case-study-detail .tldr-summary p{font-family:var(--font-sans);font-size:var(--font-size-base);color:var(--color-text);margin:0;line-height:1.7}.case-study-detail .case-study-content{max-width:800px;margin-bottom:var(--space-lg);text-align:left}.case-study-detail .case-study-content h2{font-family:var(--font-mono);font-size:var(--font-size-xl);margin-top:var(--space-lg);margin-bottom:var(--space-md);color:var(--color-black);text-align:left;font-weight:700}.case-study-detail .case-study-content p{font-family:var(--font-sans);font-size:var(--font-size-base);margin-bottom:var(--space-md);color:var(--color-text);text-align:left;line-height:1.7}.case-study-detail .case-study-content ul,.case-study-detail .case-study-content ol{margin-bottom:var(--space-md);padding-left:var(--space-lg);text-align:left}.case-study-detail .case-study-content li{font-family:var(--font-sans);margin-bottom:var(--space-xs);text-align:left;line-height:1.7}.case-study-detail .case-study-content .slideshow{width:100%;margin:var(--space-lg) 0;position:relative;overflow:hidden}.case-study-detail .case-study-content .slideshow-track{transition:transform .4s ease-in-out;display:flex}.case-study-detail .case-study-content .slideshow-track img{flex-shrink:0;width:100%;height:auto}.case-study-detail .case-study-content .slideshow-btn{color:#fff;cursor:pointer;z-index:2;background:#0009;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.case-study-detail .case-study-content .slideshow-btn:hover{background:#000c}.case-study-detail .case-study-content .slideshow-prev{left:8px}.case-study-detail .case-study-content .slideshow-next{right:8px}.case-study-detail .case-study-content .slideshow-dots{z-index:2;gap:8px;display:flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.case-study-detail .case-study-content .dot{cursor:pointer;background:#ffffff80;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s}.case-study-detail .case-study-content .dot.active{background:#fff}.case-study-detail .case-study-content .cta-section{text-align:center;padding:var(--space-lg) var(--space-md);background:var(--color-black);color:var(--color-white);margin:var(--space-lg) 0}.case-study-detail .case-study-content .cta-section h2{color:var(--color-white);margin-bottom:var(--space-md);text-align:center}.case-study-detail .case-study-content .cta-section p{font-family:var(--font-sans);font-size:var(--font-size-base);margin-bottom:var(--space-lg);text-align:center;color:var(--color-white)}.case-study-detail .case-study-content .button.inverted{box-shadow:6px 6px #ffffff4d}.case-study-detail .case-study-content .button.inverted:hover{box-shadow:9px 9px #ffffff80}.case-study-detail .case-study-content .button.inverted:active{box-shadow:4px 4px #ffffff4d}