/* Navigation icons share the existing gold light and retain readable labels. */
.site-header nav{gap:clamp(14px,1.6vw,25px)}
.site-header nav>a{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px}
.site-header nav .nav-icon{display:block;width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#eed38d;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:transform .3s,filter .3s}
.site-header nav>a:hover .nav-icon,.site-header nav>a:focus-visible .nav-icon{transform:translateY(-2px);filter:drop-shadow(0 0 6px #ffe4a4aa)}
.site-header nav .nav-label,.site-header nav .nav-arrow{margin-left:0}
.site-header nav .nav-contact{min-width:0;padding:8px 14px;gap:8px}
.site-header nav .nav-contact .nav-arrow{margin-left:5px;color:#eed38d}
.site-header nav .nav-work-contact{margin-left:0;padding:8px 12px;min-width:36px;justify-content:center;border:1px solid #edd58d55}
.site-header nav .nav-only-mobile{display:inline}
#experience-sharing{scroll-margin-top:170px}
@media(min-width:761px) and (max-width:1440px){
 .site-header.has-text-size-tools{height:132px;align-items:flex-start;padding-top:14px}
 .site-header.has-text-size-tools nav{position:absolute;left:6%;right:6%;top:auto;bottom:12px;padding-top:0;justify-content:flex-end;gap:clamp(12px,1.7vw,20px)}
 .site-header .text-size-tools{top:18px}
 html:has(.has-text-size-tools){scroll-padding-top:150px}
}
@media(min-width:761px) and (max-width:960px){
 .site-header.has-text-size-tools nav{justify-content:space-between;gap:8px;font-size:13px;letter-spacing:.3px}
 .site-header nav>a{gap:6px}
 .site-header nav .nav-contact{padding-inline:10px}
 .site-header nav .nav-work-contact{margin-left:0;min-width:30px;padding:5px}
 .site-header nav .nav-icon{width:16px;height:16px;flex-basis:16px}
}
@media(max-width:760px){
 .site-header.has-text-size-tools nav{gap:0;padding:14px 6% 20px;max-height:calc(100svh - 116px);overflow-y:auto;overscroll-behavior:contain}
 .site-header nav>a{min-height:48px;gap:14px;padding:11px 0;border-bottom:1px solid #e7d09524;font-size:15px;letter-spacing:.7px}
 .site-header nav .nav-icon{width:20px;height:20px;flex-basis:20px}
 .site-header nav .nav-work-contact{align-self:stretch;margin-left:0;padding:11px 0;justify-content:flex-start;color:inherit}
 .site-header nav .nav-only-mobile{display:inline}
 .site-header nav .nav-contact{justify-content:center;margin-top:12px;min-height:48px;gap:12px}
 #experience-sharing{scroll-margin-top:145px}
}
@media(prefers-reduced-motion:reduce){.site-header nav .nav-icon{transition:none}.site-header nav>a:hover .nav-icon,.site-header nav>a:focus-visible .nav-icon{transform:none}}

/* Keep a clear, fully labelled access request at narrower desktop widths. */
@media(min-width:761px) and (max-width:1100px){
 .site-header.has-text-size-tools{height:178px}
 .site-header.has-text-size-tools nav{flex-wrap:wrap;justify-content:flex-end;column-gap:18px;row-gap:0;font-size:14px;letter-spacing:.5px}
 .site-header nav>a{gap:8px}
 .site-header nav .nav-icon{width:18px;height:18px;flex-basis:18px}
 .site-header nav .nav-work-contact{padding:8px 12px}
 html:has(.has-text-size-tools){scroll-padding-top:196px}
}
@media(max-width:760px){
 .site-header nav .nav-work-contact{border:0;border-bottom:1px solid #e7d09524}
}
