.cases-page{background:#f6f6f3;color:#17191b}
.cases-page .container{width:min(1180px,calc(100% - 40px));margin:auto}
.cases-hero{background:#0f1112;color:#fff;padding:76px 0 68px;border-bottom:1px solid rgba(241,194,50,.18);position:relative;overflow:hidden}
.cases-hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-240px;background:radial-gradient(circle,rgba(241,194,50,.15),transparent 70%);pointer-events:none}
.cases-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.25fr .75fr;gap:46px;align-items:center}
.cases-hero .breadcrumbs{font-size:12px;color:#888f94;margin-bottom:18px}.cases-hero .breadcrumbs a{color:#b9bec2}
.cases-kicker{display:inline-flex;align-items:center;border-radius:999px;background:#f1c232;color:#16181a;font-size:11px;font-weight:950;letter-spacing:1.1px;text-transform:uppercase;padding:8px 12px;margin-bottom:14px}.cases-kicker.dark{background:#17191b;color:#f1c232}.cases-heading.light .cases-kicker{background:#f1c232;color:#17191b}
.cases-hero h1{font-size:clamp(48px,6.5vw,78px);line-height:.98;letter-spacing:-.05em;margin:0 0 18px}.cases-hero h1 span{color:#f1c232}
.cases-hero-copy>p{font-size:18px;line-height:1.62;color:#c8ced2;max-width:760px;margin:0}
.cases-region-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.cases-region-row span{padding:9px 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(255,255,255,.035);color:#d4d8db;font-size:12px}
.cases-hero-panel{border:1px solid rgba(241,194,50,.3);border-radius:24px;background:linear-gradient(145deg,#1a1d1f,#111315);padding:28px;box-shadow:0 24px 60px rgba(0,0,0,.26)}
.cases-hero-panel strong{display:block;font-size:25px;margin-bottom:10px;color:#fff}.cases-hero-panel p{color:#a9b0b5;line-height:1.6;margin:0 0 18px}.cases-hero-points{display:flex;gap:8px;flex-wrap:wrap}.cases-hero-points span{font-size:11px;font-weight:850;padding:8px 10px;border-radius:11px;background:#24282b;color:#d8dde0}
.cases-section{padding:78px 0}.cases-light{background:#f6f6f3}.cases-dark{background:#111315;color:#fff}
.cases-heading{max-width:800px;margin-bottom:34px}.cases-heading h2{font-size:clamp(34px,4.8vw,56px);line-height:1.03;letter-spacing:-.045em;margin:0 0 13px}.cases-heading p{margin:0;color:#6e7479;font-size:16px;line-height:1.6}.cases-heading.light p{color:#9da5aa}
.cases-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.case-feature{display:grid;grid-template-columns:46% 54%;min-height:330px;border:1px solid #dedfdb;border-radius:25px;background:#fff;overflow:hidden;box-shadow:0 15px 34px rgba(0,0,0,.045);transition:transform .28s ease,box-shadow .28s ease}
.case-feature:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(0,0,0,.08)}
.case-feature-wide{grid-column:1/-1;grid-template-columns:38% 62%;min-height:360px}
.case-feature-media{position:relative;min-height:100%;overflow:hidden;background:#17191b}.case-feature-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease}.case-feature:hover .case-feature-media img{transform:scale(1.025)}
.case-feature-copy{padding:24px}.case-city{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f1c232;color:#151719;font-size:10px;font-weight:950;letter-spacing:.8px;text-transform:uppercase;margin-bottom:12px}.case-feature-copy h3{font-size:24px;line-height:1.12;margin:0 0 9px}.case-feature-copy>p{color:#6e7479;font-size:13.5px;line-height:1.58;margin:0 0 15px}
.case-feature details{border-top:1px solid #ecece8;padding-top:13px}.case-feature summary{cursor:pointer;list-style:none;font-size:13px;font-weight:900;color:#876b11}.case-feature summary::-webkit-details-marker{display:none}.case-feature summary:after{content:"+";float:right;width:24px;height:24px;border-radius:8px;background:#f1c232;color:#111315;display:grid;place-items:center;margin-top:-4px}.case-feature details[open] summary:after{content:"–"}.case-feature ul{margin:13px 0 0;padding-left:18px;color:#5f666b;font-size:12.5px;line-height:1.55}.case-feature li{margin:5px 0}
.cases-masonry{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:220px;gap:13px}.case-shot{position:relative;margin:0;border-radius:20px;overflow:hidden;border:1px solid #2d3235;background:#181b1d}.case-shot.wide{grid-column:span 2}.case-shot.tall{grid-row:span 2}.case-shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease,filter .55s ease}.case-shot:hover img{transform:scale(1.04);filter:brightness(.82)}.case-shot figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 14px;background:linear-gradient(transparent,rgba(0,0,0,.88));transform:translateY(3px);transition:transform .3s ease}.case-shot:hover figcaption{transform:none}.case-shot b{display:block;color:#fff;font-size:14px}.case-shot span{display:block;color:#b7bec2;font-size:11px;margin-top:4px;line-height:1.4}
.cases-video-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:36px;align-items:center}.cases-video-copy h2{font-size:clamp(34px,4.7vw,54px);line-height:1.03;letter-spacing:-.045em;margin:0 0 14px}.cases-video-copy p{color:#6d7479;line-height:1.65;margin:0 0 21px}.cases-video-stack{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}.cases-video-card{background:#111315;border-radius:24px;padding:12px;border:1px solid #272c2f;box-shadow:0 24px 56px rgba(0,0,0,.16)}.cases-video-card video{display:block;width:100%;max-height:620px;background:#000;border-radius:16px}.cases-video-card>span{display:block;color:#a9b0b5;font-size:11px;padding:10px 5px 2px;text-transform:uppercase;letter-spacing:.9px;font-weight:850}
.cases-final{background:#f1c232;padding:48px 0}.cases-final-row{display:flex;justify-content:space-between;gap:28px;align-items:center}.cases-final h2{font-size:clamp(32px,4.2vw,48px);line-height:1.04;letter-spacing:-.04em;margin:0 0 8px}.cases-final p{margin:0;max-width:760px;line-height:1.55}.cases-final .darkbtn{min-width:210px}
@media(max-width:1050px){.cases-hero-grid,.cases-video-grid{grid-template-columns:1fr}.cases-feature-grid{grid-template-columns:1fr}.case-feature-wide{grid-column:auto}.cases-masonry{grid-template-columns:repeat(2,1fr)}.cases-hero-panel{max-width:720px}}
@media(max-width:760px){.cases-page .container{width:min(1180px,calc(100% - 28px))}.cases-hero{padding:56px 0 48px}.cases-hero h1{font-size:48px}.cases-section{padding:58px 0}.case-feature,.case-feature-wide{grid-template-columns:1fr;min-height:0}.case-feature-media{height:280px}.cases-masonry{grid-template-columns:1fr;grid-auto-rows:280px}.case-shot.wide{grid-column:auto}.case-shot.tall{grid-row:auto}.cases-final-row{display:block}.cases-final .darkbtn{width:100%;margin-top:20px}}
@media(max-width:480px){.cases-hero h1{font-size:42px}.case-feature-media{height:240px}.cases-masonry{grid-auto-rows:245px}.cases-heading h2{font-size:34px}}