/**
 * Core Web Vitals helpers (TZ §4.2.3, §11.5; KH-045).
 * Safe Area: viewport-fit=cover + env(safe-area-inset-*) in base.css and a11y.css.
 */

.site-logo__image {
  aspect-ratio: 152 / 40;
}

#channels-messengers {
  min-height: calc(3 * (4.5rem + var(--space-md)) - var(--space-md));
}

@media (min-width: 768px) {
  #channels-messengers {
    min-height: 4.5rem;
  }
}

#channels-bots {
  min-height: 4.5rem;
}

.lead-form__error {
  min-height: 1.25rem;
}

.page-section {
  content-visibility: auto;
  contain-intrinsic-size: auto 14rem;
}

.hero {
  content-visibility: visible;
}