/* A clear brand lockup and a compact, touch-friendly navigation group. */
.site-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;min-height:110px;padding-block:20px;border-bottom:1px solid #a17b4d30}
.site-header .wordmark{justify-self:start;gap:12px;flex:none;width:max-content;border-radius:12px}
.site-header .brand-sun{width:44px;height:44px;flex:none;padding:8px;border:1px solid #ab7e5233;border-radius:50%;background:#f2e5d2;stroke:#733247;stroke-width:1.6}
.site-header .wordmark>span{font-size:29px;line-height:.94;font-weight:600;letter-spacing:-1.35px;color:#39271f}
.site-header .wordmark small{font:500 7px/1.3 var(--sans);letter-spacing:3.1px;text-align:center;margin-top:10px;color:#876b51}
.site-header nav{display:flex;align-items:center;gap:4px;justify-content:center;padding:5px;border:1px solid #a57b4a26;background:#f3eadc;border-radius:17px;font-weight:500}
.site-header nav a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 16px;border-radius:12px;white-space:nowrap;font-size:12px;line-height:1.2;color:#75543d;transition:background-color 180ms,color 180ms,box-shadow 180ms}
.site-header nav a::after{content:none}
.site-header nav a:nth-child(2){display:flex}
.site-header nav .ui-icon{width:15px;height:15px;flex:none}
.site-header nav a:hover{background:#fff8ed;color:#5b2d35}
.site-header nav .header-menu-link{background:#692e3e;color:#fff7e8;box-shadow:0 3px 7px #55232c14}
.site-header nav .header-menu-link:hover{background:#50212f;color:#fff7e8}
.site-header .header-cta{justify-self:end;min-height:46px;border-radius:13px;padding:12px 17px;gap:17px;border:1px solid #aa83564d;background:#fffaf2;color:#6c3c35;font-size:12px;white-space:nowrap}
.site-header .header-cta:hover{background:#efe2cf;transform:none;box-shadow:none;color:#572b34}
.site-header a:focus-visible{outline:2px solid #773347;outline-offset:3px}
@media(max-width:980px){
 .site-header{grid-template-columns:auto 1fr;gap:20px;min-height:104px;padding-block:19px}
 .site-header nav{justify-self:end}.site-header .header-cta{display:none}
 .site-header .wordmark>span{font-size:27px}.site-header .brand-sun{width:42px;height:42px}
 .site-header nav a{padding-inline:14px}
}
@media(max-width:650px){
 .site-header{display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:16px;min-height:0;padding:19px 0 17px;border-bottom:0}
 .site-header .wordmark{align-self:center;gap:11px}
 .site-header .brand-sun{width:42px;height:42px}
 .site-header .wordmark>span{font-size:29px;line-height:.94;letter-spacing:-1.4px}
 .site-header .wordmark small{font-size:7px;letter-spacing:3px;margin-top:9px}
 .site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;justify-self:stretch;width:100%;padding:5px;border-radius:16px;background:#f1e7d8;border-color:#aa805335}
 .site-header nav a{font-size:12px;min-height:46px;padding:11px 8px;gap:7px;border-radius:11px}
 .site-header nav .ui-icon{width:14px;height:14px}
}
@media(max-width:350px){
 .site-header{gap:14px;padding-block:18px 15px}
 .site-header nav a{font-size:11px;padding-inline:5px;gap:5px}
 .site-header .wordmark>span{font-size:27px}
}
@media(prefers-reduced-motion:reduce){.site-header nav a{transition:none}}