/* Shared typography and underline rules for the navigation and gallery controls. */
body:is(.home-page,.info-shell) :is(.main-menu,.filters,.pages){font-family:"Space Grotesk",Inter,"Helvetica Neue",Arial,sans-serif}
body:is(.home-page,.info-shell) header .main-menu a[data-view] {
  display: block;
  position: relative;
  font-family: inherit;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: -.015em;
  color: var(--muted);
  border: 0;
  border-radius: 0;
  background: none;
  text-decoration: none;
  text-transform: none;
}
body:is(.home-page,.info-shell) header .main-menu a[aria-current="page"] {color:var(--text)}
body:is(.home-page,.info-shell) header .main-menu a[data-view]::after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 2px;
  background: var(--edge);
  opacity: 0;
  transform: scaleY(.5);
  transform-origin: bottom;
  transition: opacity .28s ease-in-out, background-color .28s ease-in-out,
              transform .28s ease-in-out !important;
}
body:is(.home-page,.info-shell) header .main-menu a[aria-current="page"]::after {
  opacity: 1;
  background: var(--text);
  transform: scaleY(1);
}
@media (hover:hover) {
  body:is(.home-page,.info-shell) header .main-menu a[data-view]:hover::after {opacity:1}
}
body:is(.home-page,.info-shell) header .main-menu a[data-view]:focus-visible::after {opacity:1}
@media (prefers-reduced-motion:reduce) {
  body:is(.home-page,.info-shell) header .main-menu a[data-view]::after {transition:none!important}
}
/* Keep the shared top menu visible while the gallery or biography scrolls. */
body.home-page .portfolio-navigation,body.info-shell .info-topbar{position:sticky;top:0;z-index:100;background:var(--surface)}
body.home-page #work{scroll-margin-top:160px}
@media(max-width:650px){body.home-page #work{scroll-margin-top:120px}}