.logistics-case{--logistics-surface:#f1f3f5;--logistics-raised:#fff;--logistics-ink:#111318;--logistics-muted:#626a73;--logistics-line:rgb(229,231,235);--logistics-dark:#131820;--logistics-hero-desktop-width:743.865px;--logistics-hero-desktop-height:560px}
html.route-logistics body.case-detail-page #constructionCase .case-brand-line{display:flex;align-items:center;gap:12px;margin-bottom:26px;color:rgb(95,102,114)!important;font-size:14px!important;font-weight:400!important;line-height:1.2!important;letter-spacing:.04em!important}
html.route-logistics body.case-detail-page #constructionCase .case-brand-divider{width:1px;height:24px;flex:0 0 1px;background:rgb(111,114,120)}
html.route-logistics body.case-detail-page #constructionCase .case-brand-en{letter-spacing:.12em}
body.case-detail-page .logistics-case .construction-hero-grid{grid-template-columns:minmax(0,.94fr) minmax(29rem,1.06fr);gap:clamp(3rem,7vw,7rem)}
.logistics-case .construction-hero-copy{min-width:0}.logistics-case .construction-hero h1{max-width:13ch}.logistics-case .case-hero-quote{margin-top:32px}
.logistics-case .logistics-placeholder{display:flex;align-items:center;justify-content:center;min-height:24rem;padding:clamp(1.75rem,4vw,3.5rem);border:1px dashed rgba(79,111,137,.34);background:var(--logistics-surface)!important;box-shadow:var(--ui-shadow-low)}
.logistics-case .logistics-placeholder>div{width:min(100%,44rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--logistics-line);border-radius:calc(var(--ui-radius) - 2px);background:rgba(255,255,255,.78);text-align:center}
.logistics-case .logistics-placeholder span{display:block;margin-bottom:14px;color:var(--case-blue);font-size:11px;font-weight:600;letter-spacing:.12em}
.logistics-case .logistics-placeholder b{display:block;color:var(--logistics-ink);font-size:clamp(1.45rem,2.3vw,2.15rem);font-weight:400;line-height:1.16}
.logistics-case .logistics-placeholder p{max-width:39rem;margin:20px auto 0;color:var(--logistics-muted);font-size:14px;line-height:1.75}
.logistics-case .logistics-hero-placeholder{min-height:0;aspect-ratio:16/10}
.logistics-case .logistics-hero-media{padding:0;overflow:hidden;border-style:solid;background:var(--logistics-raised)!important}
.logistics-case .logistics-hero-media>img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;object-position:66% center}
@media(min-width:1101px){
  html.route-logistics body.case-detail-page #constructionCase .logistics-hero-placeholder.case-media-hero{
    width:var(--logistics-hero-desktop-width);
    height:var(--logistics-hero-desktop-height);
    min-height:var(--logistics-hero-desktop-height);
    max-height:var(--logistics-hero-desktop-height);
    justify-self:end;
    aspect-ratio:auto;
  }

  html.route-logistics body.case-detail-page #constructionCase .logistics-hero-placeholder.case-media-hero>img{
    display:block;
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
  }
}
.logistics-streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}
.logistics-streams article{min-width:0;padding:24px}.logistics-streams article+article{border-left:1px solid var(--case-line)}.logistics-streams strong{font-size:16px}.logistics-streams p{margin:8px 0 0;color:var(--logistics-muted);font-size:13px;line-height:1.65}
.logistics-case .logistics-background-section .dossier-turning-grid{align-items:start}.logistics-case .logistics-background-section .dossier-turning-grid>header{position:sticky;top:8rem}.logistics-case .logistics-background-section .dossier-turning-grid>header h2{max-width:none}
.logistics-case>.logistics-control-section{background:transparent!important;color:var(--logistics-ink)!important}.logistics-case .control-room-grid{align-items:stretch}
.logistics-case .control-room-grid>header{display:flex;min-width:0;flex-direction:column;justify-content:center;align-items:flex-start;background:transparent;text-align:left}
.logistics-case .control-room-grid>header>span{margin-bottom:20px;color:var(--case-blue);font-size:11px;font-weight:600;letter-spacing:.12em}.logistics-case .control-room-grid>header h2{width:100%;max-width:none;margin:0;color:var(--logistics-ink)!important;text-align:left}.logistics-case .control-room-grid>header p{width:100%;max-width:34rem;margin:28px 0 0;color:var(--logistics-muted)!important;text-align:left}
.logistics-case .control-room{align-self:stretch;background:var(--logistics-dark);color:#fff}.logistics-case .control-room[data-service-flow] .control-phase-tabs{display:flex;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.logistics-case .control-room[data-service-flow] .control-phase-tabs::-webkit-scrollbar{display:none}
.logistics-case .control-room[data-service-flow] .control-phase-tabs button{min-height:4rem;white-space:nowrap}.logistics-case .control-room[data-service-flow] .control-phase-panel{display:flex;min-height:clamp(25rem,34vw,31rem);flex-direction:column;padding:clamp(2.5rem,5vw,5rem)}
.logistics-case .control-room[data-service-flow] .control-phase-panel[hidden],.logistics-case .logistics-scenarios .growth-playbook-panel[hidden]{display:none!important}
.logistics-case .control-room[data-service-flow] .control-phase-panel h3{max-width:none;margin:1.15rem 0 1.75rem;font-size:clamp(1.55rem,1.85vw,2rem)!important;line-height:1.16!important}.logistics-case .control-room[data-service-flow] .control-phase-panel>p{max-width:64rem;flex:0 0 auto}.logistics-case .control-room[data-service-flow] .control-phase-panel dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,4rem);margin-top:auto}
.logistics-switchboard{min-width:0;border:1px solid var(--logistics-line);background:var(--logistics-raised)}.logistics-stream-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid var(--logistics-line)}.logistics-stream-selector>div{display:grid;grid-template-columns:auto 1fr;gap:.35rem .8rem;min-width:0;padding:1.2rem 1.35rem;background:transparent;color:var(--logistics-ink);text-align:left}.logistics-stream-selector>div+div{border-left:1px solid var(--logistics-line)}.logistics-stream-selector>div span{grid-row:1/3;color:var(--case-blue);font-size:10px;letter-spacing:.08em}.logistics-stream-selector>div b{font-size:15px;font-weight:500}.logistics-stream-selector>div small{overflow:hidden;color:var(--logistics-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.logistics-stream-selector>div.is-active{background:var(--logistics-dark);color:#fff}.logistics-stream-selector>div.is-active small{color:#b9c1ca}
.logistics-stream-panels article{padding:clamp(2rem,4vw,4rem)}.logistics-stream-panels article[hidden]{display:none}.logistics-stream-panels article>span{color:var(--case-blue);font-size:11px;letter-spacing:.1em}.logistics-stream-panels h3{max-width:18ch;margin:1.6rem 0 2.5rem;font-size:clamp(1.8rem,2.6vw,2.75rem);font-weight:400;line-height:1.1}.logistics-stream-panels ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0;border-top:1px solid var(--logistics-line);border-bottom:1px solid var(--logistics-line);list-style:none}.logistics-stream-panels li{min-width:0;padding:1.25rem}.logistics-stream-panels li+li{border-left:1px solid var(--logistics-line)}.logistics-stream-panels li b{display:block;font-size:13px}.logistics-stream-panels li small{display:block;margin-top:.8rem;color:var(--logistics-muted);font-size:11px;line-height:1.65}.logistics-stream-panels article>p{margin:1.5rem 0 0;color:var(--logistics-muted);font-size:12px;line-height:1.7}.logistics-stream-panels article>p strong{color:var(--logistics-ink);font-weight:500}
.logistics-case .logistics-dashboard-section .case-section-head,.logistics-case .logistics-scenarios-section .case-section-head,.logistics-case .logistics-proof .case-section-head{grid-template-columns:minmax(0,1.7fr) minmax(17rem,.62fr);gap:clamp(2.5rem,5vw,5rem)}
.logistics-case .logistics-dashboard-section .case-section-head h2,.logistics-case .logistics-scenarios-section .case-section-head h2,.logistics-case .logistics-proof .case-section-head h2{width:100%;max-width:none}.logistics-case .logistics-dashboard-placeholder,.logistics-case .logistics-flow-placeholder{min-height:0;aspect-ratio:16/9}
.logistics-case .logistics-scenarios{background:var(--logistics-raised)}.logistics-case .logistics-scenarios .growth-playbook-tabs{flex-wrap:wrap}.logistics-case .logistics-scenarios .growth-playbook-panel{min-height:0}.logistics-case .logistics-scenarios .growth-playbook-panel h3{max-width:22ch}.logistics-case .logistics-scenarios .growth-playbook-panel li strong{display:inline-block;margin-bottom:7px;color:var(--logistics-ink)}.logistics-case .logistics-flow-placeholder{margin-top:clamp(2rem,4vw,4rem)}
.logistics-handoff-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--logistics-line);border-bottom:1px solid var(--logistics-line)}.logistics-handoff-matrix article{min-width:0;padding:clamp(1.75rem,3vw,2.75rem)}.logistics-handoff-matrix article+article{border-left:1px solid var(--logistics-line)}.logistics-handoff-matrix article>span{color:var(--case-blue);font-size:11px;letter-spacing:.09em}.logistics-handoff-matrix h3{min-height:3.2em;margin:2rem 0;font-size:clamp(1.35rem,1.8vw,1.8rem);font-weight:400;line-height:1.15}.logistics-handoff-matrix dl{margin:0}.logistics-handoff-matrix dl div{padding:1rem 0;border-top:1px solid var(--logistics-line)}.logistics-handoff-matrix dt{color:var(--logistics-muted);font-size:11px}.logistics-handoff-matrix dd{margin:.5rem 0 0;font-size:13px;line-height:1.6}
.logistics-case .logistics-loop-section .exception-console-grid{grid-template-columns:minmax(31rem,.84fr) minmax(0,1.16fr);gap:clamp(3rem,5vw,5.5rem);align-items:start}.logistics-case .logistics-loop-section .exception-console-grid>header h2{max-width:none}.logistics-case .logistics-loop-section .exception-console{grid-column:2;grid-row:1}
.logistics-metrics{display:grid;grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:100%;margin-top:18px}.logistics-metrics article{min-width:0;padding:28px;border:1px solid var(--logistics-line);border-radius:var(--ui-radius);background:var(--logistics-raised);box-shadow:var(--ui-shadow-low)}.logistics-metrics strong{display:block;font-size:clamp(2.3rem,4.2vw,4rem);font-weight:300;line-height:1;letter-spacing:-.05em}.logistics-metrics span{display:block;margin-top:18px;color:var(--logistics-muted);font-size:13px;line-height:1.55}
.logistics-case .logistics-outcomes{grid-template-columns:repeat(4,minmax(0,1fr))}.logistics-case .logistics-proof-grid{grid-template-columns:1.25fr .75fr}.logistics-case .logistics-team-placeholder{min-height:0;aspect-ratio:4/3}.logistics-case .case-close h2 span{display:block}
@media(min-width:1101px){.logistics-case .control-room-grid{display:grid;grid-template-columns:minmax(31rem,.86fr) minmax(0,1.14fr);gap:clamp(3rem,5vw,5.5rem);align-items:start}.logistics-case .control-room-grid>header{position:sticky;top:7rem;align-self:start;min-height:30rem}}
@media(max-width:1100px){body.case-detail-page .logistics-case .construction-hero-grid,.logistics-case .control-room-grid,.logistics-case .logistics-loop-section .exception-console-grid,.logistics-case .logistics-dashboard-section .case-section-head,.logistics-case .logistics-scenarios-section .case-section-head,.logistics-case .logistics-proof .case-section-head{grid-template-columns:1fr}.logistics-case .control-room-grid{min-height:0}.logistics-case .control-room-grid>header,.logistics-case .logistics-background-section .dossier-turning-grid>header{position:static;top:auto}.logistics-case .logistics-loop-section .exception-console{grid-column:1;grid-row:auto}.logistics-metrics{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html.route-logistics body.case-detail-page #constructionCase .case-brand-line{gap:9px;font-size:15px!important}.logistics-streams,.logistics-case .logistics-outcomes,.logistics-case .logistics-proof-grid,.logistics-metrics,.logistics-handoff-matrix{grid-template-columns:1fr}.logistics-streams article+article,.logistics-handoff-matrix article+article{border-left:0;border-top:1px solid var(--logistics-line)}.logistics-stream-selector{grid-template-columns:1fr}.logistics-stream-selector>div+div{border-top:1px solid var(--logistics-line);border-left:0}.logistics-stream-panels ol{grid-template-columns:1fr 1fr}.logistics-stream-panels li:nth-child(3){border-left:0}.logistics-stream-panels li:nth-child(n+3){border-top:1px solid var(--logistics-line)}.logistics-handoff-matrix h3{min-height:0}.logistics-case .logistics-placeholder{min-height:18rem;padding:1rem}.logistics-case .logistics-placeholder>div{padding:1.35rem 1.1rem}}
@media(prefers-reduced-motion:reduce){.logistics-case .control-phase-tabs button,.logistics-case .growth-playbook-tabs button{transition:none}}

/* Logistics editorial annotations: compact, static, and aligned to the page rhythm. */
.logistics-case .construction-hero h1,
.logistics-case #logistics-background-title,
.logistics-case #logistics-control-title,
.logistics-case #logistics-dashboard-title,
.logistics-case #logistics-scenarios-title,
.logistics-case #logistics-loop-title,
.logistics-case #logistics-proof-title{
  border-color:rgb(229,231,235)!important;
  font-size:40px!important;
  font-weight:200!important;
  line-height:1.08!important;
}
.logistics-case .construction-hero h1{max-width:none}
.logistics-case .logistics-background-section .dossier-turning-grid>header,
.logistics-case .control-room-grid>header{position:static!important;top:auto!important;min-height:0!important}
.logistics-case .control-room-grid>header{justify-content:flex-start}
.logistics-case .logistics-dashboard-section .case-section-head,
.logistics-case .logistics-scenarios-section .case-section-head,
.logistics-case .logistics-proof .case-section-head{
  grid-template-columns:1fr;
  gap:18px;
  align-items:start;
  margin-bottom:32px;
}
.logistics-case .logistics-dashboard-section .case-section-head p,
.logistics-case .logistics-scenarios-section .case-section-head p,
.logistics-case .logistics-proof .case-section-head p{
  width:100%;
  max-width:82rem;
  margin:0;
  text-align:left;
}
.logistics-case .logistics-dashboard-section,
.logistics-case .logistics-scenarios-section,
.logistics-case .logistics-proof{padding-block:clamp(52px,7vh,72px)}
.logistics-case .logistics-dashboard-placeholder,
.logistics-case .logistics-flow-placeholder{
  height:clamp(260px,36vh,340px);
  min-height:0;
  aspect-ratio:auto;
}
.logistics-case .logistics-team-placeholder{
  height:clamp(280px,38vh,340px);
  min-height:0;
  aspect-ratio:auto;
}
.logistics-case #case-dashboard>.wrap>.logistics-dashboard-placeholder,
.logistics-case #case-scenarios>.wrap>.logistics-flow-placeholder{
  box-sizing:border-box;
  width:min(100%,918.667px);
  height:auto!important;
  min-height:0!important;
  aspect-ratio:918.667/475.135;
  margin-inline:auto;
}
.logistics-case .logistics-dashboard-media,
.logistics-case .logistics-flow-media{
  padding:0;
  overflow:hidden;
  border-style:solid;
  background:var(--logistics-raised)!important;
}
.logistics-case .logistics-dashboard-media>img,
.logistics-case .logistics-flow-media>img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
}
.logistics-case .logistics-proof-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;margin-top:36px}
.logistics-case .logistics-proof-grid .deployment-facts{align-self:center;padding:26px}

