/* Host Grotesk — served locally (replaces the Google Fonts loader) */
@font-face { font-family: 'Host Grotesk'; font-style: normal; font-weight: 300; font-display: swap; src: url('../fonts/host-grotesk/host-grotesk-latin-300-normal.woff2') format('woff2'); }
@font-face { font-family: 'Host Grotesk'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/host-grotesk/host-grotesk-latin-400-normal.woff2') format('woff2'); }
@font-face { font-family: 'Host Grotesk'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/host-grotesk/host-grotesk-latin-500-normal.woff2') format('woff2'); }
@font-face { font-family: 'Host Grotesk'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/host-grotesk/host-grotesk-latin-600-normal.woff2') format('woff2'); }
@font-face { font-family: 'Host Grotesk'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/host-grotesk/host-grotesk-latin-700-normal.woff2') format('woff2'); }

/* ---- Brockmann (brand font — your licensed webfonts) ---------- */
@font-face { font-family: 'Brockmann'; font-style: normal; font-weight: 400; font-display: swap; src: url('../fonts/brockmann/brockmann-regular.woff2') format('woff2'); }
@font-face { font-family: 'Brockmann'; font-style: normal; font-weight: 500; font-display: swap; src: url('../fonts/brockmann/brockmann-medium.woff2') format('woff2'); }
@font-face { font-family: 'Brockmann'; font-style: normal; font-weight: 600; font-display: swap; src: url('../fonts/brockmann/brockmann-semibold.woff2') format('woff2'); }
@font-face { font-family: 'Brockmann'; font-style: normal; font-weight: 700; font-display: swap; src: url('../fonts/brockmann/brockmann-bold.woff2') format('woff2'); }

/* Brand elements use Brockmann SemiBold */
.hero-heading,
.footer-heading,
.brand-name {
  font-family: 'Brockmann', 'Host Grotesk', sans-serif;
  font-weight: 600;
}

/* The slanted "A" from the Allow Agency wordmark */
.brand-slant {
  font-feature-settings: "ss01";  /* Brockmann's built-in slanted A — the brand glyph */
}

/* keep each brand word unbreakable */
.brand-word { white-space: nowrap; display: inline-block; }

/* ---- brand refinements ---------------------------------------- */
/* give the slanted A room so the animation wrappers don't crop it */
.overflow-heading {
  padding: 0.12em 0.06em 0 0.06em;
  margin: -0.12em -0.06em 0 -0.06em;
}


/* footer wordmark on a single line, sized to fit the row */
.footer-heading.footer-oneline {
  white-space: nowrap;
  font-size: clamp(2rem, 10.2vw, 11rem);
  line-height: 1;
}

/* opening loader uses the brand font so the slanted A matches the hero */
.animation-heading .heading-style-h2 { font-family: 'Brockmann', 'Host Grotesk', sans-serif; }