/* SG-Tronic Motorsport | V256 case-study layout system.
   Scope deliberately limited to <main class="case-study-main">.
   No changes to other service, booking or gallery hub pages. */
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main {
  --case-gap:18px;
  --case-pad:clamp(21px,2.5vw,30px);
  --case-gutter:clamp(18px,2.3vw,28px);
  --case-blue:#0c355d;
  --case-rad:5px;
  --case-shadow:0 10px 28px rgba(8,24,42,.075);
  background:#eef3f8!important;
  overflow-x:clip;
  padding-bottom:46px!important;
}
/* Full-width navy hero with symmetrical side gutters, aligned card/photo. */
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-hero {
  width:100%!important;
  max-width:1200px!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:clamp(38px,4vw,58px) var(--case-gutter) 40px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr)!important;
  gap:clamp(22px,3vw,38px)!important;
  align-items:stretch!important;
  position:relative!important;
  isolation:isolate;
  background:#09192b!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0 auto 0 50%;
  width:100vw;
  transform:translateX(-50%);
  background:linear-gradient(145deg,#071322,#0c223a);
  pointer-events:none;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero > .case-panel {
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  align-self:stretch!important;
  min-width:0!important;
  height:auto!important;
  box-sizing:border-box!important;
  border-radius:var(--case-rad)!important;
  padding:var(--case-pad)!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-panel .label {margin:0 0 16px!important;line-height:1.5!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-panel h1.case-title {
  margin:0 0 16px!important;
  font-size:clamp(2.05rem,3.45vw,3.15rem)!important;
  line-height:1.12!important;
  letter-spacing:-.035em!important;
  overflow-wrap:break-word;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-panel p {
  margin:0 0 13px!important;
  font-size:clamp(.94rem,1.12vw,1.025rem)!important;
  line-height:1.72!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-panel p:last-of-type {margin-bottom:15px!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-pill-row {display:flex!important;flex-wrap:wrap!important;gap:9px!important;margin-top:auto!important;padding-top:4px!important;}
/* Strip old white/pale photographic mats from every hero variant: direct photo,
   v229 media-slot, copyright-photo and dedicated Mercedes hero-photo wrappers. */
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero > figure.case-hero-media {
  display:flex!important;
  flex-direction:column!important;
  position:relative!important;
  align-self:stretch!important;
  justify-self:stretch!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-width:none!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  gap:0!important;
  border:0!important;
  border-radius:var(--case-rad)!important;
  background:transparent!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
  overflow:hidden!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media > .media-slot-v229,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media > .case-hero-photo {
  display:block!important;
  flex:1 1 0!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  border-radius:0!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media img,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media .copyright-photo img {
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  max-width:none!important;
  box-sizing:border-box!important;
  object-fit:cover!important;
  object-position:center center!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero > .case-hero-media > img {position:absolute!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media .copyright-photo {
  display:block!important;
  position:relative!important;
  flex:1 1 auto!important;
  min-height:0!important;
  height:auto!important;
  width:100%!important;
  margin:0!important;
  border:0!important;
  padding:0!important;
  background:transparent!important;
  border-radius:0!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero figure.case-hero-media > figcaption {
  position:static!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:12px 16px!important;
  border:0!important;
  background:#102f4e!important;
  color:#eef7ff!important;
  border-radius:0!important;
  line-height:1.55!important;
}
/* Consistent page width and external spacing across summary / gallery / video / notes / CTA. */
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.audit-band-v224,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-summary,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-gallery-shell,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-video-shell,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-notes,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-cta {
  width:100%!important;
  max-width:1200px!important;
  box-sizing:border-box!important;
  margin:0 auto!important;
  padding:24px var(--case-gutter)!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-summary {
  padding-top:46px!important;
  padding-bottom:30px!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-summary > h2 {
  margin:0 0 18px!important;
  line-height:1.28!important;
  overflow-wrap:break-word;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-summary-grid,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-grid {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:var(--case-gap)!important;
  margin:0!important;
  align-items:stretch!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-summary-card,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-card {
  box-sizing:border-box!important;
  min-width:0!important;
  min-height:0!important;
  border-radius:var(--case-rad)!important;
  padding:20px!important;
  background:#fff!important;
  box-shadow:var(--case-shadow)!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-summary-card small,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-card small {
  display:block!important;
  margin:0 0 9px!important;
  line-height:1.55!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-summary-card h3,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-card h3 {
  margin:0 0 9px!important;
  font-size:clamp(1rem,1.2vw,1.125rem)!important;
  line-height:1.38!important;
  overflow-wrap:anywhere;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-card p {margin:0!important;line-height:1.64!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-intro,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-video-intro,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-notes-box,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-cta-box {
  box-sizing:border-box!important;
  min-width:0!important;
  padding:var(--case-pad)!important;
  border-radius:var(--case-rad)!important;
  box-shadow:var(--case-shadow)!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-intro > .label,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-video-intro > .label,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-notes-box > .label {
  display:block!important;
  margin:0 0 12px!important;
  line-height:1.55!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-intro h2,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-video-intro h2,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-notes-box h2,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-cta-box h2 {
  margin:0 0 14px!important;
  font-size:clamp(1.55rem,2.2vw,2.05rem)!important;
  line-height:1.28!important;
  overflow-wrap:break-word;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-intro p,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-video-intro p,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-notes-box > p,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-cta-box p {line-height:1.73!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-notes-box > p + p {margin-top:14px!important;}
/* Gallery cards: photographs flush to card borders, no inner white border.
   Keep portrait ECU labels readable without cropping their data: dark slate letterbox,
   never pale white/grey photo mats. */
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-grid {
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:var(--case-gap)!important;
  margin:18px 0 0!important;
  align-items:stretch!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-grid > article.case-media-card {
  display:flex!important;
  flex-direction:column!important;
  box-sizing:border-box!important;
  overflow:hidden!important;
  min-width:0!important;
  border:1px solid #d8e2ec!important;
  border-radius:var(--case-rad)!important;
  background:#fff!important;
  box-shadow:var(--case-shadow)!important;
  grid-column:auto!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card > img {
  display:block!important;
  flex:0 0 auto!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:clamp(245px,23vw,315px)!important;
  max-height:none!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  background:#122940!important;
}
/* Portrait ECU/workshop photos remain uncropped, with a blurred copy of the original
   photo behind them instead of white, grey or solid dark side bars. */
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card:has(> img.case-portrait-v256) {position:relative!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card:has(> img.case-portrait-v256)::before {
  content:"";display:block;position:absolute;top:0;left:0;right:0;
  height:clamp(245px,23vw,315px);
  background-image:var(--case-blur-photo);
  background-size:cover;
  background-position:center center;
  filter:blur(11px) brightness(.62);
  transform:scale(1.045);
  pointer-events:none;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card > img.case-portrait-v256 {
  position:relative!important;z-index:1!important;
  object-fit:contain!important;background:transparent!important;padding:0!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card:has(> img.case-portrait-v256) .case-media-copy {
  position:relative;z-index:1;background:#fff;
}
@media(max-width:650px){
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card:has(> img.case-portrait-v256)::before{height:245px;}
}
@media(min-width:1100px){
  /* Three-photo case galleries stay on one balanced row. */
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-grid:has(> .case-media-card:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))!important;}
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-grid:has(> .case-media-card:only-child){grid-template-columns:minmax(0,1fr)!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-copy {
  flex:1 1 auto!important;
  min-width:0!important;
  padding:clamp(18px,2vw,24px)!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-copy h3 {
  margin:0 0 11px!important;
  font-size:clamp(1.05rem,1.4vw,1.25rem)!important;
  line-height:1.32!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-copy p {
  margin:0!important;
  line-height:1.68!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-grid {margin:20px 0!important;}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-transmission-v250 .case-v250-links {
  display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin-top:20px!important;
}
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-transmission-v250 .case-v250-links a,
body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-cta-box a {
  margin:0!important;
  min-height:44px;
  border-radius:var(--case-rad)!important;
  line-height:1.5!important;
  box-sizing:border-box;
}
@media(max-width:1000px) {
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-hero {
    grid-template-columns:minmax(0,1fr)!important;
    gap:22px!important;
    padding-top:35px!important;
    padding-bottom:26px!important;
  }
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero > .case-panel {height:auto!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero > figure.case-hero-media {
    height:auto!important;
    min-height:0!important;
    max-height:500px!important;
    aspect-ratio:4/3!important;
  }
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media > .media-slot-v229,
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > .case-hero .case-hero-media > .case-hero-photo {
    height:100%!important;
    min-height:0!important;
    aspect-ratio:auto!important;
  }
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-summary-grid,
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-grid {grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media(max-width:650px) {
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main {--case-gutter:16px;--case-gap:14px;--case-pad:21px;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-hero {padding-top:24px!important;padding-bottom:18px!important;gap:18px!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-panel h1.case-title {font-size:clamp(1.85rem,7.2vw,2.55rem)!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-summary {padding-top:32px!important;padding-bottom:22px!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.audit-band-v224 {padding-top:20px!important;padding-bottom:20px!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main > section.case-summary {padding-top:32px!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-gallery-grid,
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-summary-grid,
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-v250-grid {grid-template-columns:minmax(0,1fr)!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-media-card > img {height:245px!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-transmission-v250 .case-v250-links {flex-direction:column!important;}
  body#sgtm-premium-v223.sgtm-premium-v223.sgtm-audit-v224 main.case-study-main .case-transmission-v250 .case-v250-links a {width:100%!important;}
}