/* ============================================================================
   BASE ORIGINAL — landonorris.com
   Variáveis :root do próprio site, lidas ao vivo em 09/10/2026 (aba de teste,
   todas as folhas). `rem` virou calc(N * var(--u)).

   --u é a unidade fluida do site (--fluid-font): container entre --min-width
   e --max-width, dividido por 1728, vezes --design-unit (16 / 20 / 48).
   Fica numa variável — o font-size da raiz NÃO é tocado.
   Só para o visualizador. Bloco para cliente usa sistema/tokens.css.
   ============================================================================ */

:root {
  --color--dark-green: #282c20;
  --color--white: #f4f4ed;
  --padding--container: calc(1.25 * var(--u));
  --gap: calc(1.25 * var(--u));
  --on-t-nav-spacer: calc(5.375 * var(--u));
  --color--black: #111112;
  --text--h1: calc(4 * var(--u));
  --padding--xlarge: calc(5 * var(--u));
  --padding--med: calc(3 * var(--u));
  --color--lime-off: #b2c73a;
  --color--lime: #d2ff00;
  --color--green-off-white-1: #dde1d2;
  --color--lime-zero: #d2ff0000;
  --text--btn-primary: calc(1 * var(--u));
  --text--btn-nav: calc(1.25 * var(--u));
  --text--btn-footer: calc(1.875 * var(--u));
  --color--green-off-white-2: #b4b8a5;
  --color--dark-green-tint-2: #535450;
  --color--grey-on-track: #b9bbad;
  --text--impact: calc(7.9375 * var(--u));
  --grid-spacer: 31.51vh;
  --color--dark-green-tint-1: #3b3c38;
  --padding--small: calc(2 * var(--u));
  --color--grey-1: #ebeee0;
  --color--green-light: #ebeee0;
  --text--h2: calc(4.5 * var(--u));
  --text--h3: calc(2 * var(--u));
  --text--h4: calc(1.5 * var(--u));
  --text--h5: calc(1.2 * var(--u));
  --text--h6: calc(1 * var(--u));
  --padding--mini: calc(1 * var(--u));
  --padding--large: calc(4 * var(--u));
  --radius--small: calc(1 * var(--u));
  --radius--med: calc(3 * var(--u));
  --radius--large: calc(6.25 * var(--u));
  --vh: 1vh;
  --max-vh: 100vh;
  --grid-col: calc(25.4375 * var(--u));
  --oval-side-offset: calc(3 * var(--u));
  --poduim-offset: calc(-17.5 * var(--u));
  --text--reg: calc(1.6 * var(--u));
  --text--med: calc(2.76 * var(--u));
  --text--btn-tertiary: .875px;
  --text--eyebrow: calc(.578125 * var(--u));
  --color--cream: #efefe5;
  --color--grey-2: #c8cbbd;
  --color--orange: #ff6b00;
}
:root {
  --cubic-default: cubic-bezier(0.65, 0.05, 0, 1);
  --duration-default: 0.75s;
  --animation-default: var(--duration-default) var(--cubic-default);
  --section-padding: calc(calc(3.5 * var(--u)) + (var(--gap) * 2));
  --container-padding: calc(2 * var(--u));
  --nav-height: calc(calc(3.75 * var(--u)) (var(--gap) * 2));
}
:root {
  --min-width: 992px;
  --max-width: 1920px;
  --design-width: 1728;
  --design-unit: 16;
  --scale-factor: 1;
  --fluid-container: clamp(var(--min-width), 100vw, var(--max-width));
  --fluid-font: calc(var(--fluid-container) / var(--design-width) * var(--design-unit) * var(--scale-factor));
}
@media screen and (max-width: 991px) {
:root {
    --min-width: 768px;
    --max-width: 991px;
    --design-width: 1728;
    --design-unit: 20;
  }
}
@media screen and (max-width: 767px) {
:root {
    --min-width: 480px;
    --max-width: 767px;
  }
}
@media screen and (max-width: 479px) {
:root {
    --min-width: 320px;
    --max-width: 479px;
    --design-unit: 48;
  }
}
:root { --u: var(--fluid-font); }

/* corpo: webflow.css + folha do site, na ordem em que o site aplica */
* { -webkit-font-smoothing: antialiased; box-sizing: border-box; margin: 0; padding: 0; }
html { scrollbar-width: none; scroll-behavior: initial; }
body {
  min-height: 100%;
  font-size: 14px; line-height: 20px;            /* webflow.css, em px mesmo */
  background-color: var(--color--dark-green);
  color: var(--color--white);
  font-family: "Mona Sans Variable", Arial, sans-serif;
}
img { max-width: 100%; vertical-align: middle; display: inline-block; border: 0; }