/* BestAutoService base — reset-ish + typography */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--bas-font-body);
  font-size: var(--bas-fs-body);
  line-height: var(--bas-lh-body);
  color: var(--bas-fg);
  background: var(--bas-surface);
  -webkit-font-smoothing: antialiased;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

h1, h2, h3 {
  font-family: var(--bas-font-heading);
  font-weight: 600;
  line-height: var(--bas-lh-heading);
  letter-spacing: var(--bas-p-ls-tight);
  margin: 0 0 0.5em;
  text-transform: none;
}

/* h1 = hero / page title (64px), h2 = home section title (52px).
   Headings inside a page body are a smaller step — see .bas-page__content. */
h1 { font-size: var(--bas-fs-h1); }
h2 { font-size: var(--bas-fs-h2); }
h3 {
  font-family: var(--bas-font-body);
  font-weight: 600;
  font-size: var(--bas-fs-h3);
  line-height: var(--bas-p-lh-tight);
}

a {
  color: inherit;
  text-decoration: none;
}

p { margin: 0 0 1em; }

/* caption / technical label */
.bas-cap {
  font-family: var(--bas-font-cap);
  font-size: var(--bas-fs-cap);
  font-weight: 500;
  letter-spacing: var(--bas-p-ls-wider);
  text-transform: uppercase;
  margin-bottom: 6px;
}

/* Small caps labels on light surfaces use the ink variant: the brand orange
   only reaches 3.11:1 on white, the ink is closer to the brand hue.
   NOTE: #C2410C is 5.18:1 on white and 4.75:1 on the #F5F5F5 surface — AA. */
.bas-accent { color: var(--bas-accent-ink); }

/* section subtitle (services/about/contacts heads) */
.bas-section__sub {
  color: var(--bas-fg-2);
  font-size: var(--bas-p-fs-16);
  margin: 0;
}

/* Respect reduced motion everywhere, not only in the marquee. */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
