/* V299 — Website Refresh hero image proportion + Vantora colour polish
   Scope: website-refresh-content.html only.
   The shared specialist-service system is not changed. */

@media (min-width: 901px) {
  body.v299-refresh-page .service-detail-hero__grid {
    grid-template-columns: minmax(0,1.08fr) minmax(400px,.92fr) !important;
    gap: clamp(42px,4vw,64px) !important;
  }

  body.v299-refresh-page .service-detail-hero__art {
    width: 100% !important;
    max-width: 540px !important;
    justify-self: end !important;
    align-self: center !important;
    padding: 10px !important;
    border-color: rgba(55,151,233,.30) !important;
    border-radius: 24px !important;
    background: linear-gradient(145deg,rgba(6,30,61,.97),rgba(5,22,44,.96)) !important;
    box-shadow: 0 26px 74px rgba(0,0,0,.34), 0 0 0 1px rgba(45,142,226,.06) !important;
  }

  body.v299-refresh-page .service-detail-hero__art img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center 43% !important;
    border-radius: 16px !important;
    filter: saturate(.76) contrast(1.07) brightness(.86) !important;
  }

  body.v299-refresh-page .service-detail-hero__art::after {
    inset: 10px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg,rgba(4,55,108,.18),rgba(8,112,211,.34) 58%,rgba(67,164,239,.18)) !important;
    mix-blend-mode: color !important;
    opacity: .82 !important;
    box-shadow: inset 0 0 58px rgba(4,71,143,.16) !important;
  }
}

@media (max-width: 900px) {
  body.v299-refresh-page .service-detail-hero__art {
    width: min(100%,640px) !important;
    margin-inline: auto !important;
    padding: 10px !important;
    border-color: rgba(55,151,233,.28) !important;
    background: linear-gradient(145deg,rgba(6,30,61,.97),rgba(5,22,44,.96)) !important;
  }
  body.v299-refresh-page .service-detail-hero__art img {
    aspect-ratio: 16 / 10 !important;
    object-fit: cover !important;
    object-position: center 43% !important;
    filter: saturate(.76) contrast(1.07) brightness(.86) !important;
  }
  body.v299-refresh-page .service-detail-hero__art::after {
    inset: 10px !important;
    background: linear-gradient(135deg,rgba(4,55,108,.18),rgba(8,112,211,.34) 58%,rgba(67,164,239,.18)) !important;
    mix-blend-mode: color !important;
    opacity: .82 !important;
  }
}