/* ============================================================
   Tamarack Laurel, Base layer
   Shared reset, accessibility helpers, the logo mark, and
   structural utilities.

   You will rarely need to edit this file. Palette + type live in:
     css/direction-a.css   (site palette, type, and home/interior styles)
     css/site.css          (Services + About page components)
   ============================================================ */

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

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

body {
  margin: 0;
  min-height: 100vh;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

a { color: inherit; }

button { font: inherit; cursor: pointer; }

h1, h2, h3, h4, p, figure, blockquote { margin: 0; }

ul { margin: 0; padding: 0; list-style: none; }

/* Respect reduced-motion preferences everywhere. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.001ms !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}

/* ------------------------------------------------------------
   Brand mark (the tamarack tree). Rendered as a CSS mask so a
   single SVG can be recolored per background via `color`.
   Swap images/tamarack-mark.svg to change the logo everywhere.
   ------------------------------------------------------------ */
.brandmark {
  display: inline-block;
  flex: none;
  background-color: currentColor;
  -webkit-mask: url("../images/tamarack-mark.svg") center / contain no-repeat;
          mask: url("../images/tamarack-mark.svg") center / contain no-repeat;
}

/* Screen-reader-only text (used for form labels + skip link). */
.visually-hidden {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* Keyboard skip link, revealed on focus. */
.skip-link {
  position: absolute;
  left: 1rem; top: -3rem;
  z-index: 200;
  padding: 0.65rem 1rem;
  background: #14231c;
  color: #f5f2ea;
  text-decoration: none;
  border-radius: 2px;
  transition: top 0.2s ease;
}
.skip-link:focus { top: 1rem; }

/* Consistent, visible focus ring for keyboard users. */
:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

/* The A/B/C review switcher was removed when the site went to a single
   production direction (Direction A). See git history if you need it back. */