/* Navigation only: retain the original homepage typography, sections and motion. */
#main-header { padding: 20px 0; border-bottom: 1px solid #e8e8e8; }
#main-header > .container { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:24px; }
#main-header .logo-container { flex-shrink:0; justify-content:flex-start; }
#main-header .home-nav { display:flex; align-items:center; gap:22px; }
#main-header .home-nav a { color:#111; text-decoration:none; font-size:14px; font-weight:600; white-space:nowrap; }
#main-header .home-nav a:hover { text-decoration:underline; text-underline-offset:5px; }
#main-header .home-contact { background:var(--accent-color); padding:13px 17px; }
#main-header .menu-toggle { display:none; font:600 15px var(--font-main); color:#111; border:1px solid #111; background:white; padding:11px 15px; }
#main-header a:focus-visible, #main-header button:focus-visible { outline:3px solid #111; outline-offset:4px; }
#main-header:focus-within, #main-header:has(.home-nav.open) { transform:none; opacity:1; }
#experience { scroll-margin-top:100px; }
@media(max-width:1100px) and (min-width:901px) { #main-header .home-nav {gap:12px} #main-header .home-nav a {font-size:12px} #main-header .logo-text {font-size:18px} }
@media(max-width:900px) {
 #main-header {padding:15px 0;}
 #main-header > .container {flex-wrap:wrap;gap:12px;}
 #main-header .logo-text {font-size:18px;}
 #main-header .menu-toggle {display:block;}
 #main-header .home-nav {display:none;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;max-height:70vh;overflow:auto;}
 #main-header .home-nav.open {display:flex;}
 #main-header .home-nav a {padding:14px;font-size:16px;}
}