body { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Playfair Display', serif; }
main section[id] { scroll-margin-top: 92px; }

/* header link underline animation */
.nav-link { position: relative; }
.nav-link::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -6px;
  height: 2px;
  background: #B78A42;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .25s ease;
}
.nav-link:hover::after,
.nav-link.active::after { transform: scaleX(1); }
.nav-link.active { color: #142238; font-weight: 600; }

/* mobile menu panel */
#mobile-menu { transition: max-height .3s ease, opacity .25s ease; }

::selection { background: #EFDFC3; }