/* Construction case: targeted fixes from the 2026-08-20 review. */
body.case-detail-page{overflow-x:clip}

body.case-detail-page #constructionCase .construction-hero{
  padding-bottom:clamp(2.25rem,3.5vw,3.5rem);
}

/* Ecommerce hero: align the case label and lead copy with the approved case typography. */
html.route-ecommerce body.case-detail-page #constructionCase .ecommerce-hero .case-meta-line,
html.route-ecommerce body.case-detail-page #constructionCase .ecommerce-hero .construction-lede{
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
}

html.route-ecommerce body.case-detail-page #constructionCase .ecommerce-hero .case-meta-line{
  letter-spacing:normal!important;
}

@media(min-width:1101px){
  html.route-ecommerce body.case-detail-page #constructionCase .ecommerce-hero .case-meta-line{
    width:max-content;
    max-width:none;
    white-space:nowrap;
  }
}

body.case-detail-page #constructionCase .subpage-hero>.construction-hero-grid{
  width:min(calc(100% - 64px),var(--max));
  min-height:clamp(32rem,46vw,43rem)!important;
  grid-template-columns:minmax(28rem,.92fr) minmax(0,1.08fr)!important;
  justify-items:stretch!important;
  gap:clamp(3rem,6vw,6.5rem)!important;
  padding-block:clamp(2.5rem,4vw,4rem)!important;
}

body.case-detail-page #constructionCase .subpage-hero .construction-hero-copy{
  width:auto!important;
  margin-inline:0!important;
  align-items:center!important;
  text-align:center!important;
}

body.case-detail-page #constructionCase .subpage-hero .construction-hero-copy>*{
  margin-inline:auto!important;
  text-align:center!important;
}

/* Construction case title values from the annotated desktop reference. */
html.route-featured body.case-detail-page #constructionCase .construction-hero h1{
  color:rgb(10,10,10)!important;
  border-color:rgb(10,10,10)!important;
  font-weight:300!important;
}

@media(min-width:701px){
  html.route-featured body.case-detail-page #constructionCase .construction-hero h1{
    font-size:58.926px!important;
  }
}

body.case-detail-page #constructionCase .subpage-hero .case-client-facts{
  justify-content:center;
}

body.case-detail-page #constructionCase .construction-hero-visual.case-media-hero{
  position:relative;
  display:block!important;
  min-width:0;
  min-height:clamp(27rem,35vw,35rem)!important;
  margin:0;
  padding:0;
  border:0;
  border-radius:var(--ui-radius,8px);
  background:#e8ecf0;
  box-shadow:0 24px 64px rgba(24,31,55,.12);
  overflow:hidden;
}

body.case-detail-page #constructionCase .construction-hero-visual img{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  object-position:center;
}

body.case-detail-page #constructionCase .case-impact-grid{
  margin-top:clamp(2rem,3.5vw,3.5rem);
}

body.case-detail-page #constructionCase #case-turning-point{
  padding-top:clamp(4.5rem,6.5vw,7rem);
}

body.case-detail-page #constructionCase .dossier-turning-grid{
  grid-template-columns:minmax(34rem,.95fr) minmax(0,1.05fr);
  gap:clamp(3rem,5vw,5rem);
}

body.case-detail-page #constructionCase #turning-title{
  width:100%;
  max-width:none;
  display:flex;
  flex-direction:column;
  gap:.08em;
  font-size:clamp(2rem,2.4vw,2.625rem)!important;
  line-height:1.02!important;
}

body.case-detail-page #constructionCase #turning-title span{
  display:block;
  white-space:nowrap;
}

body.case-detail-page #constructionCase #chain-title,
body.case-detail-page #constructionCase #proof-title{
  min-width:0;
  font-size:clamp(2rem,2vw,2.25rem)!important;
  line-height:1.08!important;
  max-width:none;
  white-space:nowrap;
  text-align:left!important;
}

body.case-detail-page #constructionCase .case-close h2{
  width:max-content;
  max-width:none;
}

body.case-detail-page #constructionCase .case-close h2 span{
  white-space:nowrap;
}

body.case-detail-page #constructionCase .case-quote-author__avatar{
  display:block;
  width:40px;
  height:40px;
  flex:0 0 40px;
  border-radius:50%;
  object-fit:cover;
  object-position:center 32%;
}

