.hero-experiential{color:#fff;background:#081b25;min-height:760px}
.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,20,29,.94) 0%,rgba(6,20,29,.72) 42%,rgba(6,20,29,.12) 76%),url('assets/clogik-activation-hero.webp') center right/cover no-repeat;animation:heroZoom 12s ease-out both}
.hero-experiential .hero-copy{max-width:810px}
.hero-experiential .eyebrow{color:#d5e2e5}
.hero-experiential .lede{color:#d5e2e5;max-width:560px}
.hero-experiential em{color:#ff9e32}
.hero-experiential .button-primary{background:#ef7d19}
.hero-experiential .light-link{border-color:white;color:white}
.hero-stats{position:absolute;z-index:2;right:max(5.5vw,28px);bottom:46px;display:flex;gap:40px}
.hero-stats div{border-left:1px solid rgba(255,255,255,.45);padding-left:14px;min-width:105px}
.hero-stats strong{display:block;font:700 29px/1 Manrope,sans-serif;letter-spacing:-.06em}
.hero-stats span{font:10px/1.5 'DM Mono',monospace;color:#d6e3e7;text-transform:uppercase;letter-spacing:.06em;display:block;margin-top:7px}
.hero-experiential .scroll-note,.hero-experiential .hero-art{display:none}
.services{background:#08212e}
.services h2 em{color:#ff9d32}
.work{background:#fbfaf6}
.case-card{background:#fff;padding:11px;box-shadow:0 12px 30px rgba(22,47,58,.08);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.case-card:hover{transform:translateY(-8px);box-shadow:0 24px 42px rgba(22,47,58,.14)}
.case-card .case-copy{padding:21px 12px 17px}
.case-card:nth-child(2) .case-graphic{background-image:linear-gradient(0deg,rgba(7,30,40,.28),rgba(7,30,40,.02)),url('assets/clogik-field-reporting.webp');background-position:center;background-size:cover}
.case-card:nth-child(2) .case-graphic>*{display:none}
.case-card:last-child .case-graphic{background-image:linear-gradient(0deg,rgba(7,30,40,.28),rgba(7,30,40,.02)),url('assets/clogik-activation-hero.webp');background-position:center;background-size:cover}
.case-card:last-child .case-graphic>*{display:none}
.statement{background:#ef7d19}
.contact{background:#f3f1e9}
.whatsapp{background:#13b95f}
@keyframes heroZoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(max-width:800px){
  .hero-experiential{min-height:720px}
  .hero-photo{background:linear-gradient(0deg,rgba(6,20,29,.95) 6%,rgba(6,20,29,.3) 100%),url('assets/clogik-activation-hero.webp') 61% center/cover no-repeat}
  .hero-stats{right:28px;left:28px;bottom:30px;gap:15px;justify-content:space-between}
  .hero-stats div{min-width:auto}
  .hero-stats strong{font-size:21px}
}
@media(max-width:440px){
  .hero-experiential{min-height:680px}
  .hero-stats{left:23px;right:23px}
  .hero-stats span{font-size:8px}
  .hero-stats strong{font-size:19px}
  .hero-experiential .hero-copy{padding-top:12px}
}