/* Golos Text is reserved for the challenge configurator and its heading. */
@font-face {
  font-family: "Friday Golos Text";
  src: url("/static/fonts/GolosText-Variable.ttf?v=20260912-golos01") format("truetype");
  font-style: normal;
  font-weight: 400 900;
  font-display: swap;
}

html body.landing-rebuild main.site-main section#programs.programs-section .configurator-intro-title,
html body.landing-rebuild main.site-main section#programs.programs-section .configurator-intro-title *:not(#ff-golos-specificity-a):not(#ff-golos-specificity-b):not(#ff-golos-specificity-c),
html body.landing-rebuild main.site-main section#programs.programs-section .configurator-shell[data-configurator],
html body.landing-rebuild main.site-main section#programs.programs-section .configurator-shell[data-configurator] *:not(#ff-golos-specificity-a):not(#ff-golos-specificity-b):not(#ff-golos-specificity-c),
html body.landing-rebuild main.site-main section#programs.programs-section .configurator-addon-footer,
html body.landing-rebuild main.site-main section#programs.programs-section .configurator-addon-footer *:not(#ff-golos-specificity-a):not(#ff-golos-specificity-b):not(#ff-golos-specificity-c),
html body.site-subpage.programs-page main.site-main section.programs-config-section .configurator-shell[data-configurator],
html body.site-subpage.programs-page main.site-main section.programs-config-section .configurator-shell[data-configurator] *:not(#ff-golos-specificity-a):not(#ff-golos-specificity-b):not(#ff-golos-specificity-c) {
  --ff-configurator-font: "Friday Golos Text", "Golos Text", "Friday Inter", Inter, Arial, sans-serif;
  font-family: var(--ff-configurator-font) !important;
  font-style: normal !important;
  font-synthesis: none !important;
}

/* The display line stays bold and editorial without overpowering the configurator. */
html body.landing-rebuild main.site-main section#programs.programs-section .configurator-intro h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
html body.site-subpage.programs-page main.site-main section.programs-config-section .configurator-head h3 {
  font-family: "Friday Golos Text", "Golos Text", "Friday Inter", Inter, Arial, sans-serif !important;
  font-style: normal !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
  text-transform: uppercase !important;
}

html body.landing-rebuild main.site-main section#programs.programs-section .configurator-intro .configurator-heading-accent,
html body.site-subpage.programs-page main.site-main section.programs-config-section .configurator-head .configurator-heading-accent {
  color: #ef3124 !important;
  -webkit-text-fill-color: #ef3124;
}

/* Eyebrows and structural labels: compact, firm, but quieter than titles. */
:is(
    html body.landing-rebuild main.site-main section#programs.programs-section,
    html body.site-subpage.programs-page main.site-main section.programs-config-section
  ) :is(
    .configurator-intro-kicker,
    .configurator-control-label,
    .configurator-model-kicker,
    .configurator-model-tag,
    .configurator-addon-kind,
    .configurator-addon-availability,
    .configurator-caption,
    .configurator-pill,
    .configurator-toolbar-label,
    .configurator-value-label
  ):not(#ff-golos-weight-a):not(#ff-golos-weight-b):not(#ff-golos-weight-c) {
  font-weight: 600 !important;
}

/* Product names, selections and actions carry the semibold/bold hierarchy. */
:is(
    html body.landing-rebuild main.site-main section#programs.programs-section,
    html body.site-subpage.programs-page main.site-main section.programs-config-section
  ) :is(
    .configurator-model strong,
    .configurator-size-chip,
    .configurator-currency-chip,
    .configurator-offer-rule-value,
    .configurator-addon-label,
    .configurator-addon-copy strong,
    .configurator-toolbar-value,
    .configurator-cta,
    .configurator-offer-cta,
    button
  ):not(#ff-golos-weight-a):not(#ff-golos-weight-b):not(#ff-golos-weight-c) {
  font-weight: 700 !important;
}

/* Monetary values remain the strongest information inside the card. */
:is(
    html body.landing-rebuild main.site-main section#programs.programs-section,
    html body.site-subpage.programs-page main.site-main section.programs-config-section
  ) :is(
    .configurator-account-value,
    .configurator-account-price,
    .configurator-offer-head strong,
    .configurator-offer-fee strong
  ):not(#ff-golos-weight-a):not(#ff-golos-weight-b):not(#ff-golos-weight-c) {
  font-weight: 800 !important;
  letter-spacing: -0.035em !important;
}

/* Supporting copy uses the regular and medium cuts for comfortable reading. */
:is(
    html body.landing-rebuild main.site-main section#programs.programs-section,
    html body.site-subpage.programs-page main.site-main section.programs-config-section
  ) :is(
    .configurator-head p,
    .configurator-model small,
    .configurator-primary-copy,
    .configurator-price-note,
    .configurator-managed-note,
    .configurator-rules-note,
    .configurator-addon-copy > small:not(.configurator-addon-kind),
    .configurator-addon-heading-copy
  ):not(#ff-golos-weight-a):not(#ff-golos-weight-b):not(#ff-golos-weight-c) {
  font-weight: 400 !important;
}

:is(
    html body.landing-rebuild main.site-main section#programs.programs-section,
    html body.site-subpage.programs-page main.site-main section.programs-config-section
  ) :is(
    .configurator-offer-rule,
    .configurator-rule-item,
    .configurator-account-insight,
    .configurator-addon-counter
  ):not(#ff-golos-weight-a):not(#ff-golos-weight-b):not(#ff-golos-weight-c) {
  font-weight: 500 !important;
}

@media (max-width: 700px) {
  html body.landing-rebuild main.site-main section#programs.programs-section .configurator-intro h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
  html body.site-subpage.programs-page main.site-main section.programs-config-section .configurator-head h3 {
    font-size: clamp(2.75rem, 11.8vw, 3.4rem) !important;
    line-height: 0.91 !important;
    letter-spacing: -0.035em !important;
  }
}

@media (max-width: 340px) {
  html body.landing-rebuild main.site-main section#programs.programs-section .configurator-intro h2:not(#ff-heading-scale-a):not(#ff-heading-scale-b),
  html body.site-subpage.programs-page main.site-main section.programs-config-section .configurator-head h3 {
    font-size: 12.25vw !important;
  }
}