/* Construction hero quote: one complete card around the quote and attribution. */
html.route-featured body.case-detail-page #constructionCase .case-hero-quote{
  width:100%;
  max-width:38rem;
  margin-top:38px!important;
  padding:24px 26px;
  border:1px solid rgb(229,231,235);
  border-radius:var(--ui-radius,8px);
  background:#fff;
  box-shadow:0 12px 32px rgba(24,31,55,.055);
  box-sizing:border-box;
}

html.route-featured body.case-detail-page #constructionCase .case-hero-quote .case-quote-author{
  margin-top:18px!important;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}

/* Construction closing actions mirror the supplied three-button reference. */
html.route-featured body.case-detail-page #constructionCase .construction-close-actions{
  display:grid!important;
  grid-template-columns:repeat(3,142px);
  gap:14px!important;
}

html.route-featured body.case-detail-page #constructionCase .construction-close-actions .pill{
  width:142px;
  min-width:142px!important;
  height:42px;
  min-height:42px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  border:1px solid rgba(28,34,43,.16)!important;
  border-radius:12px!important;
  background:#fff;
  color:#3f3f3f;
  font-family:"Microsoft YaHei","Noto Sans SC",sans-serif!important;
  font-size:13px;
  font-weight:400!important;
  line-height:1;
  box-shadow:none!important;
}

html.route-featured body.case-detail-page #constructionCase .construction-close-actions .pill.primary{
  border-color:#111!important;
  background:#111;
  color:#fff;
}

@media(min-width:1101px){
  body.case-detail-page .footer-grid.footer-industries{
    grid-template-columns:minmax(18rem,1.25fr) repeat(3,minmax(0,1fr))!important;
    column-gap:clamp(3rem,6vw,7rem)!important;
  }
  body.case-detail-page .footer-grid.footer-industries>div:nth-child(n+2){
    width:auto;
    justify-self:start;
  }
}

@media(max-width:1100px){
  body.case-detail-page #constructionCase .subpage-hero>.construction-hero-grid{
    grid-template-columns:1fr!important;
  }
  body.case-detail-page #constructionCase .construction-hero-visual.case-media-hero{
    min-height:clamp(24rem,58vw,34rem)!important;
  }
  body.case-detail-page #constructionCase #chain-title,
  body.case-detail-page #constructionCase #proof-title{
    white-space:normal;
  }
  body.case-detail-page #constructionCase .dossier-turning-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:700px){
  body.case-detail-page #constructionCase .subpage-hero>.construction-hero-grid{
    width:min(calc(100% - 36px),var(--max));
  }
  body.case-detail-page #constructionCase .construction-hero-visual.case-media-hero{
    min-height:20rem!important;
  }
  body.case-detail-page #constructionCase .case-close h2{
    width:auto;
  }
  body.case-detail-page #constructionCase .case-close h2 span{
    white-space:normal;
  }

  html.route-featured body.case-detail-page #constructionCase .case-hero-quote{
    margin-top:28px!important;
    padding:22px 20px;
  }

  html.route-featured body.case-detail-page #constructionCase .construction-close-actions{
    width:min(100%,22rem);
    grid-template-columns:1fr;
    gap:12px!important;
  }

  html.route-featured body.case-detail-page #constructionCase .construction-close-actions .pill{
    width:100%;
    min-width:0!important;
  }
}

/* Featured construction case: annotated section-title and fracture-label values. */
html.route-featured body.case-detail-page #constructionCase #turning-title,
html.route-featured body.case-detail-page #constructionCase #chain-title,
html.route-featured body.case-detail-page #constructionCase #proof-title{
  color:rgb(10,10,10)!important;
  border-color:rgb(229,231,235)!important;
  font-size:40px!important;
  font-weight:200!important;
  line-height:1.15!important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-turning-grid,
html.route-featured body.case-detail-page #constructionCase .dossier-fractures,
html.route-featured body.case-detail-page #constructionCase .dossier-fractures article,
html.route-featured body.case-detail-page #constructionCase .case-section-head,
html.route-featured body.case-detail-page #constructionCase .dossier-proof-grid,
html.route-featured body.case-detail-page #constructionCase .dossier-proof-grid article{
  border-color:rgb(229,231,235)!important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-fractures article>span{
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-evidence-media{
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-auto-rows:auto;
  align-items:stretch;
}

html.route-featured body.case-detail-page #constructionCase .case-brand-line{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  gap:12px;
  margin-bottom:26px;
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
}

html.route-featured body.case-detail-page #constructionCase .case-brand-line>span{
  flex:0 0 auto;
  white-space:nowrap;
}

html.route-featured body.case-detail-page #constructionCase .construction-hero .construction-lede{
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
}

