.case-page{background:#050505;color:#f5f5f1;min-height:100vh}
.case-hero{padding:132px 0 64px;position:relative;overflow:hidden}
.case-hero:after{content:"";position:absolute;width:760px;height:760px;border-radius:50%;right:-290px;top:-300px;background:radial-gradient(circle,rgba(255,255,255,.07),transparent 68%);pointer-events:none}
.case-hero h1{font-size:clamp(54px,8.5vw,118px);line-height:.86;letter-spacing:-.068em;margin:14px 0 22px;max-width:1160px}
.case-hero p{max-width:760px;color:#a3a39e;line-height:1.68;font-size:15px;margin:0}
.case-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}
.case-meta span{padding:8px 11px;border:1px solid rgba(255,255,255,.12);border-radius:999px;font-size:8px;letter-spacing:.11em;text-transform:uppercase;color:#aaa}
.case-section{padding:72px 0}
.case-head{display:grid;grid-template-columns:1.05fr .75fr;gap:42px;align-items:end;margin-bottom:26px}
.case-head h2{font-size:clamp(38px,5.8vw,72px);line-height:.92;letter-spacing:-.055em;margin:8px 0 0}
.case-head p{margin:0;color:#969691;line-height:1.65;max-width:620px}
.case-media{border:1px solid rgba(255,255,255,.14);border-radius:28px;overflow:hidden;background:#090909;box-shadow:0 32px 100px rgba(0,0,0,.34)}
.case-media video{width:100%;display:block;max-height:820px;object-fit:cover;background:#090909}
.case-media-caption{display:flex;justify-content:space-between;gap:18px;padding:13px 17px;color:#858580;font-size:9px;border-top:1px solid rgba(255,255,255,.07)}
.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.case-card{border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#090909;padding:22px;min-height:210px}
.case-card small{font-size:8px;letter-spacing:.12em;color:#73736f;text-transform:uppercase}
.case-card h3{font-size:24px;letter-spacing:-.035em;margin:11px 0 9px}
.case-card p{font-size:11px;color:#92928d;line-height:1.62;margin:0}
.case-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.case-gallery figure{margin:0;border:1px solid rgba(255,255,255,.11);border-radius:21px;overflow:hidden;background:#090909}
.case-gallery img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.case-gallery figcaption{padding:10px 12px;font-size:8px;letter-spacing:.09em;color:#7d7d78;text-transform:uppercase}
.case-related{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.case-related a{display:block;text-decoration:none;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px;background:linear-gradient(145deg,#0d0d0d,#070707)}
.case-related span{font-size:8px;letter-spacing:.12em;color:#777;text-transform:uppercase}
.case-related h3{font-size:27px;letter-spacing:-.04em;margin:9px 0 7px}
.case-related p{margin:0;color:#90908b;font-size:10px;line-height:1.55}
.case-cta{padding:24px 0 96px}
.case-cta-card{border:1px solid rgba(255,255,255,.14);border-radius:30px;padding:clamp(28px,5vw,56px);background:linear-gradient(145deg,#0e0e0e,#070707);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:end}
.case-cta-card h2{font-size:clamp(40px,6vw,78px);line-height:.9;letter-spacing:-.06em;margin:8px 0 12px}
.case-cta-card p{max-width:650px;color:#969691;line-height:1.62;margin:0}
.case-btn{display:inline-flex;padding:12px 17px;border-radius:999px;background:#fff;color:#050505;text-decoration:none;font-size:10px;font-weight:800;white-space:nowrap}
.case-page .footer a{color:inherit;text-decoration:none}
@media(max-width:900px){.case-head,.case-cta-card{grid-template-columns:1fr}.case-grid{grid-template-columns:1fr 1fr}.case-hero{padding-top:112px}}
@media(max-width:680px){.case-hero{padding:100px 0 50px}.case-hero h1{font-size:clamp(48px,15vw,74px)}.case-section{padding:52px 0}.case-grid,.case-related{grid-template-columns:1fr}.case-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.case-gallery figure:last-child{grid-column:1/-1}.case-gallery figure:last-child img{aspect-ratio:16/10}.case-card{min-height:0;padding:18px}.case-head{gap:13px}.case-head p,.case-hero p{font-size:11px}.case-media{border-radius:20px}.case-cta{padding-bottom:70px}.case-cta-card{border-radius:24px}}