/* Framework look: paper, ink, lime. Loads after site.css and motion.css */
@font-face { font-family: "Anton"; src: url("/assets/fonts/Anton-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/assets/fonts/Barlow-Regular.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/assets/fonts/Barlow-Medium.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Barlow"; src: url("/assets/fonts/Barlow-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Barlow Condensed"; src: url("/assets/fonts/BarlowCondensed-SemiBold.woff2") format("woff2"); font-weight: 600; font-display: swap; }

:root {
  --night: #1D1723; --smoke: #2C2532;
  --bone: #F5F2EB; --bone-soft: rgba(245,242,235,.8); --bone-faint: rgba(245,242,235,.14);
  --gold: #DFF477; --lime: #DFF477; --ink: #1D1723; --paper: #F5F2EB;
  --red-earth: #1D1723; --ironstone: #1D1723;
  --font-display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --font-label: "Barlow Condensed", "Arial Narrow", sans-serif;
  --font-body: "Barlow", "Helvetica Neue", Arial, sans-serif;
}
html { background: var(--ink); }
.sky { background: var(--ink) !important; }

.display, h2.display, h1.display { text-transform: uppercase; letter-spacing: .005em; line-height: .96; }
.display { font-size: clamp(3rem, 9vw, 6.6rem); }
.display--md { font-size: clamp(2.6rem, 7vw, 5.2rem); }
h3 { text-transform: uppercase; }
.kicker { text-transform: uppercase; letter-spacing: .08em; }
.kicker::before { display: none; }
.kicker { background: var(--lime); color: var(--ink); padding: 4px 10px; width: fit-content; }
.btn { border-radius: 0; text-transform: uppercase; letter-spacing: .06em; }
.btn--primary { background: var(--lime); color: var(--ink); }

/* Paper sections, like the inside pages of the Framework */
#ground,
.stylers,
#instagram,
section[aria-labelledby="why-title"],
section[aria-labelledby="pw-2"],
section[aria-labelledby="journey-title"],
section[aria-labelledby="start-title"],
section[aria-labelledby="season-title"],
section[aria-labelledby="next-title"],
section[aria-labelledby="up-title"],
section[aria-labelledby="past-title"],
section[aria-labelledby="who-title"],
section[aria-labelledby="culture-title"] {
  --bone: #1D1723; --bone-soft: rgba(29,23,35,.78); --bone-faint: rgba(29,23,35,.12);
  --gold: #1D1723; --night: #F5F2EB; --smoke: #E7E2D7;
  background: var(--paper); color: var(--ink);
}
#ground *,
.stylers *,
#instagram *,
section[aria-labelledby="why-title"] *,
section[aria-labelledby="pw-2"] *,
section[aria-labelledby="journey-title"] *,
section[aria-labelledby="start-title"] *,
section[aria-labelledby="season-title"] *,
section[aria-labelledby="next-title"] *,
section[aria-labelledby="up-title"] *,
section[aria-labelledby="past-title"] *,
section[aria-labelledby="who-title"] *,
section[aria-labelledby="culture-title"] * { border-color: rgba(29,23,35,.22) !important; }
#ground .kicker,
.stylers .kicker,
#instagram .kicker,
section[aria-labelledby="why-title"] .kicker,
section[aria-labelledby="pw-2"] .kicker,
section[aria-labelledby="journey-title"] .kicker,
section[aria-labelledby="start-title"] .kicker,
section[aria-labelledby="season-title"] .kicker,
section[aria-labelledby="next-title"] .kicker,
section[aria-labelledby="up-title"] .kicker,
section[aria-labelledby="past-title"] .kicker,
section[aria-labelledby="who-title"] .kicker,
section[aria-labelledby="culture-title"] .kicker { background: var(--lime); color: var(--ink); }
#ground .btn--primary,
.stylers .btn--primary,
#instagram .btn--primary,
section[aria-labelledby="why-title"] .btn--primary,
section[aria-labelledby="pw-2"] .btn--primary,
section[aria-labelledby="journey-title"] .btn--primary,
section[aria-labelledby="start-title"] .btn--primary,
section[aria-labelledby="season-title"] .btn--primary,
section[aria-labelledby="next-title"] .btn--primary,
section[aria-labelledby="up-title"] .btn--primary,
section[aria-labelledby="past-title"] .btn--primary,
section[aria-labelledby="who-title"] .btn--primary,
section[aria-labelledby="culture-title"] .btn--primary { background: var(--ink); color: var(--paper); }

/* The lime statement strip */
.words { background: var(--lime) !important; color: var(--ink) !important;
  --bone: #1D1723; --bone-soft: rgba(29,23,35,.8); --bone-faint: rgba(29,23,35,.25); --gold: #1D1723; --night: #DFF477; }
.words, .words * { color: var(--ink) !important; border-color: rgba(29,23,35,.45) !important; }

/* Flatten the warm glows */
.partner, .cta-band { background: var(--ink) !important; }
.frame--placeholder { background: var(--smoke) !important; }
.footer { background: var(--ink); }
.words { background-image: none !important; }
.words .kicker { background: var(--ink) !important; color: var(--lime) !important; }
.words::before { display: none !important; }
.insta__avatar { background: var(--ink) !important; border-color: var(--ink) !important; }
.programs__list li { border-left-color: var(--gold) !important; }