html.route-featured body.case-detail-page #constructionCase .case-brand-divider{
  width:1px;
  height:24px;
  flex:0 0 1px;
  background:rgb(111,114,120);
}

html.route-featured body.case-detail-page #constructionCase .case-brand-en{
  letter-spacing:.12em;
}

html.route-featured body.case-detail-page #constructionCase .dossier-evidence-shot{
  display:flex;
  flex-direction:column;
  width:100%;
  height:auto;
  min-height:0!important;
  max-height:none;
  min-width:0;
  box-sizing:border-box;
  align-self:stretch;
  padding:0;
  border-style:solid;
  border-color:rgb(229,231,235)!important;
  background:#fff!important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-evidence-shot>figcaption{
  width:100%;
  box-sizing:border-box;
  margin-top:auto;
  padding:12px 16px 14px;
  color:rgb(111,114,120)!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.5!important;
  letter-spacing:0!important;
  text-align:center!important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-evidence-shot>img{
  display:block;
  width:100%;
  height:auto!important;
  min-width:0;
  object-fit:contain !important;
  object-position:center !important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-proof-dashboard{
  min-width:0;
  box-sizing:border-box;
  padding:0;
  overflow:hidden;
  border-style:solid;
  border-color:rgb(229,231,235)!important;
  background:#fff!important;
}

html.route-featured body.case-detail-page #constructionCase .dossier-proof-dashboard>img{
  display:block;
  width:100%;
  height:100%;
  min-width:0;
  object-fit:contain;
  object-position:center;
}

html.route-featured body.case-detail-page #constructionCase .case-close>.wrap>p{
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
}

@media(max-width:700px){
  html.route-featured body.case-detail-page #constructionCase .case-brand-line{
    gap:9px;
    font-size:15px!important;
  }

  html.route-featured body.case-detail-page #constructionCase .case-brand-divider{
    height:20px;
  }

  html.route-featured body.case-detail-page #constructionCase .dossier-evidence-media{
    grid-template-columns:minmax(0,1fr);
    grid-auto-rows:auto;
  }

  html.route-featured body.case-detail-page #constructionCase .dossier-evidence-shot{
    height:auto;
    min-height:0!important;
    max-height:none;
  }
}

html.route-featured body.case-detail-page #constructionCase #proof-title>span{
  display:inline;
}

@media(max-width:700px){
  html.route-featured body.case-detail-page #constructionCase #proof-title{
    font-size:32px!important;
    line-height:1.18!important;
  }
  html.route-featured body.case-detail-page #constructionCase #proof-title>span{
    display:block;
    white-space:nowrap;
  }
}

/* Dispatch case: annotated type, stable exception copy, and closing-panel geometry. */
html.route-dispatch body.case-detail-page #constructionCase{
  --dispatch-console-bg:rgb(242,243,245);
  --dispatch-console-border:rgb(215,218,223);
  --dispatch-console-ink:rgb(10,10,10);
  --dispatch-console-muted:rgb(95,102,114);
}

html.route-dispatch body.case-detail-page #constructionCase .case-brand-line{
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-bottom:26px;
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:.04em!important;
}

html.route-dispatch body.case-detail-page #constructionCase .case-brand-line>span{
  flex:0 0 auto;
  white-space:nowrap;
}

html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero .construction-lede{
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
}

html.route-dispatch body.case-detail-page #constructionCase .case-brand-divider{
  width:1px;
  height:24px;
  flex:0 0 1px;
  background:rgb(111,114,120);
}

