/* =============================================================
   base.css — Font faces, reset, base typography
   ============================================================= */

/* --- Font Faces: Encode Sans (main headers) --- */
@font-face {
  font-family: 'Encode Sans';
  src: url('../brand_assets/fonts/encode-sans-400.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Encode Sans';
  src: url('../brand_assets/fonts/encode-sans-600.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Encode Sans';
  src: url('../brand_assets/fonts/encode-sans-700.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Encode Sans';
  src: url('../brand_assets/fonts/encode-sans-800.ttf') format('truetype');
  font-weight: 800; font-style: normal; font-display: swap;
}

/* --- Font Faces: Inter (all other text) --- */
@font-face {
  font-family: 'Inter';
  src: url('../brand_assets/fonts/inter-300.ttf') format('truetype');
  font-weight: 300; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../brand_assets/fonts/inter-400.ttf') format('truetype');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../brand_assets/fonts/inter-500.ttf') format('truetype');
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../brand_assets/fonts/inter-600.ttf') format('truetype');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../brand_assets/fonts/inter-700.ttf') format('truetype');
  font-weight: 700; font-style: normal; font-display: swap;
}

/* --- Reset --- */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 16px; }
body {
  margin: 0;
  padding: 0;
  font-family: 'Inter', Helvetica, sans-serif;
  font-weight: 400;
  color: #333;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

/* --- Base Typography --- */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Encode Sans', Helvetica, sans-serif;
}
h2 {
  margin-top: 20px;
  margin-bottom: 31px;
  color: #000;
  font-size: 32px;
  line-height: 36px;
  font-weight: 700;
}
h3 {
  margin-top: 20px;
  margin-bottom: 10px;
  color: #000;
  font-size: 24px;
  line-height: 30px;
  font-weight: 700;
}
p {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 26px;
}
a { color: #579042; text-decoration: underline; }
a[href^="mailto:"], a[href^="tel:"] { text-decoration: none; }
ul { margin: 0 0 10px; padding-left: 40px; }
li { font-size: 15px; line-height: 26px; }
img { max-width: 100%; display: block; }