@media (min-width: 480px) { .container { width: min(calc(100% - 40px), var(--container-width)); } .hero__actions .button { min-width: 132px; } }
@media (min-width: 768px) { .container { width: min(calc(100% - 48px), var(--container-width)); } .site-header__inner { height: 76px; } .page-heading h1 { max-width: 900px; } .contact-cta__inner { padding-block: var(--space-4); } }
@media (min-width: 992px) { .container { width: min(calc(100% - 64px), 1120px); } .site-header__inner { height: 80px; } }
@media (min-width: 1200px) { .container { width: min(calc(100% - 80px), var(--container-width)); } }
@media (max-width: 767px) { .site-nav__cta { min-height: 38px; padding: 7px 12px; font-size: 13px; } .hero__actions .button { flex: 1 1 140px; } .prev-next { flex-direction: column; } .search-form { flex-direction: column; } .search-form .button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; } }