/* WINco marketing typography — self-hosted and shared by public pages. */

@font-face {
  font-family: "Plus Jakarta Sans";
  src: url("../fonts/plus-jakarta-sans/PlusJakartaSans-Variable.ttf")
    format("truetype-variations");
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
}

:root {
  --winco-font-sans: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --winco-font-display: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui,
    -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:is(body.winco-marketing, html.winco-marketing body) {
  font-family: var(--winco-font-sans) !important;
  font-optical-sizing: auto;
  font-kerning: normal;
  font-synthesis: none;
  font-variant-numeric: proportional-nums;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

:is(body.winco-marketing, html.winco-marketing body)
  :is(button, input, textarea, select) {
  font-family: inherit;
}

:is(body.winco-marketing, html.winco-marketing body)
  :is(h1, h2, h3, .wc-brand, .brand) {
  font-family: var(--winco-font-display);
  font-variation-settings: "wght" 780;
  text-wrap: balance;
}

:is(body.winco-marketing, html.winco-marketing body) :is(p, li, summary) {
  text-wrap: pretty;
}

:is(body.winco-marketing, html.winco-marketing body)
  :is(.wc-nav, .wc-btn, .button, .gw-minimal-hero-v63__menu) {
  font-variation-settings: "wght" 670;
}

:is(body.winco-marketing, html.winco-marketing body) .wc-hero h1 {
  font-variation-settings: "wght" 800;
  letter-spacing: -0.055em;
}

@media (max-width: 760px) {
  :is(body.winco-marketing, html.winco-marketing body) .wc-hero h1 {
    letter-spacing: -0.06em;
    line-height: 1.02;
  }
}