/* 08 Nov 2026: centre the DESKTOP hero content across the full banner,
   not just the left text column. The model image stays on the right. */
@media (min-width: 1100px) {
  body .intro {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 52px 24px 56px !important;
    text-align: center !important;
    min-height: 510px !important;
  }
  body .intro .hero-editorial {
    box-sizing: border-box !important;
    width: min(620px, 100%) !important;
    max-width: 620px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }
  body .intro .hero-editorial h1 {
    text-align: center !important;
    font-size: clamp(38px, 3.5vw, 60px) !important;
  }
  body .intro .hero-location,
  body .intro .hero-pretitle,
  body .intro .hero-lead,
  body .intro .hero-footnote {text-align:center !important; margin-left:auto !important; margin-right:auto !important;}
  body .intro .hero-underline {margin-left:auto !important; margin-right:auto !important;}
  body .intro::before {
    background-image: linear-gradient(90deg, rgba(248,237,246,.95) 0%, rgba(248,237,246,.91) 43%, rgba(248,237,246,.52) 64%, rgba(248,237,246,0) 78%), url('hero-pink-seamless.png') !important;
    background-size: 100% 100%, auto 105% !important;
    background-position: center, right center !important;
  }
}
/* At intermediate desktop widths keep the full-banner centring, but shrink copy
   slightly so it avoids the model. Mobile remains exactly as before. */
@media (min-width: 700px) and (max-width: 1099px) {
  body .intro { display:flex !important; align-items:center !important; justify-content:center !important; padding:50px 18px !important; text-align:center !important; }
  body .intro .hero-editorial {width:min(540px, 72%) !important;max-width:540px !important;margin:0 auto !important;text-align:center !important;}
  body .intro .hero-editorial h1 {text-align:center !important;font-size:clamp(32px,4.2vw,45px) !important;}
  body .intro .hero-underline {margin-left:auto !important;margin-right:auto !important;}
  body .intro::before {background-image:linear-gradient(90deg,rgba(248,237,246,.95),rgba(248,237,246,.85) 52%,rgba(248,237,246,.1) 83%),url('hero-pink-seamless.png') !important;}
}