@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

* { font-family: 'Inter', sans-serif; }
:root { --hero-h: calc(100vh - 77px); }
@media (min-width: 768px) { :root { --hero-h: calc(100vh - 77px - 220px); } }
html { scroll-behavior: smooth; }

/* Keep the layout comfortably readable on ultra-wide and 4K displays. */
@media (min-width: 2560px) {
  html { font-size: 20px; }
  .hero-content { max-width: 42rem !important; }
}

@media (min-width: 3200px) {
  html { font-size: 24px; }
}

::-webkit-scrollbar { width: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }