.nav-link[aria-current="page"]{color:var(--purple)}
.nav-link[aria-current="page"]:after{transform:scaleX(1)}
.profile-picture{display:block;width:min(100%,180px);height:auto;aspect-ratio:1;margin-top:28px;object-fit:contain;border-radius:14px;border:1px solid #735098;box-shadow:0 12px 32px #0003}
@media(max-width:800px){.profile-picture{width:112px;margin-top:22px}}
@media(max-width:480px){
  .header{height:112px;flex-wrap:wrap;align-content:center;gap:9px;padding:10px 6%}
  .header>.wordmark{font-size:24px;padding:3px 0}
  .header nav{width:100%;justify-content:space-between;gap:10px;font-size:12px}
  .header .nav-contact{padding:5px 10px;gap:7px}
  .hero{height:calc(100svh - 112px)}
  html{scroll-padding-top:132px}
}