/* Approved condensed display typography; all other visual tokens stay intact. */
@font-face {
  font-family: "Barlow Condensed";
  src: url("assets/fonts/BarlowCondensed-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --font-suisseintlcond: "Barlow Condensed", "Arial Narrow", Arial, sans-serif;
  --display-xl: 130px;
  --display-lg: 80px;
  --display-md: 64px;
  --display-sm: 48px;
  --display-leading: 0.9;
  --display-tracking: -0.03em;
}

:is(.hero-home, .h1-text, ._56-px-text, .stack-card-head, .row-tab-head, .task-tabs-link ._30px-text, .out-card-top-wrap ._30px-text) {
  font-family: var(--font-suisseintlcond) !important;
  font-weight: 700 !important;
  font-size: var(--display-size, var(--display-lg)) !important;
  line-height: var(--display-leading) !important;
  letter-spacing: var(--display-tracking) !important;
  text-transform: uppercase;
  font-synthesis: none;
}

.hero-home, .stat-head { --display-size: var(--display-xl); }
.testim-heading { --display-size: var(--display-lg); }
.white-text.hero-home { max-width: none; }
h2.hero-home { --display-size: var(--display-lg); }
._56-px-text { --display-size: var(--display-md); }
.stack-card-head, .row-tab-head, .task-tabs-link ._30px-text, .out-card-top-wrap ._30px-text { --display-size: var(--display-sm); }

@media (max-width: 1199px) {
  .hero-home, .stat-head { --display-size: var(--display-lg); }
}

@media (max-width: 991px) {
  :root { --display-lg: 64px; --display-md: 48px; }
  h1.hero-home { --display-size: 80px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .stats-left { min-width: 240px; max-width: 240px; }
  ._30px-text.row-tab-head { min-width: 300px; width: 300px; flex-shrink: 0; }
  .row-tab-link ._16px-text { min-width: 0; flex: 1; }
}

@media (max-width: 767px) {
  :root { --display-lg: 48px; }
  h1.hero-home { --display-size: 64px; }
  .testim-heading, .stat-head, h2.hero-home { --display-size: 48px; }
}

@media (max-width: 359px) {
  h1.hero-home { --display-size: 48px; }
  .out-card-top-wrap { flex-wrap: wrap; gap: 16px; }
}