/* Wordmark motion styling and personal contact details, scoped to the footer. */
@font-face {
  font-family: 'Nothin Neue Montreal';
  src: url('./PPNeueMontreal-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Nothin Neue Montreal';
  src: url('./PPNeueMontreal-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
.nothin-footer {
  --nothin-unit: 1vw;
  background: #000;
  color: #fff;
  font-family: 'Nothin Neue Montreal', Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.1;
  -webkit-font-smoothing: antialiased;
}
.nothin-footer,
.nothin-footer * { box-sizing: border-box; }
.nothin-footer .container.footer-c {
  position: relative;
  width: 100%;
  min-height: 0;
  max-width: none;
  margin: 0 auto;
  padding: var(--nothin-unit) calc(1.25 * var(--nothin-unit));
  padding-top: 0;
}
.nothin-footer .footer-svg-w,
.nothin-footer .footer-nothin-svg { overflow: visible; }
.nothin-footer .footer-nothin-svg { width: 100%; touch-action: manipulation; }
.nothin-footer .footer-nothin-svg path { will-change: transform; cursor: pointer; }
.nothin-footer .footer-nothin-svg:focus,
.nothin-footer .footer-nothin-svg:focus-visible {
  outline: none;
}
.nothin-footer .space-12 { padding-top: calc(.75 * var(--nothin-unit)); }
.nothin-footer .footer-info-w {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
}
.nothin-footer .footer-info {
  margin: 0;
  letter-spacing: 0;
  font-size: clamp(13px, .875vw, 18px);
  font-weight: 400;
  line-height: 1.2;
}
.nothin-footer .footer-email { justify-self: start; }
.nothin-footer .footer-credit { text-align: center; white-space: nowrap; }
.nothin-footer .footer-socials {
  display: flex;
  gap: 8px;
  justify-content: flex-end;
  align-items: center;
}
.nothin-footer a { color: inherit; text-decoration: none; }
.nothin-footer a,
.nothin-footer .footer-nothin-svg { -webkit-tap-highlight-color: transparent; }
.nothin-footer a:focus:not(:focus-visible) { outline: none; }
.nothin-footer .footer-email:hover { text-decoration: underline; text-underline-offset: 3px; }
.nothin-footer .footer-socials a {
  display: inline-flex;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center;
}
.nothin-footer .footer-socials svg { width: 18px; height: 18px; fill: currentColor; }
.nothin-footer .footer-socials a:hover { opacity: .7; }
@media (max-width: 991px) {
  .nothin-footer { --nothin-unit: 16px; }
}
@media (max-width: 767px) {
  .nothin-footer .footer-info-w { grid-template-columns: 1fr; justify-items: center; gap: 12px; }
  .nothin-footer .footer-email { justify-self: center; }
  .nothin-footer .footer-socials { justify-content: center; }
  .nothin-footer .footer-socials:empty { display: none; }
}
@media (max-width: 479px) {
  .nothin-footer .container.footer-c { padding-bottom: calc(1.5 * var(--nothin-unit)); }
}

@media (prefers-reduced-motion: reduce) {
  .nothin-footer .footer-nothin-svg path { will-change: auto; cursor: default; }
}