/*
 * Site adjustments for the vendored Lenis stylesheet.
 * Official file: /vendor/lenis/lenis.css (Lenis 1.3.26)
 */

/*
 * Home and the 404 page center a full-viewport splash with height: 100%
 * on html, body, main, and .splash-container. Lenis sets those heights
 * to auto, which collapses that chain. Restore the explicit height.
 * Long pages still scroll: overflowing content extends the scrollable canvas.
 */
html.lenis,
html.lenis body {
  height: 100%;
}

/*
 * In-page anchors. Below 800px the burger bar is position: fixed and 4rem
 * tall, so a hash target would sit underneath it. Desktop nav is a left
 * sidebar and does not cover the top of the page.
 * Lenis reads scroll-padding-top when it scrolls to an anchor. js/lenis.js
 * replaces this with the measured bar height after load.
 * Heading glyphs paint a few pixels above their line box, so targets also
 * get a little scroll-margin or the tops of the letters sit under the bar.
 */
@media screen and (max-width: 799px) {
  html {
    scroll-padding-top: 4rem;
  }

  :target,
  h1[id],
  h2[id],
  h3[id],
  h4[id],
  h5[id],
  h6[id] {
    scroll-margin-top: 0.75rem;
  }
}