.case-study-page{background-color:var(--background,#fff);color:var(--foreground,#111);padding-top:120px;padding-bottom:120px}.case-study-nav{justify-content:space-between;align-items:center;margin-bottom:64px;display:flex}.back-link{color:#666;align-items:center;gap:8px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:#111}.case-study-header{margin-bottom:64px}.case-study-header h1{letter-spacing:-.04em;margin-bottom:32px;font-size:clamp(3rem,8vw,5rem);font-weight:600;line-height:1.1}.case-study-intro{color:#333;max-width:900px;margin-bottom:64px;font-size:clamp(1.2rem,3vw,1.75rem);line-height:1.5}.case-study-metadata{border-top:1px solid #eaeaea;flex-wrap:wrap;gap:48px;padding-top:32px;display:flex}.meta-col{flex-direction:column;gap:8px;display:flex}.meta-label{text-transform:uppercase;letter-spacing:.05em;color:#888;font-size:.85rem;font-weight:600}.meta-value{color:#111;font-size:1rem;font-weight:500}.case-study-hero{margin-bottom:80px}.case-study-hero-img{aspect-ratio:16/9;background-color:#f5f5f5;border-radius:24px;width:100%;position:relative;overflow:hidden}.case-study-overview{background-color:#fafafa;border-radius:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;margin-bottom:80px;padding:48px;display:grid}.overview-col h3{text-transform:uppercase;letter-spacing:.05em;color:#888;margin-bottom:16px;font-size:.9rem;font-weight:600}.overview-col p{color:#333;font-size:1.1rem;line-height:1.6}.case-study-content{max-width:800px;margin:0 auto 80px}.process-section{margin-bottom:64px}.process-section h2{letter-spacing:-.02em;color:#111;margin-bottom:24px;font-size:2rem;font-weight:600}.process-section p{color:#444;margin-bottom:24px;font-size:1.15rem;line-height:1.7}.process-image{aspect-ratio:16/10;background-color:#f5f5f5;border-radius:16px;width:100%;margin-top:40px;position:relative;overflow:hidden}.case-study-cta{justify-content:center;margin-top:80px;display:flex}.live-link-btn{color:#fff;background-color:#111;border-radius:100px;align-items:center;gap:12px;padding:16px 32px;font-size:1.1rem;font-weight:500;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.live-link-btn:hover{background-color:#333;transform:translateY(-2px)}.live-link-btn-top{color:#fff;background-color:#111;border-radius:100px;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;text-decoration:none;transition:transform .2s,background-color .2s;display:inline-flex}.live-link-btn-top:hover{background-color:#333;transform:translateY(-2px)}