/* Logistics proof media: restore the requested desktop frame and scale proportionally below it. */
.logistics-case .logistics-proof-grid{
  grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);
}
html.route-logistics body.case-detail-page #constructionCase .logistics-proof-grid>.logistics-team-placeholder{
  box-sizing:border-box;
  width:min(100%,918.667px);
  height:auto!important;
  min-height:0!important;
  aspect-ratio:918.667/475.135;
  justify-self:center;
}
.logistics-case .logistics-team-media{
  padding:0;
  overflow:hidden;
  border:1px solid var(--logistics-line);
  background:var(--logistics-raised)!important;
}
.logistics-case .logistics-team-media>img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
}

@media(min-width:1280px){
  .logistics-case #logistics-dashboard-title,
  .logistics-case #logistics-scenarios-title,
  .logistics-case #logistics-proof-title{white-space:nowrap}
}
@media(max-width:1100px){
  .logistics-case .logistics-proof-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  html.route-logistics body.case-detail-page #constructionCase .case-brand-line{font-size:14px!important}
  .logistics-case .construction-hero h1,
  .logistics-case #logistics-background-title,
  .logistics-case #logistics-control-title,
  .logistics-case #logistics-dashboard-title,
  .logistics-case #logistics-scenarios-title,
  .logistics-case #logistics-loop-title,
  .logistics-case #logistics-proof-title{font-size:32px!important;line-height:1.12!important}
}

