/* public/css/nav.css v1.1.0 */

/* fix: force logo to respect CMS dimensions */

.site-nav-tight {
  padding-top: 0;
  padding-bottom: 0;
}

.site-nav-logo {
  height: var(--logo-h);
  width: var(--logo-w);
  max-height: none;
  object-fit: contain;
  object-position: left center;
}

/* underline variant */
.link-underline {
  position: relative;
}
.link-underline::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: -2px;
  height: 2px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 150ms ease-in-out;
  background: currentColor;
}
.link-underline:hover::after {
  transform: scaleX(1);
}

/* pill variant */
.link-pill {
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out;
}
.link-pill:hover {
  background-color: rgba(99,102,241,0.08);
}

/* button variant */
.link-button {
  border: 1px solid rgba(0,0,0,0.08);
  transition: background-color 150ms ease-in-out, color 150ms ease-in-out, border-color 150ms;
}
.link-button:hover {
  border-color: rgba(99,102,241,0.4);
  background-color: rgba(99,102,241,0.08);
}