/* Ziel R30: height-only hero refinements, scoped to About and Contact. */
@media (min-width: 901px) {
  #za17 .za17-hero { height: clamp(365px, 26vw, 440px) !important; min-height: 0 !important; }
  #za17 .za17-hero-image-shell > .za18-full-hero { object-fit: cover; object-position: center 56%; }
  #za17 .za18-hero-actions { bottom: clamp(18px, 3.1vw, 42px); }
  #zc13 .zc13-hero-grid { min-height: 410px !important; }
  #zc13 .za13-hero-text { padding-top: 30px !important; padding-bottom: 30px !important; }
  #zc13 .zc13-hero-art { align-self: stretch; }
  #zc13 .zc13-hero-art img { width: 100%; transform: none; max-height: 410px; object-fit: contain; object-position: bottom center; }
}
@media (min-width: 761px) and (max-width: 900px) {
  #za17 .za17-hero { height: 380px !important; min-height: 0 !important; }
  #za17 .za17-hero-image-shell > .za18-full-hero { object-fit: cover; object-position: center 55%; }
  #za17 .za18-hero-actions { bottom: 23px; }
  #zc13 .zc13-hero-grid { min-height: 380px !important; }
  #zc13 .za13-hero-text { padding-top: 22px !important; padding-bottom: 22px !important; }
  #zc13 .zc13-hero-art img { max-height: 380px; width: 100%; transform: none; object-fit: contain; object-position: bottom center; }
}
@media (min-width: 801px) { #zc13 .zc13-hero-art { overflow: hidden; } }
@media (max-width: 760px) {
  /* The original About mobile layout uses separate copy and device images. Preserve it. */
  #za17 .za18-mobile-copy { padding-top: 27px; }
  #za17 .za18-mobile-device { max-height: 310px; }
  #zc13 .za13-hero-text { padding-top: 29px !important; padding-bottom: 9px !important; }
  #zc13 .zc13-hero-art { max-height: 260px !important; overflow: hidden; }
  #zc13 .zc13-hero-art img { max-height: 260px; width: 100%; height: auto; object-fit: contain; object-position: bottom center; }
}
@media (max-width: 420px) {
  #za17 .za18-mobile-device { max-height: 265px; }
  #zc13 .zc13-hero-art, #zc13 .zc13-hero-art img { max-height: 205px !important; }
}