/* V531 — only the VAG airbag case study; retains V527 square corners and the shared V456 hero + V527 FAQ system. */
body#sgtm-premium-v223 main.vag531 { overflow:hidden!important; }
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-visual.vag531-hero-visual{position:relative!important;min-height:430px!important;overflow:visible!important;isolation:isolate}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-cutout.vag531-floating-diagnostics{position:relative!important;width:105%!important;max-width:560px!important;height:auto!important;aspect-ratio:5/3!important;object-fit:contain!important;object-position:center!important;top:14px!important;left:-3%!important;border:1px solid rgba(108,206,255,.35)!important;border-radius:0!important;box-shadow:0 30px 65px rgba(0,0,0,.35)!important;filter:none!important;-webkit-mask-image:none!important;mask-image:none!important;transform:perspective(950px) rotateY(-6deg) rotate(-2deg)!important;animation:none!important}
body#sgtm-premium-v223 main.vag531 .vag531-hero-inset{position:absolute;z-index:3;right:-2%;bottom:4%;width:min(53%,310px);padding:6px!important;background:#082439!important;border-left:3px solid #34c2f5!important;box-shadow:0 22px 45px rgba(0,0,0,.38)!important}
body#sgtm-premium-v223 main.vag531 .vag531-hero-inset img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body#sgtm-premium-v223 main.vag531 .vag531-hero-inset span{display:block;color:#c1efff!important;background:#082439!important;font-size:10px!important;letter-spacing:.12em;font-weight:700;padding:8px 3px 5px;text-align:center}
body#sgtm-premium-v223 main.vag531 .vag531-gallery .vag531-gallery-workshop img{object-fit:cover!important}
body#sgtm-premium-v223 main.vag531 .vag531-gallery img{height:220px!important;object-fit:contain!important;background:#e9edf1!important;padding:0!important}
body#sgtm-premium-v223 main.vag531 .vag531-gallery figcaption{min-height:84px!important;align-items:start!important;line-height:1.5!important}
body#sgtm-premium-v223 main.vag531 .vag531-post-note{margin-top:20px!important;color:#25465f!important;font-weight:600}
body#sgtm-premium-v223 main.vag531 .vag531-post-note a{color:#087ac7!important;text-decoration:underline!important}
body#sgtm-premium-v223 main.vag531 .vag531-end{padding:0 0 72px!important}
body#sgtm-premium-v223 main.vag531 .vag531-gallery figcaption b{flex:0 0 auto}
@media(max-width:900px){body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-visual.vag531-hero-visual{max-width:610px!important;margin:0 auto!important}}
@media(max-width:760px){body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-visual.vag531-hero-visual{min-height:280px!important;padding:22px 8px 70px!important}body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-cutout.vag531-floating-diagnostics{width:96%!important;left:2%!important}body#sgtm-premium-v223 main.vag531 .vag531-hero-inset{width:49%;right:0;bottom:0}body#sgtm-premium-v223 main.vag531 .vag531-gallery img{height:auto!important;aspect-ratio:5/3!important}body#sgtm-premium-v223 main.vag531 .vag531-gallery figcaption{min-height:0!important}}
@media(prefers-reduced-motion:reduce){body#sgtm-premium-v223 main.vag531 *{scroll-behavior:auto!important}}


/* V534: VAG airbag case-study hero. One truly transparent floating module image,
   no inset photo or framed diagnostic scan. Other site pages are unaffected. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-visual.vag531-hero-visual{
 display:flex!important;align-items:center!important;justify-content:center!important;
 min-height:400px!important;padding:18px 0!important;background:transparent!important;
 border:0!important;box-shadow:none!important;overflow:visible!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-cutout.vag534-srs-module{
 display:block!important;position:relative!important;inset:auto!important;
 width:100%!important;max-width:575px!important;height:auto!important;max-height:480px!important;
 aspect-ratio:874/662!important;object-fit:contain!important;object-position:center!important;
 background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;
 padding:0!important;margin:0 auto!important;scale:1!important;
 transform:rotate(-5deg)!important;filter:drop-shadow(0 28px 26px rgba(0,0,0,.38))!important;
 -webkit-mask-image:none!important;mask-image:none!important;
 animation:vag534-srs-hover 6s ease-in-out infinite!important;
}
@keyframes vag534-srs-hover{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media(max-width:900px){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-visual.vag531-hero-visual{min-height:340px!important;padding:18px 14px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-cutout.vag534-srs-module{width:94%!important;max-width:530px!important}
}
@media(max-width:760px){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-visual.vag531-hero-visual{min-height:250px!important;padding:6px 14px 22px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-cutout.vag534-srs-module{width:92%!important;max-width:410px!important;transform:rotate(-3deg)!important}
}
@media(prefers-reduced-motion:reduce){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .maz523-cutout.vag534-srs-module{animation:none!important;translate:0 0!important}
}


/* V535 — VAG case-study hierarchy & proportional layout refinement.
   Scoped to this single case-study page. SGTM V525 colours, V523 heading
   typography, V527 FAQ architecture and square-corner design are retained. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531{
 --vag535-navy:#071b2e;--vag535-ink:#0d2d46;--vag535-blue:#076aae;
 --vag535-cyan:#2bbcf5;--vag535-muted:#466277;--vag535-rule:#cbdde9;
}
/* Preserve global hero H1 but make text wrapping and hero/image tracks predictable. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .hero456-copy h1{
 text-wrap:balance!important;max-width:23ch!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #sgtm-hero-v456 .hero456-layout{
 align-items:center!important;
}
/* All editorial blocks share the same 1200px content rail and vertical rhythm. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-page{
 padding:clamp(34px,4.2vw,58px) 0 clamp(48px,5vw,68px)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-block{
 margin:0 0 clamp(52px,5.4vw,74px)!important;padding:0!important;
 background:transparent!important;border:0!important;box-shadow:none!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head{
 display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)!important;
 gap:clamp(24px,3.1vw,46px)!important;align-items:center!important;
 margin:0 0 26px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head > div{min-width:0}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head h2,
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid h2,
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-final h2{
 font-size:clamp(28px,2.75vw,38px)!important;line-height:1.18!important;
 font-weight:800!important;letter-spacing:-.03em!important;text-wrap:balance;
 max-width:27ch!important;margin:0!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head h2{
 color:var(--vag535-ink)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head > p{
 margin:0!important;font-size:15px!important;line-height:1.72!important;
 color:var(--vag535-muted)!important;max-width:59ch!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-eyebrow{
 margin:0 0 12px!important;color:var(--vag535-blue)!important;
 font-size:11px!important;letter-spacing:.14em!important;font-weight:800!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 :is(.maz518-copy-panel,.maz518-step,.maz518-postal-step,.maz518-safety-grid article,.maz518-links-grid>a) h3{
 font-size:clamp(17px,1.48vw,20px)!important;line-height:1.35!important;
 letter-spacing:-.015em!important;font-weight:770!important;color:var(--vag535-ink)!important;
 text-wrap:balance!important;margin:0 0 11px!important;
}
/* Four equal job details, compact text and identical cyan rules. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;margin:24px 0 28px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid>div{
 display:flex!important;flex-direction:column!important;min-width:0!important;
 padding:19px 18px!important;border:1px solid var(--vag535-rule)!important;
 border-top:3px solid var(--vag535-blue)!important;border-radius:0!important;
 background:#fff!important;box-shadow:0 9px 22px rgba(8,42,70,.045)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid strong{
 font-size:clamp(15px,1.4vw,18px)!important;line-height:1.35!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid small{
 margin-top:9px!important;font-size:12px!important;line-height:1.5!important;
 color:var(--vag535-muted)!important;
}
/* Project photo left / text right — consistent with Mazda SRS and other SGTM cases. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-split{
 grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
 border:1px solid var(--vag535-rule)!important;
 box-shadow:0 13px 33px rgba(8,43,73,.07)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-copy-panel{
 padding:clamp(26px,3.2vw,44px)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-copy-panel h3{
 font-size:clamp(20px,1.8vw,24px)!important;
}
/* Aligned and equal-height three-column workflow / postal cards. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-grid-3{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important;
 align-items:stretch!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 :is(.maz518-step,.maz518-postal-step,.maz518-safety-grid article){
 display:flex!important;flex-direction:column!important;min-width:0!important;
 height:100%!important;padding:clamp(20px,2.2vw,27px)!important;
 border:1px solid var(--vag535-rule)!important;border-top:3px solid var(--vag535-blue)!important;
 background:#fff!important;border-radius:0!important;
 box-shadow:0 10px 26px rgba(10,40,71,.05)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 :is(.maz518-step,.maz518-postal-step,.maz518-safety-grid article) p{
 margin:0!important;font-size:15px!important;line-height:1.67!important;color:var(--vag535-muted)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-number{
 margin:0 0 13px!important;color:var(--vag535-blue)!important;
}
/* Eight evidence items: deliberately balanced four-by-two on desktop. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-gallery-grid.vag531-gallery{
 grid-template-columns:repeat(4,minmax(0,1fr))!important;
 align-items:stretch!important;gap:15px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .vag531-gallery figure{
 display:flex!important;flex-direction:column!important;min-width:0!important;
 border:1px solid #18415d!important;background:#09243b!important;
 border-radius:0!important;box-shadow:0 10px 22px rgba(4,28,48,.10)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .vag531-gallery figure>a{
 display:block!important;flex:0 0 auto!important;overflow:hidden!important;
 background:#e9eff4!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .vag531-gallery img{
 display:block!important;width:100%!important;height:auto!important;aspect-ratio:16/10!important;
 object-fit:contain!important;object-position:center!important;background:#e9eff4!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .vag531-gallery figcaption{
 display:flex!important;align-items:flex-start!important;gap:10px!important;flex:1!important;
 min-height:0!important;padding:14px!important;background:#102f49!important;
 font-size:13px!important;font-weight:650!important;line-height:1.5!important;color:#f4faff!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .vag531-gallery figcaption b{
 color:#77d6fc!important;font-size:12px!important;min-width:18px!important;
}
/* Dark video feature echoes SGTM navy hero without oversized padding. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-block{
 padding:clamp(26px,3vw,39px)!important;background:linear-gradient(115deg,#071b2e,#103b5b)!important;
 border-top:3px solid var(--vag535-cyan)!important;
 border-radius:0!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid{
 grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;gap:clamp(23px,3vw,42px)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid h2{
 color:#fff!important;margin:0 0 16px!important;max-width:24ch!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid .maz518-eyebrow{
 color:#78d8ff!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid p{
 color:#c8e2f0!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video video{
 width:100%!important;max-height:430px!important;object-fit:contain!important;background:#04101b!important;
}
/* Safety cards and warning need the same widths and restrained palette. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-safety-grid{
 grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:16px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-warning{
 margin:16px 0 0!important;padding:19px 23px!important;border:1px solid #b7daea!important;
 border-left:4px solid var(--vag535-blue)!important;background:#e7f4fb!important;
 border-radius:0!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .vag531-post-note{
 margin:16px 0 0!important;font-size:14px!important;line-height:1.7!important;
}
/* Related case-study links: six matching cards in two even rows. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;align-items:stretch!important;gap:16px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid>a{
 display:flex!important;flex-direction:column!important;min-width:0!important;height:100%!important;
 padding:23px 22px!important;background:#fff!important;border:1px solid var(--vag535-rule)!important;
 border-top:3px solid var(--vag535-blue)!important;border-radius:0!important;
 box-shadow:0 9px 24px rgba(8,42,70,.055)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid>a span{
 margin:0 0 10px!important;color:var(--vag535-blue)!important;font-size:11px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid>a h3{
 margin:0 0 10px!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid>a p{
 flex:1!important;margin:0 0 14px!important;font-size:14px!important;line-height:1.63!important;
 color:var(--vag535-muted)!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid>a strong{
 margin-top:auto!important;color:var(--vag535-blue)!important;font-size:13px!important;
}
/* FAQ heading and final CTA use the website's existing design system. */
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #faqs .sgtm-faq-heading-v527{
 font-size:clamp(28px,2.75vw,38px)!important;line-height:1.18!important;
 font-weight:800!important;letter-spacing:-.03em!important;text-wrap:balance;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #faqs summary h3{
 font-size:clamp(16px,1.4vw,18px)!important;line-height:1.4!important;
 font-weight:750!important;letter-spacing:-.012em!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-final{
 padding:clamp(28px,3.2vw,42px)!important;grid-template-columns:minmax(0,1fr) auto!important;
 gap:clamp(18px,3vw,40px)!important;border-top:3px solid var(--vag535-cyan)!important;
 background:linear-gradient(110deg,#071b2e,#0e3756)!important;border-radius:0!important;
}
body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-final h2{color:#fff!important;max-width:26ch!important}
/* Tablet: two cards; headings stack only when there is insufficient width. */
@media(max-width:1050px){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-gallery-grid.vag531-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:820px){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head{grid-template-columns:1fr!important;gap:12px!important;margin-bottom:21px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head h2{max-width:30ch!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head > p{max-width:65ch!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid{grid-template-columns:1fr!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-final{grid-template-columns:1fr!important}
}
@media(max-width:620px){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-page{padding:30px 0 48px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-block{margin-bottom:44px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-section-head h2,
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-grid h2,
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-final h2{font-size:clamp(25px,7vw,32px)!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-grid-3,
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid,
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-safety-grid,
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-gallery-grid.vag531-gallery{
  grid-template-columns:1fr!important;gap:13px!important;
 }
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid>div{padding:15px 12px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid strong{font-size:15px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-copy-panel{padding:23px 21px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-split{grid-template-columns:1fr!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-video-block{padding:20px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-links-grid>a{padding:19px 20px!important}
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 #faqs .sgtm-faq-heading-v527{font-size:clamp(26px,7vw,32px)!important}
}
@media(max-width:350px){
 body#sgtm-premium-v223 main.maz518.maz521-theme.vag531 .maz518-spec-grid{grid-template-columns:1fr!important}
}

/* V535 final typography tie-breakers: match the existing V523 case-study H1
   and prevent the global FAQ system from enlarging this page's H2. */
html body#sgtm-premium-v223.sgtm-premium-v223 main.maz518.maz521-theme.vag531 section#sgtm-hero-v456 .hero456-copy h1{
 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;
}
html body#sgtm-premium-v223.sgtm-premium-v223 main.maz518.maz521-theme.vag531 section#faqs.sgtm-faq-v527 .sgtm-faq-intro-v527 h2.sgtm-faq-heading-v527{
 font-size:clamp(28px,2.75vw,38px)!important;line-height:1.18!important;
 font-weight:800!important;letter-spacing:-.03em!important;
}
@media(max-width:620px){
 html body#sgtm-premium-v223.sgtm-premium-v223 main.maz518.maz521-theme.vag531 section#sgtm-hero-v456 .hero456-copy h1{font-size:clamp(30px,8vw,36px)!important;max-width:none!important}
 html body#sgtm-premium-v223.sgtm-premium-v223 main.maz518.maz521-theme.vag531 section#faqs.sgtm-faq-v527 .sgtm-faq-intro-v527 h2.sgtm-faq-heading-v527{font-size:clamp(26px,7vw,32px)!important}
}