/* Ziel Contact R29. Scoped to the contact hero only.
   Replaces blurry supporting art; ALL text and action links remain real HTML. */
#zc13 .zc13-hero {
  background-color: #061826;
  background-image: url("ziel-ac-mountain-r13.webp");
  background-position: center 54%;
  background-size: cover;
  overflow: hidden;
}
#zc13 .zc13-hero::before {
  background: linear-gradient(90deg, rgba(2,19,32,.92) 0%, rgba(2,19,32,.75) 36%, rgba(2,19,32,.25) 72%, rgba(2,19,32,.13) 100%);
}
#zc13 .zc13-hero-grid {
  grid-template-columns: minmax(0,1fr) minmax(0,1.05fr);
  align-items: center;
  min-height: 505px;
  gap: 4px;
}
#zc13 .za13-hero-text { position: relative; z-index: 2; padding: 52px 0 50px; }
#zc13 .za13-hero-text h1 { max-width: 680px; }
#zc13 .za13-hero-text p { max-width: 580px; }
#zc13 .za13-hero-text .za13-actions {
  display: flex; align-items: center; gap: 12px; margin-top: 26px;
}
#zc13 .za13-hero-text .za13-actions a {
  pointer-events: auto; position: relative; z-index: 3;
  box-shadow: 0 8px 20px rgba(2, 17, 28, .18);
}
#zc13 .zc13-hero-art {
  position: relative; z-index: 1; align-self: stretch; min-width: 0;
  overflow: visible; max-height: none; border-radius: 0;
  display:flex; align-items: flex-end; justify-content: center;
}
#zc13 .zc13-hero-art img {
  display: block; height: auto; width: 110%; max-width: none; max-height: none;
  object-fit: contain; object-position: bottom center;
  border: 0; border-radius: 0; box-shadow: none;
  -webkit-mask-image: none; mask-image: none;
  transform: translateX(-1.8%);
}
#zc13 .zc13-illustration-note { display: none; }
@media (max-width: 900px) {
  #zc13 .zc13-hero-grid { grid-template-columns: minmax(0,1fr) minmax(0,1fr); min-height: 440px; }
  #zc13 .za13-hero-text { padding: 42px 0; }
  #zc13 .za13-hero-text h1 { font-size: clamp(37px,4.7vw,60px); }
}
@media (max-width: 800px) {
  #zc13 .zc13-hero-grid { grid-template-columns: 1fr; gap: 0; min-height: 0; }
  #zc13 .za13-hero-text { padding: 46px 0 12px; }
  #zc13 .zc13-hero-art { width: min(650px,100%); max-height: none; height: auto; margin-inline:auto; }
  #zc13 .zc13-hero-art img { width: 100%; height: auto; transform:none; object-fit:contain; }
}
@media (max-width: 620px) {
  #zc13 .za13-hero-text { padding: 37px 0 5px; }
  #zc13 .za13-hero-text h1 { font-size: clamp(34px,8.8vw,48px); }
  #zc13 .za13-hero-text .za13-actions { gap: 9px; margin-top: 22px; }
  #zc13 .za13-hero-text .za13-actions .za13-btn { min-height: 44px; }
  #zc13 .zc13-hero-art { width: 100%; height: auto; max-height: none; }
  #zc13 .zc13-hero-art img { width: 100%; height: auto; object-fit: contain; }
}