html.route-dispatch body.case-detail-page #constructionCase .case-brand-en{
  letter-spacing:.12em;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow]{
  background:var(--dispatch-console-bg)!important;
  border-color:var(--dispatch-console-border)!important;
  color:var(--dispatch-console-ink)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-tabs{
  border-color:var(--dispatch-console-border)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-tabs button{
  color:var(--dispatch-console-muted)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-tabs button[aria-selected="true"]{
  background:#fff!important;
  color:var(--dispatch-console-ink)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-panel>span,
html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-panel h3,
html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-panel dd{
  color:var(--dispatch-console-ink)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-panel>p,
html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-panel dt{
  color:var(--dispatch-console-muted)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .control-room[data-service-flow] .control-phase-panel dl div{
  border-color:var(--dispatch-console-border)!important;
}

html.route-dispatch body.case-detail-page #constructionCase .construction-hero h1,
html.route-dispatch body.case-detail-page #constructionCase .case-close h2{
  color:rgb(10,10,10)!important;
  border-color:rgb(10,10,10)!important;
  font-weight:300!important;
}

html.route-dispatch body.case-detail-page #constructionCase .case-close> .wrap > p{
  color:rgb(111,114,120)!important;
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
}

html.route-dispatch body.case-detail-page #constructionCase .case-close .cta-actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:center;
  align-items:center;
  gap:14px!important;
}

html.route-dispatch body.case-detail-page #constructionCase .case-close .cta-actions .pill{
  width:142px;
  min-width:142px!important;
  height:42px;
  min-height:42px;
  padding:0 22px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  border:1px solid rgba(28,34,43,.16)!important;
  border-radius:12px!important;
  background:#fff;
  color:#3f3f3f;
  font-family:"Microsoft YaHei","Noto Sans SC",sans-serif!important;
  font-size:13px;
  font-weight:400!important;
  line-height:1;
  box-shadow:none!important;
}

html.route-dispatch body.case-detail-page #constructionCase .case-close .cta-actions .pill.primary{
  border-color:#111!important;
  background:#111;
  color:#fff;
}

html.route-dispatch body.case-detail-page #constructionCase .exception-console-grid>header{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  translate:none!important;
  animation:none!important;
  transition:none!important;
  will-change:auto!important;
}

html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero-visual{
  display:block!important;
  padding:0!important;
  border:0!important;
  background:#e8ecf0!important;
  overflow:hidden;
}

html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero-visual>img{
  display:block;
  width:100%;
  height:100%;
  min-height:inherit;
  object-fit:cover;
  object-position:center;
}

@media(min-width:1101px){
  html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero-visual.case-media-hero{
    width:743.865px!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    justify-self:end;
  }

  html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero-visual.case-media-hero>img{
    width:743.865px!important;
    height:560px!important;
    min-height:0!important;
    object-fit:cover;
  }
}

@media(max-width:700px){
  html.route-dispatch body.case-detail-page #constructionCase .case-brand-line{
    gap:9px;
    font-size:15px!important;
  }

  html.route-dispatch body.case-detail-page #constructionCase .case-brand-divider{
    height:20px;
  }

  html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero-visual{
    min-height:0!important;
    aspect-ratio:1672/941;
  }

  html.route-dispatch body.case-detail-page #constructionCase .dispatch-hero-visual>img{
    min-height:0;
    object-fit:contain;
  }
}

html.route-dispatch body.case-detail-page #constructionCase #control-title,
html.route-dispatch body.case-detail-page #constructionCase #match-title,
html.route-dispatch body.case-detail-page #constructionCase #exceptions-title,
html.route-dispatch body.case-detail-page #constructionCase #control-proof-title{
  border-color:rgb(229,231,235)!important;
  font-size:40px!important;
  font-weight:200!important;
}

html.route-dispatch body.case-detail-page #constructionCase #control-title{
  text-align:left!important;
}

html.route-dispatch body.case-detail-page #constructionCase #case-control .control-room-grid>header{
  align-items:flex-start!important;
  text-align:left!important;
}

html.route-dispatch body.case-detail-page #constructionCase #case-control .control-room-grid>header h2,
html.route-dispatch body.case-detail-page #constructionCase #case-control .control-room-grid>header p{
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}

html.route-dispatch body.case-detail-page #constructionCase .dispatch-demo-placeholder{
  height:clamp(24rem,29.28vw,31.25rem);
  min-height:0;
}

html.route-dispatch body.case-detail-page #constructionCase .dispatch-demo-shot{
  height:auto;
  min-height:0;
  aspect-ratio:1918 / 990;
  padding:0;
  overflow:hidden;
  border-style:solid!important;
  border-color:rgb(229,231,235)!important;
  background:#fff;
}

html.route-dispatch body.case-detail-page #constructionCase .dispatch-demo-shot>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
}

@media(max-width:700px){
  html.route-dispatch body.case-detail-page #constructionCase .dispatch-demo-placeholder{
    height:auto;
    min-height:22rem;
  }

  html.route-dispatch body.case-detail-page #constructionCase .dispatch-demo-shot{
    min-height:0;
  }
}

@media(min-width:701px){
  html.route-dispatch body.case-detail-page #constructionCase .construction-hero h1,
  html.route-dispatch body.case-detail-page #constructionCase .case-close h2{
    font-size:58.926px!important;
  }
}

