/* EVENT86 r112 / Hero type harmonization with About and Team.
   Desktop-specific; all five covers share this component.
   Responsive <picture> and CMS-selected images are untouched. */
@media (min-width: 841px) {
  body.services-redesign[data-service-hero] .svc-hero-inner {
    width: min(calc(100% - 88px), 1480px);
    max-width: none;
    padding-block: clamp(28px, 4.2vh, 48px);
    justify-content: flex-start;
    align-items: center;
  }
  body.services-redesign[data-service-hero] .svc-hero-copy {
    width: min(850px, 72%);
    max-width: 850px;
    min-width: 0;
  }
  body.services-redesign[data-service-hero] .svc-hero .svc-crumbs {
    font-size: 14px;
    line-height: 1.4;
    margin-bottom: clamp(28px, 4.7vh, 55px);
  }
  body.services-redesign[data-service-hero] .svc-hero .section-kicker {
    font-size: 14px;
    line-height: 1.3;
    letter-spacing: .08em;
  }
  body.services-redesign[data-service-hero] .svc-hero h1 {
    font-size: clamp(62px, 5.8vw, 92px);
    font-weight: 820;
    letter-spacing: -.052em;
    line-height: .99;
    max-width: 850px;
    margin: clamp(19px, 2.5vh, 27px) 0 clamp(21px, 3vh, 31px);
    text-wrap: balance;
  }
  body.services-redesign[data-service-hero] .svc-hero .svc-lead {
    max-width: 650px;
    font-size: clamp(18px, 1.33vw, 22px);
    line-height: 1.44;
    color: rgba(255,255,255,.86);
  }
  body.services-redesign[data-service-hero] .svc-hero-actions {
    gap: 14px;
    margin-top: clamp(24px, 3.3vh, 36px);
  }
  body.services-redesign[data-service-hero] .svc-hero-actions .btn {
    min-height: 58px;
    padding: 13px 27px;
    font-size: 16px;
    gap: 16px;
  }
  body.services-redesign[data-service-hero] .svc-hero .svc-facts {
    margin-top: clamp(33px, 4.6vh, 53px);
    max-width: 720px;
  }
}
/* Less vertical room: preserve first-screen composition and readable type. */
@media (min-width: 841px) and (max-height: 760px) {
  body.services-redesign[data-service-hero] .svc-hero-inner {padding-block: 15px;}
  body.services-redesign[data-service-hero] .svc-hero .svc-crumbs {margin-bottom: 18px;}
  body.services-redesign[data-service-hero] .svc-hero h1 {
    font-size: clamp(51px, 5vw, 75px);
    margin: 12px 0 17px;
  }
  body.services-redesign[data-service-hero] .svc-hero .svc-lead {font-size: 17px;line-height: 1.42;}
  body.services-redesign[data-service-hero] .svc-hero-actions {margin-top: 17px;}
  body.services-redesign[data-service-hero] .svc-hero-actions .btn {min-height: 49px;font-size: 14px;}
  body.services-redesign[data-service-hero] .svc-hero .svc-facts {margin-top: 20px;}
}
@media (min-width: 841px) and (max-width: 1080px) {
  body.services-redesign[data-service-hero] .svc-hero-copy {width: min(800px, 83%);}
  body.services-redesign[data-service-hero] .svc-hero h1 {font-size: clamp(53px, 6.3vw, 76px);}
}