/* R23: authoritative About mountain replacement, loaded last after legacy About styles. */
@media (min-width: 761px) {
  #za17 section.za17-last {
    position:relative!important;
    isolation:isolate!important;
    box-sizing:border-box!important;
    width:100%!important;
    min-height:0!important;
    height:auto!important;
    aspect-ratio:2048 / 475!important;
    padding:0!important;
    display:block!important;
    border-radius:23px!important;
    overflow:hidden!important;
    background-color:#061826!important;
    background-image:url('./about-mountain-cta-r23.webp')!important;
    background-position:center center!important;
    background-repeat:no-repeat!important;
    background-size:100% 100%!important;
  }
  #za17 section.za17-last::before,
  #za17 section.za17-last::after {content:none!important;display:none!important;}
  /* The selected high-quality image already contains the heading, caption and right lettering.
     Keep the semantic originals in the DOM for assistive technologies, don't show duplicate text. */
  #za17 section.za17-last > .za17-kicker,
  #za17 section.za17-last > h2,
  #za17 section.za17-last > p {
    position:absolute!important;
    width:1px!important;height:1px!important;
    padding:0!important;margin:-1px!important;
    overflow:hidden!important;
    clip-path:inset(50%)!important;
    white-space:nowrap!important;border:0!important;
  }
  #za17 section.za17-last .za17-actions {
    position:absolute!important;
    z-index:2!important;
    bottom:2.6%!important;
    left:5.7%!important;
    right:auto!important;
    margin:0!important;
    display:flex!important;
    gap:12px!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
  }
  #za17 section.za17-last .za17-actions a {
    min-height:clamp(32px,2.6vw,42px)!important;
    padding:7px clamp(13px,1.4vw,22px)!important;
    font-size:clamp(11px,.85vw,14px)!important;
    line-height:1.15!important;
    border-radius:99px!important;
    box-shadow:0 5px 18px rgba(1,15,28,.22)!important;
  }
}
/* On phones use the central mountains from the *same* R23 banner as a background.
   Avoid shrinking baked-in desktop copy; retain the actual page heading and working buttons. */
@media (max-width:760px) {
  #za17 section.za17-last {
    min-height:300px!important;
    height:auto!important;
    aspect-ratio:auto!important;
    display:flex!important;
    padding:34px 24px!important;
    background-color:#061826!important;
    background-image:url('./about-mountain-cta-r23.webp')!important;
    background-position:53% center!important;
    background-repeat:no-repeat!important;
    background-size:auto 100%!important;
  }
  #za17 section.za17-last::before {
    display:block!important;
    content:''!important;
    position:absolute!important;
    inset:0!important;
    z-index:-1!important;
    background:linear-gradient(90deg,rgba(2,17,29,.95),rgba(3,30,49,.66))!important;
  }
  #za17 section.za17-last > .za17-kicker,
  #za17 section.za17-last > h2,
  #za17 section.za17-last > p {
    position:static!important;width:auto!important;height:auto!important;
    margin:0!important;overflow:visible!important;clip-path:none!important;
    white-space:normal!important;
  }
  #za17 section.za17-last > h2 {font-size:clamp(25px,6.5vw,36px)!important;}
  #za17 section.za17-last > p {margin-top:15px!important;}
  #za17 section.za17-last .za17-actions {position:relative!important;left:auto!important;bottom:auto!important;margin-top:22px!important;flex-wrap:wrap!important;}
}