/* ==========================================================================
   BASE / GLOBAL DEFAULTS
   ========================================================================== */

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

html {
  /* Smooth-scroll when jumping to in-page anchors (nav links). */
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-body);
}

/* The header is fixed (~88px tall). Without this offset, clicking a nav
   link scrolls the target section right up under the header, hiding its
   heading and making the link feel broken. scroll-margin-top pushes the
   landing point down so the section title stays visible. */
#about,
#casting-calls,
#our-work,
#workshop {
  scroll-margin-top: 110px;
}