/* Recognizable social links and room for all six navigation destinations. */
.header{gap:24px}.brand,.header-actions{flex-shrink:0}.nav{gap:clamp(16px,2.1vw,30px);white-space:nowrap}
.social-links{display:flex;align-items:center;flex-wrap:wrap;gap:13px 22px;margin-top:24px}
.social-links a{display:inline-flex;align-items:center;gap:9px;color:#36515a;font-size:12px;line-height:1.5;min-height:44px}
.social-icon{display:grid;place-items:center;width:40px;height:40px;flex:0 0 40px;border:1px solid #bdcbc8;border-radius:50%;background:#fffdf980;transition:background .2s,border-color .2s,transform .2s}
.social-icon svg{width:19px;height:19px}.social-links a:hover .social-icon{border-color:var(--brand-gold);background:#fff9ee;transform:translateY(-2px)}
.social-links a:focus-visible{outline:2px solid #507489;outline-offset:5px;border-radius:4px}
@media(max-width:1050px){
 .header{height:75px;padding-inline:30px}.brand img{width:150px}.menu-toggle{display:flex;position:relative;flex-direction:column;gap:6px;width:36px;min-height:44px}.menu-toggle span{display:block;width:23px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
 .nav{position:absolute;top:100%;left:0;right:0;display:none;background:#fffdf9;padding:15px 30px 24px;border-bottom:1px solid #e4e8df;box-shadow:0 12px 20px #14211b0a;white-space:normal;font-size:15px;max-height:calc(100dvh - 75px);overflow:auto}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{min-height:44px;padding-block:12px}.nav a:after{bottom:7px}
}
@media(max-width:650px){.header{height:73px;padding-inline:23px}.nav{padding-inline:23px}.social-links{flex-direction:column;align-items:flex-start;gap:8px}.social-links a{font-size:12px}}
@media(prefers-reduced-motion:reduce){.social-icon,.menu-toggle span{transition:none}.social-links a:hover .social-icon{transform:none}}
.motion-paused .social-icon{transition:none}.motion-paused .social-links a:hover .social-icon{transform:none}
