@media (min-width: 700px) { .hero-grid, .page-hero__content { grid-template-columns: 1.1fr 0.9fr; } .card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .split-layout, .contact-layout { grid-template-columns: 1fr 1fr; } .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 920px) { .card-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } .contact-channel-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .footer-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } .hero-section, .page-hero { padding-top: 96px; } }
@media (max-width: 760px) { .nav-toggle { display: inline-flex; } .site-nav { position: absolute; top: calc(100% + 10px); left: 16px; right: 16px; display: grid; gap: 8px; padding: 16px; background: rgba(8, 24, 19, 0.97); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); opacity: 0; visibility: hidden; transform: translateY(-8px); transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; } .site-nav.is-open { opacity: 1; visibility: visible; transform: translateY(0); } .cookie-banner { left: 12px; right: 12px; bottom: 12px; } .cookie-banner__content { flex-direction: column; align-items: flex-start; } .hero-actions { flex-direction: column; align-items: flex-start; } .hero-slider__viewport { min-height: 320px; } .hero-slider__slide { padding: 14px; } .hero-slider__slide figcaption { left: 18px; right: 18px; bottom: 18px; } .hero-slider__slide.is-prev, .hero-slider__slide.is-next { transform: translateX(0) scale(0.94); opacity: 0; } .footer-shell { padding: 20px; } .footer-socials { justify-content: flex-start; } }
@media (max-width: 560px) { .hero-section, .page-hero { padding: 56px 0 28px; } .button { width: 100%; } .hero-actions { width: 100%; } .schedule-list li, .footer-links--hours li { flex-direction: column; } .nav-shell { padding: 12px 0; } .brand__text small { display: none; } .hero-slider__viewport { min-height: 280px; } .hero-slider__slide img { min-height: 240px; } .hero-slider__slide figcaption { position: static; margin-top: -86px; } }