.contact-minimal {
  min-height: 100svh;
  background: #050505;
  color: #fff;
}

.contact-minimal .site-header {
  color: #fff;
  mix-blend-mode: normal;
}

.minimal-contact {
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 18px;
  padding: 90px var(--pad) 40px;
  text-align: center;
}

.minimal-contact a {
  font: 400 clamp(34px, 6vw, 92px) / 0.95 var(--serif);
  letter-spacing: -0.035em;
  transition: opacity 0.25s;
}

.minimal-contact a:hover {
  opacity: 0.55;
}

@media (max-width: 820px) {
  .contact-minimal .site-header {
    background: rgba(5, 5, 5, 0.96);
    color: #fff;
  }

  .contact-minimal .site-header nav {
    background: #050505;
    color: #fff;
  }

  .minimal-contact {
    gap: 14px;
  }

  .minimal-contact a {
    font-size: clamp(30px, 9vw, 56px);
  }
}