@font-face {
  font-family: EasyGarageModelGilroy;
  src: url("../fonts/Gilroy-Regular-1.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: EasyGarageModelGilroy;
  src: url("../fonts/Gilroy-Medium.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: EasyGarageModelGilroy;
  src: url("../fonts/Gilroy-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

.easygarage-models {
  --color-void: #0c0f14;
  --color-coal: #141922;
  --color-steel: #1b212b;
  --color-surface-dark: #1f1f1f;
  --color-iron: #232a35;
  --color-line: #2a313c;
  --color-line-high: #404a59;
  --color-amber: #faa71b;
  --color-amber-low: #8a5c09;
  --color-paper: #fff;
  --color-surface-muted: #f3f3f3;
  --color-ash: #d3d9e1;
  --color-dim: #a9b2be;
  --color-background: var(--color-paper);
  --color-foreground: var(--color-iron);
  --color-link: var(--color-amber);
  --font-display: "EasyGarageModelGilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "EasyGarageModelGilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-data: "EasyGarageModelGilroy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-body: 17px;
  --line-height-body: 1.65;
  --container-main: 1240px;
  --gutter: clamp(20px, 4vw, 64px);
  --space-section-compact: clamp(2.5rem, 5vw, 4rem);
  --space-section: clamp(3.5rem, 6vw, 5rem);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --ease-main: cubic-bezier(0.16, 1, 0.3, 1);
  color: var(--color-foreground);
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}

.easygarage-models *,
.easygarage-models *::before,
.easygarage-models *::after {
  box-sizing: border-box;
}

.easygarage-models img,
.easygarage-models picture,
.easygarage-models video {
  display: block;
  max-inline-size: 100%;
}

.easygarage-models h1,
.easygarage-models h2,
.easygarage-models h3,
.easygarage-models h4 {
  margin: 0;
  color: var(--color-foreground);
  font-family: var(--font-display);
  font-weight: 700;
  line-height: 0.9;
  letter-spacing: -0.025em;
  text-wrap: balance;
}

.easygarage-models h1 { font-size: clamp(46px, 7.6vw, 92px); }
.easygarage-models h2 { font-size: clamp(2rem, 3vw, 3.25rem); }
.easygarage-models h3 { font-size: clamp(20px, 2.1vw, 28px); letter-spacing: -0.015em; }
.easygarage-models h4 { font-size: clamp(17px, 1.6vw, 20px); letter-spacing: -0.01em; }
.easygarage-models p,
.easygarage-models li {
  color: var(--color-foreground);
  font-family: var(--font-body);
  font-size: var(--font-size-body);
  line-height: var(--line-height-body);
}
.easygarage-models p { margin-block: 1em; }
.easygarage-models button,
.easygarage-models input,
.easygarage-models select,
.easygarage-models textarea { font: inherit; }
.easygarage-models a { color: var(--color-link); text-decoration: none; }
.easygarage-models a:hover,
.easygarage-models a:visited,
.easygarage-models a:active { text-decoration: none; }
.easygarage-models a:hover { opacity: 0.8; }

.easygarage-models .site-container {
  inline-size: 100%;
  max-inline-size: var(--container-main);
  margin-inline: auto;
  padding-inline: var(--gutter);
}

.easygarage-models .sr-only {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* WebP delivery compatibility (Imagify "picture" mode).
   The optimizer wraps our <img> in a <picture> and moves the class to the
   wrapper, leaving the inner <img> unsized so it renders at intrinsic size.
   Re-apply the geometry to the inner image; object-fit is inherited from the
   wrapper so each component keeps its own cover/contain/auto behaviour. */
.easygarage-models picture[class*="__image"] {
  display: block;
}

.easygarage-models picture[class*="__image"] > img {
  display: block;
  inline-size: 100%;
  block-size: 100%;
  object-fit: inherit;
  object-position: inherit;
}