/* Distinct logo tile and a continuous row of bold, spacious navigation links. */
.site-header{border-bottom:1px solid #292927;background:#090909}
.site-header .wrap{width:min(1560px,calc(100% - 64px));display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:center;gap:32px;min-height:0;padding:0}
.site-header .brand{grid-column:1;grid-row:1;justify-self:start;align-self:start;min-width:0;width:180px;padding:20px 16px 18px;text-align:center;background:transparent;color:#f7f7f2;border-bottom:3px solid transparent;box-shadow:none;line-height:1}
.site-header .brand img{display:block;width:148px;max-width:100%;height:auto;margin:0 auto}
.site-header .brand span{font:9px/1.45 Arial,Helvetica,sans-serif;letter-spacing:.025em;margin-top:11px;white-space:nowrap;color:#d6d1c5}
.site-header .primary-nav{grid-column:2;grid-row:1;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:clamp(15px,1.6vw,28px);width:auto;min-width:0;margin:0;padding:18px 0;font:800 15px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.01em;text-transform:uppercase}
.site-header .primary-nav a{display:block;padding:10px 0;white-space:nowrap;color:#d6d1c5;transition:color .15s}
.site-header .primary-nav a:hover{color:#fff}.site-header .primary-nav a[aria-current="page"]{color:#f16b73;text-decoration:none;box-shadow:inset 0 -2px #cf2730}
.site-header .head-contact{grid-column:3;grid-row:1;display:block;text-align:right;justify-self:end}
.site-header .head-contact .outline{display:inline-block;background:#ac2126;border:2px solid #ac2126;color:#fff;font:800 13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.025em;text-transform:uppercase;padding:15px 20px;min-height:50px;white-space:nowrap}
.site-header .head-contact .outline:hover{background:#8e1a1e;border-color:#8e1a1e}
.site-header .menu-toggle{display:none;align-items:center;justify-content:center;gap:9px;padding:11px 13px;border:1px solid #666;background:transparent;color:#f7f7f2;font:600 13px/1.4 Arial,sans-serif;min-height:45px;cursor:pointer}
.site-header .menu-icon{width:16px;height:12px;border-top:1px solid currentColor;border-bottom:1px solid currentColor;position:relative}
.site-header .menu-icon:after{content:'';position:absolute;left:0;right:0;top:5px;border-top:1px solid currentColor}
.site-header[data-menu-open="true"] .menu-icon{border-color:transparent}
.site-header[data-menu-open="true"] .menu-icon:before,.site-header[data-menu-open="true"] .menu-icon:after{content:'';position:absolute;left:0;right:0;top:5px;border-top:1px solid currentColor;transform:rotate(45deg)}
.site-header[data-menu-open="true"] .menu-icon:after{transform:rotate(-45deg)}
.site-header .menu-toggle:focus-visible{outline:2px solid #ee6670;outline-offset:4px}
@media(max-width:1380px){
 .site-header .wrap{width:calc(100% - 48px);grid-template-columns:minmax(0,1fr) auto auto;gap:16px;padding:0}
 .site-header .brand{width:160px;padding:17px 14px 15px}.site-header .brand img{width:132px}.site-header .brand span{font-size:8px;letter-spacing:.015em}
 .site-header .menu-toggle{grid-column:2;grid-row:1;justify-self:end}
 .navigation-ready .site-header .menu-toggle:not([hidden]){display:inline-flex}
 .site-header .head-contact{grid-column:3}
 .site-header .primary-nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;padding:6px 0 16px;margin:0;border-top:1px solid #333}
 .navigation-ready .site-header .primary-nav{display:none}
 .navigation-ready .site-header[data-menu-open="true"] .primary-nav{display:grid}
 .site-header .primary-nav a{padding:16px 0;border-bottom:1px solid #292927;font-size:14px}
}
@media(max-width:600px){
 .site-header .wrap{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
 .site-header .brand{width:118px;padding:13px 10px 11px}.site-header .brand img{width:98px}.site-header .brand span{display:none}
 .site-header .head-contact .outline{font-size:11px;padding:12px 10px;min-height:43px}
 .site-header .menu-toggle{padding:10px 9px;gap:6px;min-height:43px;font-size:12px}
 .site-header .primary-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;padding-top:6px}
}
@media(max-width:380px){
 .site-header .wrap{gap:8px}.site-header .brand{width:94px;padding:12px 8px 10px}.site-header .brand img{width:78px}
 .site-header .head-contact .outline{font-size:10px;padding:12px 8px}
 .site-header .menu-toggle{padding:10px 8px;font-size:11px;gap:6px}.site-header .menu-icon{width:13px}
}
