@font-face {
font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/assets/fonts/onest-regular.woff2') format('woff2-variations'),
  url('/assets/fonts/onest-regular.woff') format('woff');
}
:root {
  color-scheme: light;
  --paper: #f8f9f7;
  --white: #ffffff;
  --concrete: #eceeed;
  --ink: #202528;
  --muted: #656b6e;
  --line: #d5d9d8;
  --accent: #f4bd36;
  --accent-hover: #e9ad20;
  --dark: #191f22;
  --on-dark: #f5f6f4;
  --muted-on-dark: #c3c9cb;
  --max: 1440px;
  --gutter: clamp(24px, 3.34vw, 48px);
  --section-space: clamp(80px, 7.8vw, 112px);
  --lowrise-photo: url('/assets/media/products/low_building.jpg');
  --font: 'Onest', 'Arial', sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 112px; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: var(--font); font-size: 18px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, p { margin: 0; }
h1, h2, h3, h4, .serif { font-family: var(--font); font-weight: 500; }
h1, h2 { letter-spacing: -.045em; }
h3, h4 { letter-spacing: -.025em; }
a { color: inherit; text-decoration: none; }
button,input { font: inherit; }
img, svg, video { display: block; max-width: 100%; }
img { height: auto; }
/* img { display: block; width: 100%; height: 100%; object-fit: cover; } */
::selection { color: var(--ink); background: var(--accent); }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 5px; }
.hero :focus-visible, .feature :focus-visible, .contact :focus-visible,.dark-section :focus-visible, .product-hero :focus-visible, .contact :focus-visible { outline-color: var(--accent); }
[id] { scroll-margin-top: 24px; }
.visually-hidden{position: absolute;width: 1px;height: 1px;margin: -1px;padding: 0;border: 0;clip: rect(0 0 0 0);overflow: hidden;}