/* SGTM V523 — Mazda hero alignment with the existing V456 case-study header system.
   Exclusively scoped to the Mazda case-study page. */
/* Let the shared website styles drive the heading, kicker, body text and floating-image scale. */
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456.maz523-hero-aligned{
  margin:0 0 40px!important;
  border-radius:0!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .hero456-copy h1{
  font-family:inherit!important;font-size:clamp(30px,3.45vw,49px)!important;
  font-weight:650!important;line-height:1.13!important;letter-spacing:-.035em!important;
  max-width:24ch!important;margin:18px 0 22px!important;color:#f5f8fc!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .hero456-copy h1 .title-service{
  display:block!important;color:#48c9f4!important;font-weight:inherit!important;line-height:inherit!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .hero456-copy>p{
  max-width:68ch!important;margin:0 0 18px!important;font-size:15px!important;
  line-height:1.85!important;color:#c2d0dd!important;font-weight:400!important;
}
/* Use the same square-corner CTA proportions and palette as other case-study heroes. */
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-hero-button{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  min-height:48px!important;padding:14px 23px!important;margin-top:20px!important;
  border:1px solid #35c5f4!important;border-radius:0!important;
  background:#087ac7!important;color:white!important;text-decoration:none!important;
  font-size:14px!important;font-weight:750!important;line-height:1.4!important;box-shadow:none!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-hero-button:hover{
  background:#096fae!important;transform:translateY(-2px);
}
/* A real transparency cutout, at the same visual dimensions as shared V456 hero images. */
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-visual{
  background:transparent!important;border:0!important;box-shadow:none!important;
  padding:38px 0 0!important;min-height:360px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-cutout{
  display:block!important;width:100%!important;max-width:620px!important;
  height:auto!important;aspect-ratio:3/2!important;object-fit:contain!important;
  object-position:center!important;max-height:none!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;filter:drop-shadow(0 18px 30px #0006)!important;
  transform-origin:center!important;scale:1.16!important;animation:hero456-float 7s ease-in-out infinite!important;
}
/* No image badge, image caption or coordinate overlay. */
body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-visual :is(figcaption,.hero456-coordinate){display:none!important}
/* Bring Mazda H3 headings into the shared case-study type scale, without changing H2s or content. */
body#sgtm-premium-v223 main.maz518.maz521-theme :is(.maz518-copy-panel,.maz518-step,.maz518-postal-step,.maz518-safety-grid,.maz518-links-grid) h3{
  font-size:clamp(18px,1.8vw,22px)!important;line-height:1.35!important;
  letter-spacing:-.012em!important;font-weight:750!important;
  text-wrap:balance;
}
body#sgtm-premium-v223 main.maz518.maz521-theme .maz518-faq-list summary h3{
  font-size:clamp(16px,1.5vw,18px)!important;line-height:1.35!important;
  font-weight:750!important;letter-spacing:-.012em!important;
}
@media(max-width:900px){
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .hero456-copy h1{
    font-size:clamp(30px,5.5vw,44px)!important;max-width:25ch!important;
  }
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-visual{
    max-width:560px!important;margin:0 auto!important;min-height:260px!important;
  }
}
@media(max-width:480px){
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .hero456-copy h1{
    font-size:30px!important;max-width:none!important;
  }
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .hero456-copy>p{
    font-size:14px!important;line-height:1.75!important;
  }
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-visual{
    min-height:220px!important;padding:20px 0 0!important;
  }
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-hero-button{
    width:100%!important;margin-top:18px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  body#sgtm-premium-v223 main.maz518.maz521-theme #sgtm-hero-v456 .maz523-cutout{
    animation:none!important;transform:none!important;
  }
}