@import url('/assets/fonts/pairing.css');

/* Keep the source layout; apply the portfolio's two typefaces consistently. */
:root {
  --portfolio-heading-font: 'Space Grotesk', sans-serif;
  --portfolio-body-font: 'DM Sans', sans-serif;
}
/* Framer presets and inline text styles otherwise override the shared family. */
body, body .framer-text {
  font-family: var(--portfolio-body-font) !important;
}
body :is(h1, h2, h3, h4, h5).framer-text,
body :is(h1, h2, h3, h4, h5).framer-text * {
  font-family: var(--portfolio-heading-font) !important;
}

.experience-qualifier {
  color: var(--token-d94fa23d-b9a2-4c92-8a2d-92dbd358ac76, #757575);
  font-size: .85em;
  font-weight: 400;
  white-space: nowrap;
}

/* Native replacements for Framer's navigation runtime. */
html { scroll-behavior: smooth; }
body { margin: 0; }
[id="work"], [id="about"], [id="contact"] { scroll-margin-top: 76px; }
.menu-toggle { appearance: none; border: 0; padding: 0; background: transparent; }
.menu-toggle[aria-expanded="true"] .framer-1iqgj7e { top: 23px; transform: rotate(45deg) !important; }
.menu-toggle[aria-expanded="true"] .framer-pzq8mn { top: 23px; transform: rotate(-45deg) !important; }
nav.framer-v-1ws24db [data-framer-name="Links Wrap"] { visibility: hidden; }
nav.framer-v-kvhtbd [data-framer-name="Links Wrap"] > div { opacity: 1 !important; }
nav a:hover .framer-kkfqud, nav a:focus-visible .framer-kkfqud { opacity: 1 !important; inset: 0; }
a:focus-visible, button:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Framer's exported styles disable selection on every rich-text wrapper. */
#main, #main * { -webkit-user-select: text !important; user-select: text !important; }