/* v45 — final release polish */

/* Site rule: no grey section backgrounds. Keep brand blue/green sections, everything else pure white. */
html,body,main,
.reference-home,
.home-winter-showcase,
.home-winter-showcase + section,
.section--paper,
.archive-history:not(.archive-history--middle),
.archive-video-section,
.extras-intro,
.extras-grid-section,
.extras-final{
  background:#fff !important;
}

/* Remove the grey-looking seam created by shadows around the winter promo. */
.home-winter-showcase,
.home-winter-showcase .container,
.home-winter-showcase__card,
.home-winter-showcase__poster,
.home-winter-showcase__content{
  box-shadow:none !important;
}
.home-winter-showcase__card{
  filter:none !important;
}

/* Mobile contact actions: keep MAX on one line. */
@media(max-width:1080px){
  .mobile-menu-contact__actions{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr) !important;
  }
  .mobile-menu-contact__action{
    gap:6px !important;
    padding-left:6px !important;
    padding-right:6px !important;
  }
  .mobile-menu-contact__action--max{
    white-space:nowrap !important;
  }
}
@media(max-width:360px){
  .mobile-menu-contact__action{font-size:10px !important;}
  .mobile-menu-contact__action img{width:21px !important;height:21px !important;}
}

/* Ordinary mobile hero: restore the pre-v44 person sizes, but place each cutout lower.
   The tall third cutout needs a larger downward offset so no head reaches the CTA. */
@media(max-width:780px){
  body:not(.vision-mode) .hero-people{
    position:relative !important;
    width:min(390px,92vw) !important;
    height:225px !important;
    min-height:225px !important;
    margin:18px auto -12px !important;
    align-self:center !important;
    overflow:visible !important;
  }
  body:not(.vision-mode) .hero-people__stage{
    position:absolute !important;
    inset:0 !important;
    overflow:visible !important;
  }
  body:not(.vision-mode) .hero-people__halo{
    left:50% !important;
    right:auto !important;
    bottom:-78px !important;
    width:330px !important;
    transform:translateX(-50%) !important;
  }
  body:not(.vision-mode) .hero-person{
    left:auto !important;
    top:auto !important;
    z-index:5 !important;
    transition:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    transform:none !important;
  }
  body:not(.vision-mode) .hero-person.is-active{
    opacity:1 !important;
    visibility:visible !important;
    transform:none !important;
  }
  body:not(.vision-mode) .hero-person--one{
    --person-width:286px !important;
    --person-right:calc(50% - 143px) !important;
    --person-bottom:-42px !important;
  }
  body:not(.vision-mode) .hero-person--two{
    --person-width:294px !important;
    --person-right:calc(50% - 147px) !important;
    --person-bottom:-38px !important;
  }
  body:not(.vision-mode) .hero-person--three{
    --person-width:206px !important;
    --person-right:calc(50% - 103px) !important;
    --person-bottom:-110px !important;
  }
  body:not(.vision-mode) .hero-person--four{
    --person-width:254px !important;
    --person-right:calc(50% - 127px) !important;
    --person-bottom:-48px !important;
  }
  body:not(.vision-mode) .ref-hero::after{
    background:#fff !important;
    z-index:8 !important;
  }
}
@media(max-width:390px){
  body:not(.vision-mode) .hero-people{
    width:min(360px,94vw) !important;
    height:215px !important;
    min-height:215px !important;
    margin-top:16px !important;
  }
  body:not(.vision-mode) .hero-person--one{
    --person-width:270px !important;
    --person-right:calc(50% - 135px) !important;
    --person-bottom:-36px !important;
  }
  body:not(.vision-mode) .hero-person--two{
    --person-width:278px !important;
    --person-right:calc(50% - 139px) !important;
    --person-bottom:-34px !important;
  }
  body:not(.vision-mode) .hero-person--three{
    --person-width:195px !important;
    --person-right:calc(50% - 97.5px) !important;
    --person-bottom:-100px !important;
  }
  body:not(.vision-mode) .hero-person--four{
    --person-width:240px !important;
    --person-right:calc(50% - 120px) !important;
    --person-bottom:-44px !important;
  }
}