:root{--cs-bg: #f9f9f7;--cs-text: #1a1a1a;--cs-accent: #e52521;--cs-muted: #666;--cs-border: #e0e0e0;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8rem;--space-2xl: 12rem;--font-main: "Inter", sans-serif;--font-alt: "Space Grotesk", sans-serif;--font-display: "Bebas Neue", sans-serif}body.case-study-page{background-color:var(--cs-bg);color:var(--cs-text);font-family:var(--font-main);line-height:1.6;padding-top:100px;margin:0;overflow-x:hidden}.case-study-page .nav{mix-blend-mode:difference;color:#fff}.case-study-page .nav.open,.case-study-page .nav.scrolled{mix-blend-mode:normal}.case-study-page .nav.scrolled a,.case-study-page .nav.scrolled .nav__center{color:var(--nav-text, var(--text-dark))}.case-study-page .nav a{color:inherit}.cs-main{max-width:1440px;margin:0 auto;padding:0 5vw}.cs-h2{font-family:var(--font-alt);font-size:clamp(2rem,3vw,3rem);font-weight:300;text-transform:uppercase;letter-spacing:-.02em;margin-top:0;margin-bottom:var(--space-md)}.cs-p{font-size:1.125rem;color:var(--cs-muted);max-width:800px;margin-bottom:var(--space-md);font-weight:300}.cs-hero{padding:var(--space-xl) 0 var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.cs-hero__header{max-width:900px}.cs-hero__title{font-family:var(--font-alt);font-size:clamp(4rem,8vw,8rem);font-weight:500;text-transform:uppercase;line-height:.9;letter-spacing:-.04em;margin:0 0 var(--space-md)}.cs-hero__subtitle{font-size:clamp(1.25rem,2vw,1.75rem);font-weight:300;color:var(--cs-muted);margin-bottom:var(--space-md);max-width:700px}.cs-hero__link{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-alt);font-weight:500;text-transform:uppercase;text-decoration:none;color:var(--cs-text);border-bottom:2px solid var(--cs-text);padding-bottom:.25rem;transition:color .3s,border-color .3s}.cs-hero__link:hover{color:var(--cs-accent);border-color:var(--cs-accent)}.cs-metadata{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);padding:var(--space-md) 0;border-top:1px solid var(--cs-border);border-bottom:1px solid var(--cs-border)}.cs-meta-label{display:block;font-family:var(--font-alt);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--cs-muted);margin-bottom:.5rem}.cs-meta-value{display:block;font-size:1rem;font-weight:500;line-height:1.4}.cs-section{padding:var(--space-lg) 0}.cs-content-block{margin-bottom:var(--space-lg);max-width:900px}.cs-img-full{width:100%;height:auto;border-radius:16px;display:block}.cs-img-fluid{width:100%;height:auto;border-radius:12px;display:block;object-fit:cover}.cs-gallery-row{margin-bottom:var(--space-md)}.cs-gallery-grid{display:grid;gap:var(--space-md);margin-bottom:var(--space-md)}.cs-grid-2{grid-template-columns:1fr 1fr}.cs-grid-3{grid-template-columns:repeat(3,1fr)}.cs-content-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center;margin:var(--space-xl) 0}.cs-metrics-grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);margin-top:var(--space-md)}.cs-metric{display:flex;flex-direction:column}.cs-metric-num{font-family:var(--font-alt);font-size:clamp(3rem,5vw,5rem);font-weight:500;line-height:1;margin-bottom:.5rem;color:var(--cs-accent)}.cs-metric-desc{font-size:1.125rem;color:var(--cs-muted)}body.theme-dark{--cs-bg: #111111;--cs-text: #f9f9f7;--cs-border: #333333;--cs-muted: #999999;--nav-bg: rgba(20, 20, 20, .95);--nav-border: #333;--nav-text: #fff}.cs-bento{display:grid;grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-bottom:var(--space-lg)}.cs-bento-item{background:#1a1a1a;border-radius:24px;overflow:hidden;display:flex;flex-direction:column}.cs-bento-item.p-sm{padding:1.5rem}.cs-bento-item.p-md{padding:3rem}.cs-bento-item.p-lg{padding:5rem}.col-span-12{grid-column:span 12}.col-span-11{grid-column:span 11}.col-span-10{grid-column:span 10}.col-span-9{grid-column:span 9}.col-span-8{grid-column:span 8}.col-span-7{grid-column:span 7}.col-span-6{grid-column:span 6}.col-span-5{grid-column:span 5}.col-span-4{grid-column:span 4}.col-span-3{grid-column:span 3}.col-span-2{grid-column:span 2}.col-span-1{grid-column:span 1}.cs-bento-item img,.cs-bento-item video{width:100%;height:100%;object-fit:cover;border-radius:12px}.theme-dark .cs-hero__title{font-family:var(--font-main);font-weight:600;letter-spacing:-.05em;font-size:clamp(4rem,10vw,10rem)}.theme-dark .cs-h2{font-family:var(--font-main);font-weight:500;letter-spacing:-.03em}.cs-footer-minimal{background-color:#1a1a1a;padding:var(--space-2xl) 5vw var(--space-xl);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border-top:1px solid var(--cs-border)}.cs-footer-minimal h2{font-family:var(--font-main);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:600;margin-bottom:1rem;color:#fff;letter-spacing:-.02em}.cs-footer-minimal p{color:#999;margin-bottom:4rem;font-size:1.125rem;font-weight:300}.cs-footer-actions{display:flex;gap:2rem;align-items:center;justify-content:center;flex-wrap:wrap}.cs-btn-red-brackets{position:relative;padding:1.1rem 3.5rem;font-family:var(--font-main);font-weight:500;text-decoration:none;border:2px solid var(--cs-accent);color:var(--cs-accent);border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:.2px;background:transparent;overflow:hidden;transition:color .4s var(--ease-out);z-index:1}.cs-btn-red-brackets:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--cs-accent);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-out);z-index:-1}.cs-btn-red-brackets:hover:before{transform:scaleX(1)}.cs-btn-red-brackets:hover{color:#fff;transform:none}.cs-btn-outline{border:2px solid #fff;color:#fff;padding:1.1rem 3.5rem;font-family:var(--font-main);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:.2px;border-radius:12px;transition:background .3s,color .3s}.cs-btn-outline:hover{background:#fff;color:#000}.cs-btn-white{background:#fff;color:#111;border:2px solid #ffffff;padding:1.1rem 3.5rem;font-family:var(--font-main);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;letter-spacing:.2px;border-radius:12px;transition:background .3s,color .3s,border-color .3s}.cs-btn-white:hover{background:transparent;color:#fff}@media (max-width: 768px){.cs-content-split,.cs-grid-2,.cs-grid-3{grid-template-columns:1fr;gap:var(--space-md)}.cs-metrics-grid{gap:var(--space-md)}body.case-study-page{padding-top:70px}.cs-main{padding:0 4vw}.cs-hero{padding:var(--space-lg) 0 var(--space-md);gap:var(--space-md)}.cs-hero__title,.theme-dark .cs-hero__title{font-size:clamp(2.5rem,8vw,5rem)}.cs-hero__subtitle{font-size:clamp(1rem,3vw,1.4rem)}.cs-bento{grid-template-columns:1fr;gap:1rem}.cs-bento-item,.col-span-1,.col-span-2,.col-span-3,.col-span-4,.col-span-5,.col-span-6,.col-span-7,.col-span-8,.col-span-9,.col-span-10,.col-span-11,.col-span-12{grid-column:span 1!important}.cs-bento-item{border-radius:16px}.cs-bento-item.p-lg{padding:2rem}.cs-bento-item.p-md{padding:1.5rem}.cs-content-split{gap:var(--space-md)}.cs-split-text{padding-left:0!important;padding-right:0!important}.cs-metadata{grid-template-columns:repeat(2,1fr);gap:var(--space-sm)}.cs-section{padding:var(--space-md) 0}.cs-bento-item div[style*="flex-direction: row"]{flex-direction:column!important}.cs-bento-item div[style*="flex-direction: row"] img{width:100%!important}.cs-footer-minimal{padding:var(--space-lg) 4vw var(--space-md)}.cs-footer-minimal h2{font-size:clamp(1.8rem,5vw,3rem)}.cs-footer-actions{flex-direction:column;gap:1rem;width:100%}.cs-btn-red-brackets,.cs-btn-outline{width:100%;text-align:center;padding:1rem 2rem}.cs-section[style*="padding: 6rem"]{padding:2rem 1.5rem!important;border-radius:16px!important}.cs-bento-item[style*="aspect-ratio: 1 / 1"]{aspect-ratio:4 / 3!important}.cs-presentation{max-width:100%}.video-overlay{font-size:.8rem;padding:.6rem 1.2rem}}@media (max-width: 480px){.cs-hero__title,.theme-dark .cs-hero__title{font-size:clamp(2rem,7vw,3rem)}.cs-metadata{grid-template-columns:1fr}.cs-h2{font-size:clamp(1.5rem,4vw,2rem)}.cs-p{font-size:1rem}.cs-metric-num{font-size:clamp(2rem,6vw,3rem)}}