/* Feedback belongs to the links, not the surrounding content or portraits. */
.site-nav a:not(.nav-contact) { position: relative; }
.site-nav a:not(.nav-contact)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 6px; height: 1px; background: var(--brass); transform: scaleX(0); transform-origin: left; }
.site-nav a[aria-current="location"]:not(.nav-contact)::after,
.site-nav a:focus-visible:not(.nav-contact)::after { transform: scaleX(1); }
.button > span[aria-hidden], .text-link > span[aria-hidden], .project-link > span[aria-hidden] { display: inline-block; }
@media (hover: hover) and (pointer: fine) {
  .site-nav a:hover:not(.nav-contact)::after { transform: scaleX(1); }
}
@media (prefers-reduced-motion: no-preference) {
  .site-nav a:not(.nav-contact)::after { transition: transform 180ms ease; }
  .button > span[aria-hidden], .text-link > span[aria-hidden], .project-link > span[aria-hidden] { transition: transform 160ms ease; }
  .button:focus-visible > span[aria-hidden], .text-link:focus-visible > span[aria-hidden], .project-link:focus-visible > span[aria-hidden] { transform: translate(2px, -2px); }
  .hero-actions a[href="#projects"]:focus-visible > span[aria-hidden] { transform: translateY(3px); }
  .plan-toggle { transition: transform 180ms ease; }
  @media (hover: hover) and (pointer: fine) {
    .button:hover > span[aria-hidden], .text-link:hover > span[aria-hidden], .project-link:hover > span[aria-hidden] { transform: translate(2px, -2px); }
    .hero-actions a[href="#projects"]:hover > span[aria-hidden] { transform: translateY(3px); }
  }
}
@media (max-width: 700px) {
  .site-nav a:not(.nav-contact)::after { bottom: 7px; right: auto; width: 26px; }
  .approach .ways-grid > article { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 14px 15px; align-items: start; }
  .approach .way-mark { grid-column: 1; grid-row: 1; margin: 0; min-height: 0; align-self: center; }
  .approach .ways-grid h3 { grid-column: 2; grid-row: 1; margin: 0; font-size: 1.875rem; align-self: center; }
  .approach .ways-grid p, .approach .ways-grid .text-link { grid-column: 1 / -1; margin: 0; }
  .approach .ways-grid .text-link { justify-self: start; }
}