@media(min-width:1101px){
  html.route-dispatch body.case-detail-page #constructionCase .case-close{
    width:100%!important;
    height:515.625px!important;
    min-height:515.625px!important;
    max-height:515.625px!important;
    margin-inline:auto!important;
    padding:111.02px!important;
    box-sizing:border-box!important;
  }
}

/* Ecommerce case: annotated media geometry and typography. */
html.route-ecommerce body.case-detail-page #constructionCase .construction-hero h1,
html.route-ecommerce body.case-detail-page #constructionCase .case-close h2{
  border-color:rgb(10,10,10)!important;
  font-weight:300!important;
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-breakpoint-title,
html.route-ecommerce body.case-detail-page #constructionCase #lifecycle-title,
html.route-ecommerce body.case-detail-page #constructionCase #playbooks-title,
html.route-ecommerce body.case-detail-page #constructionCase #growth-proof-title,
html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-convert>div>h3{
  border-color:rgb(229,231,235)!important;
  font-size:40px!important;
  font-weight:200!important;
}

html.route-ecommerce body.case-detail-page #constructionCase .growth-breakpoint-grid>header{
  text-align:center;
}

html.route-ecommerce body.case-detail-page #constructionCase .growth-breakpoint-grid>header h2,
html.route-ecommerce body.case-detail-page #constructionCase .growth-breakpoint-grid>header p{
  margin-inline:auto;
  text-align:center;
}

/* Keep the primary Next Best Action evidence in the same viewport as its title. */
html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-convert>.case-media-slot{
  width:min(100%,760px);
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9;
  margin:32px auto 0!important;
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-convert>.ecommerce-next-best-action-shot{
  padding:0;
  border-style:solid;
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-convert>.ecommerce-next-best-action-shot>img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-service>.ecommerce-after-sales-shot{
  width:min(100%,760px);
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9;
  margin:32px auto 0!important;
  padding:0;
  border-style:solid;
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-service>.ecommerce-after-sales-shot>img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
}

@media(max-width:700px){
  html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-service>.ecommerce-after-sales-shot>img{
    object-fit:cover;
  }
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-retain>.ecommerce-handoff-shot{
  width:min(100%,760px);
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16/9;
  margin:32px auto 0!important;
  padding:0;
  border-style:solid;
}

html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-retain>.ecommerce-handoff-shot>img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
}

@media(max-width:700px){
  html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-retain>.ecommerce-handoff-shot{
    aspect-ratio:16/9;
  }

  html.route-ecommerce body.case-detail-page #constructionCase #growth-panel-retain>.ecommerce-handoff-shot>img{
    object-fit:cover;
    object-position:center;
  }
}

html.route-ecommerce body.case-detail-page #constructionCase .case-close>.wrap>p{
  border-color:rgb(111,114,120)!important;
  font-size:17.6px!important;
  font-weight:400!important;
}

@media(min-width:701px){
  html.route-ecommerce body.case-detail-page #constructionCase .construction-hero h1,
  html.route-ecommerce body.case-detail-page #constructionCase .case-close h2{
    font-size:58.926px!important;
  }
}

@media(min-width:1101px){
  html.route-ecommerce body.case-detail-page #constructionCase .growth-case-hero .ecommerce-hero-visual.case-media-hero{
    width:744px!important;
    height:560px!important;
    min-height:560px!important;
    max-height:560px!important;
    justify-self:end;
  }

  html.route-ecommerce body.case-detail-page #constructionCase .growth-case-hero .ecommerce-hero-visual.case-media-hero>img{
    width:744px!important;
    height:560px!important;
    min-height:0!important;
    object-fit:cover;
  }
}

/* Construction proof: center the deployment dossier without changing its grid or dimensions. */
html.route-featured body.case-detail-page #constructionCase .dossier-proof-media .deployment-facts{
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}

/* Ecommerce close: match the three-button 142 × 42 CTA reference. */
html.route-ecommerce body.case-detail-page #constructionCase .case-close .cta-actions{
  justify-content:center;
  gap:14px;
  flex-wrap:wrap;
}

html.route-ecommerce body.case-detail-page #constructionCase .case-close .cta-actions .pill{
  width:142px;
  min-width:142px;
  max-width:142px;
  height:42px;
  min-height:42px;
  padding:0 22px;
  border:.666667px solid rgba(28,34,43,.16)!important;
  border-radius:8px!important;
  font-size:13px;
  font-weight:500!important;
  line-height:1;
}

/* Construction case: keep section explanations directly beneath their titles. */
html.route-featured body.case-detail-page #constructionCase .dossier-chain-section .case-section-head,
html.route-featured body.case-detail-page #constructionCase .dossier-proof .case-section-head{
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:clamp(20px,2vw,28px);
  column-gap:0;
  align-items:start;
}