/* Logistics layout refinement: align paired columns and tighten the long-form rhythm. */
.logistics-case .logistics-background-section .dossier-turning-grid,
.logistics-case .control-room-grid{
  min-height:0!important;
  align-items:center!important;
}
.logistics-case .logistics-background-section .dossier-turning-grid>header,
.logistics-case .control-room-grid>header{
  align-self:center!important;
  justify-content:center!important;
}
.logistics-case .logistics-control-section{padding-bottom:32px!important}
.logistics-case .logistics-dashboard-section{padding-top:32px!important}

.logistics-case .logistics-stream-selector>div.is-active{
  background:#e5e7eb;
  color:var(--logistics-ink);
}
.logistics-case .logistics-stream-selector>div.is-active small{color:var(--logistics-muted)}

.logistics-case .logistics-dashboard-placeholder{
  width:min(100%,660px);
  height:auto;
  aspect-ratio:4/3;
  margin-inline:auto;
}
.logistics-case .logistics-flow-placeholder{
  width:min(100%,620px);
  height:auto;
  aspect-ratio:4/3;
  margin-inline:auto;
}
.logistics-case #logistics-loop-title{
  max-width:none;
  text-wrap:wrap;
}
.logistics-case .logistics-metrics{
  grid-template-columns:repeat(4,minmax(0,1fr));
}
.logistics-case .logistics-team-placeholder{
  height:clamp(340px,44vh,400px);
}

