/* Additional device-specific safeguards. Primary responsive rules live in style.css. */
@media (min-width: 1440px) {
  :root { --container: min(1240px, calc(100% - 64px)); }
  .hero-inner { min-height: 760px; }
}
@media (min-width: 1024px) and (max-height: 760px) {
  .hero { min-height: auto; }
  .hero-inner { padding-block: 54px; }
}
@media (max-width: 430px) {
  .btn { min-height: 48px; padding-inline: 17px; }
  .hero-kicker span { font-size: .64rem; }
  .media-caption { display: block; }
  .media-caption span:last-child { display: block; margin-top: 4px; }
}
@supports (padding: max(0px)) {
  .site-header { padding-left: env(safe-area-inset-left); padding-right: env(safe-area-inset-right); }
}