:root {
  color-scheme: dark;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 100%;
  line-height: 1.5;
  color: #f4f5fb;
  background: #050812;
  font-synthesis: none;
}
* { box-sizing: border-box; }
body { margin: 0; }
button { font: inherit; }
[hidden] { display: none !important; }
::selection { background: #5953aa; color: white; }
:focus-visible { outline: 2px solid #a9baff; outline-offset: 5px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: 1rem; left: 1rem; z-index: 20; padding: .75rem 1rem; background: #f4f5fb; color: #050812; transform: translateY(-200%); }
.skip-link:focus { transform: translateY(0); }
.masthead { position: absolute; inset: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: clamp(1.5rem, 3.5vw, 3.5rem) clamp(1.5rem, 5vw, 5rem); z-index: 4; }
.wordmark { font-size: 1.25rem; font-weight: 600; letter-spacing: .16em; white-space: nowrap; }
.wordmark span { font-size: 1.65rem; color: #aebfff; vertical-align: -.05em; }
.experience-label { color: #a1aac0; font-size: .875rem; letter-spacing: .035em; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; }
}