@media(max-width:1100px){
  .logistics-case .logistics-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .logistics-case .logistics-dashboard-placeholder,
  .logistics-case .logistics-flow-placeholder{width:min(100%,520px)}
  .logistics-case .logistics-metrics{grid-template-columns:1fr}
  .logistics-case .logistics-team-placeholder{height:320px}
}

/* Logistics case annotation pass: hero type, natural title wrapping, and closing CTA geometry. */
html.route-logistics body.case-detail-page #constructionCase .case-brand-line,
html.route-logistics body.case-detail-page #constructionCase .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-logistics body.case-detail-page #constructionCase .case-brand-divider {
  background-color: rgb(111, 114, 120) !important;
}

.logistics-case #logistics-control-title {
  white-space: normal !important;
  text-wrap: wrap !important;
  text-wrap-style: auto;
}

.logistics-case #logistics-control-title .logistics-title-phrase {
  white-space: nowrap;
}

.logistics-case #logistics-loop-title .logistics-loop-title-phrase {
  white-space: nowrap;
}

@media (min-width: 901px) {
  html.route-logistics body.case-detail-page #constructionCase .case-close {
    box-sizing: border-box;
    width: min(1670px, 100%);
    height: 515.625px;
    min-height: 515.625px;
    margin-inline: auto;
    padding: 111.02px !important;
  }
}

@media (max-width: 900px) {
  html.route-logistics body.case-detail-page #constructionCase .case-close {
    width: calc(100% - 24px);
    height: auto;
    min-height: 0;
    padding: 48px 24px 64px !important;
  }
}

@media (max-width: 700px) {
  html.route-logistics body.case-detail-page #constructionCase .case-brand-line,
  html.route-logistics body.case-detail-page #constructionCase .construction-lede {
    font-size: 17.6px !important;
  }
}

/* Logistics editorial alignment and closing-copy typography. */
html.route-logistics body.case-detail-page #constructionCase .logistics-control-section .control-room-grid>header h2{
  width:100%;
  margin:0!important;
  text-align:center!important;
}

html.route-logistics body.case-detail-page #constructionCase .logistics-control-section .control-room-grid>header{
  gap:0!important;
}

html.route-logistics body.case-detail-page #constructionCase .logistics-control-section .control-room-grid>header>p{
  width:100%;
  margin:20px 0 0!important;
  text-align:left!important;
}

html.route-logistics body.case-detail-page #constructionCase .logistics-loop-section .exception-console-grid>header{
  position:static!important;
  inset:auto!important;
  align-self:center!important;
  text-align:center!important;
}

html.route-logistics body.case-detail-page #constructionCase .logistics-loop-section #logistics-loop-title,
html.route-logistics body.case-detail-page #constructionCase .logistics-loop-section .exception-console-grid>header>p{
  width:100%;
  margin-inline:auto!important;
  text-align:center!important;
}

html.route-logistics 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-logistics body.case-detail-page #constructionCase .case-close>.wrap>h2{
  color:rgb(10,10,10)!important;
  border-color:rgb(10,10,10)!important;
  font-size:clamp(40px,3.45vw,58.926px)!important;
  font-weight:300!important;
}

@media(min-width:1101px){
  html.route-logistics body.case-detail-page #constructionCase .logistics-loop-section .exception-console-grid{
    align-items:center!important;
  }
}
