/* Navigation remains visible throughout the page. */
.site-header {
  position: fixed;
  top: 0;
  z-index: 20;
  border-bottom: 1px solid transparent;
  transition: background .25s, backdrop-filter .25s, border-color .25s;
}

.site-header.scrolled {
  background: rgba(7, 11, 24, .86);
  backdrop-filter: blur(16px);
  border-color: rgba(238, 240, 234, .1);
}

.contact-email {
  display: block;
  width: max-content;
  max-width: 100%;
  margin: 18px auto 0;
  color: #304313;
  font-size: 11px;
  font-weight: 700;
  border-bottom: 1px solid rgba(48, 67, 19, .35);
  padding-bottom: 3px;
}

.contact-email:hover { color: #081019; }