@font-face {
  font-family: "Archivo Black";
  src: url("fonts/archivo-black-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

@font-face {
  font-family: Inter;
  src: url("fonts/inter-latin-400-normal.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: block;
}

:root {
  --page-gutter: clamp(12px, 2.25vw, 36px);
  --color-black: #030303;
  --color-black-rgb: 3 3 3;
  --font-body: Inter, Arial, sans-serif;
  --font-title: "Archivo Black", "Arial Black", Arial, sans-serif;
  --section-title-size: clamp(1.875rem, 3.25vw, 3.75rem);
  --section-title-leading: 0.95;
  --section-title-tracking: -0.04em;
  --section-title-gap: 1.5rem;
  --section-block-spacing: clamp(4.5rem, 7.5vw, 9rem);
}

html,
body,
button,
input,
textarea,
select {
  font-family: var(--font-body);
}

@media (max-width: 767px) {
  html,
  body {
    touch-action: pan-y;
    overscroll-behavior-x: none;
  }

}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-title);
  font-weight: 400;
}

/* Interactive controls should behave like controls, not draggable page content. */
:is(
  [data-home-logo],
  .site-wordmark,
  .global-button,
  [data-region-pill],
  .cosmic-hero__region,
  .site-footer__link,
  .site-footer__proposal
),
:is(
  [data-home-logo],
  .site-wordmark,
  .global-button,
  [data-region-pill],
  .cosmic-hero__region,
  .site-footer__link,
  .site-footer__proposal
) * {
  -webkit-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none;
}

.site-wordmark img {
  pointer-events: none;
}

/* Keep the home header and hero as a single, stable first paint. */
.home-loading .site-nav,
.home-loading .cosmic-hero__visual,
.home-loading .cosmic-hero__content {
  visibility: hidden;
}