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

:root {
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Plus Jakarta Sans', var(--font-body);
}

body {
  font-family: var(--font-body);
  font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

.font-display {
  font-family: var(--font-display);
  letter-spacing: -0.025em;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display);
  letter-spacing: -0.02em;
}

.site-logo {
  display: block;
  height: clamp(2.5rem, 10vw, 7.5rem);
  width: auto;
  max-width: min(220px, calc(100vw - 9rem));
  flex-shrink: 1;
  object-fit: contain;
  object-position: left center;
}

.site-logo--footer {
  height: clamp(3rem, 14vw, 6rem);
  max-width: 200px;
}

@media (min-width: 768px) {
  .site-logo {
    height: clamp(4rem, 5vw, 7.5rem);
    max-width: 240px;
  }
}

@media (min-width: 1024px) {
  .site-logo {
    height: clamp(5rem, 4vw, 7.5rem);
    max-width: none;
  }
}