/* "When the work stopped, TB did not." — slide 1 composition.
   The shared hero system owns height, CTA baseline, arrows, dots and mechanics. */

body.home .hero--story .hero-slide--work-stopped-tb{
  background:#324765;
  color:#fff;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-image,
body.home .hero--story .hero-slide--work-stopped-tb .hero-image picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-image img{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:cover!important;
  object-position:center center!important;
  transform:none!important;
  filter:none!important;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-shade{
  display:block;
  background:linear-gradient(90deg,rgba(24,39,61,.82) 0%,rgba(24,39,61,.62) 38%,rgba(24,39,61,.14) 65%,rgba(24,39,61,0) 80%);
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-content{
  width:min(760px,52vw);
  max-width:min(760px,52vw);
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  color:#fff;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-heading--work-stopped{
  max-width:14ch;
  margin:0 0 18px;
  color:#fff;
  font-family:var(--font-primary);
  font-size:clamp(48px,4vw,64px);
  line-height:1.01;
  letter-spacing:-.04em;
  font-weight:650;
  font-style:normal;
  text-wrap:pretty;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-heading--work-stopped em{
  color:var(--aurum-gold);
  font-style:normal;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-intro,
body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-deck{
  max-width:680px;
  color:rgba(255,255,255,.94);
  font-size:clamp(15px,1.08vw,17px);
  line-height:1.48;
}
body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-intro{margin:0 0 8px}
body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-deck{margin:0 0 20px}
body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-intro strong{
  color:#fff;
  font-weight:650;
}

/* MOBILE ONLY: same full-bleed behaviour as Slide 3.
   One image plane, one content plane. No contained portrait or lower colour panel. */
@media(max-width:850px){
  body.home .hero--story .hero-slide--work-stopped-tb .hero-image,
  body.home .hero--story .hero-slide--work-stopped-tb .hero-image picture{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    display:block!important;
  }

  body.home .hero--story .hero-slide--work-stopped-tb .hero-image img,
  body.home .hero--story .hero-slide--work-stopped-tb .hero-image picture img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    object-fit:cover!important;
    object-position:64% center!important;
    transform:none!important;
  }

  body.home .hero--story .hero-slide--work-stopped-tb .hero-content{
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:flex-end!important;
    align-items:flex-start!important;
  }

  body.home .hero--story .hero-slide--work-stopped-tb .hero-heading--work-stopped{
    max-width:15ch!important;
    margin-bottom:14px!important;
    font-size:clamp(31px,8vw,38px)!important;
    line-height:1.04!important;
  }

  body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-intro,
  body.home .hero--story .hero-slide--work-stopped-tb .hero-work-stopped-deck{
    max-width:36em!important;
    font-size:clamp(15px,3.9vw,17px)!important;
    line-height:1.45!important;
  }
}

@media(max-width:430px){
  body.home .hero--story .hero-slide--work-stopped-tb .hero-image img,
  body.home .hero--story .hero-slide--work-stopped-tb .hero-image picture img{
    object-position:66% center!important;
  }
}