html.route-featured body.case-detail-page #constructionCase .dossier-chain-section .case-section-head>p,
html.route-featured body.case-detail-page #constructionCase .dossier-proof .case-section-head>p{
  width:100%;
  max-width:72rem;
  justify-self:start;
  text-align:left;
}

/* Dispatch case: place section explanations directly beneath their titles. */
html.route-dispatch body.case-detail-page #constructionCase .match-lab-section .case-section-head,
html.route-dispatch body.case-detail-page #constructionCase .control-proof .case-section-head{
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:clamp(20px,2vw,28px);
  column-gap:0;
  align-items:start;
}

html.route-dispatch body.case-detail-page #constructionCase .match-lab-section .case-section-head>p,
html.route-dispatch body.case-detail-page #constructionCase .control-proof .case-section-head>p{
  width:100%;
  max-width:none;
  justify-self:start;
  text-align:left;
}

/* Ecommerce case: keep the playbook explanation directly beneath its title. */
html.route-ecommerce body.case-detail-page #constructionCase .growth-playbooks-section .case-section-head{
  grid-template-columns:minmax(0,1fr)!important;
  row-gap:clamp(20px,2vw,28px);
  column-gap:0;
  align-items:start;
}

html.route-ecommerce body.case-detail-page #constructionCase .growth-playbooks-section .case-section-head>p{
  width:100%;
  max-width:72rem;
  justify-self:start;
  text-align:left;
}

/* Dispatch match demo: keep the heading, explanation and full screenshot in one desktop viewport. */
@media(min-width:1101px){
  html.route-dispatch body.case-detail-page #constructionCase .match-lab-section{
    padding-block:32px;
  }

  html.route-dispatch body.case-detail-page #constructionCase .match-lab-section>.wrap{
    width:min(calc(100% - 64px),var(--max));
  }

  html.route-dispatch body.case-detail-page #constructionCase .match-lab-section .case-section-head{
    row-gap:16px;
    margin-bottom:24px;
  }

  html.route-dispatch body.case-detail-page #constructionCase .match-lab-section .dispatch-demo-shot{
    width:100%;
    max-width:920px;
    margin-inline:auto;
  }

  html.route-dispatch body.case-detail-page #constructionCase .exception-console-section .exception-console-grid>.dispatch-knowledge-shot{
    width:100%;
    max-width:920px;
    min-height:0;
    margin:6px auto 0;
  }

  /* Dispatch proof: mirror the construction dashboard / deployment dossier composition. */
  html.route-dispatch body.case-detail-page #constructionCase .control-proof .control-proof-grid{
    grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);
    align-items:stretch;
  }

  html.route-dispatch body.case-detail-page #constructionCase .control-proof .dispatch-field-photo{
    width:100%;
    min-height:0;
    aspect-ratio:1920 / 991;
  }

  html.route-dispatch body.case-detail-page #constructionCase .control-proof .dispatch-field-photo>img{
    width:100%;
    height:100%;
    object-fit:cover;
  }

  html.route-dispatch body.case-detail-page #constructionCase .control-proof .deployment-facts{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-self:stretch;
    text-align:center;
  }
}

/* Dispatch editorial alignment: center the paired copy blocks without changing their grids. */
html.route-dispatch body.case-detail-page #constructionCase #case-control .control-room-grid>header{
  align-items:center!important;
  text-align:center!important;
}

html.route-dispatch body.case-detail-page #constructionCase #case-control #control-title,
html.route-dispatch body.case-detail-page #constructionCase #case-control .control-room-grid>header>p{
  width:100%;
  margin-inline:auto!important;
  text-align:center!important;
}

html.route-dispatch body.case-detail-page #constructionCase .exception-console-section .exception-console-grid>header{
  text-align:center!important;
}

html.route-dispatch body.case-detail-page #constructionCase .exception-console-section #exceptions-title,
html.route-dispatch body.case-detail-page #constructionCase .exception-console-section .exception-console-grid>header>p{
  width:100%;
  margin-inline:auto!important;
  text-align:center!important;
}

@media(min-width:1101px){
  html.route-dispatch body.case-detail-page #constructionCase .exception-console-section .exception-console-grid{
    align-items:center!important;
  }

  html.route-dispatch body.case-detail-page #constructionCase .exception-console-section .exception-console-grid>header{
    align-self:center!important;
  }
}