.site-header { display: block; height: auto; padding: 0; border: 0; background: #fff; position: relative; }
.header-brand { display: flex; height: 120px; align-items: center; padding-left: clamp(1.5rem, 4vw, 4.8rem); }
.brand img { width: clamp(14rem, 15.5vw, 18.6rem); height: auto; }
.header-nav { display: grid; grid-template-columns: minmax(190px, 1fr) auto minmax(190px, 1fr); height: 65px; align-items: stretch; background: #242424; color: #fff; }
.social-links { display: flex; align-items: center; gap: 0.9rem; width: min(100%, 250px); justify-self: end; padding-right: 2.4rem; }
.social-links a { display: grid; width: 20px; height: 20px; place-items: center; }
.social-links img { display: block; width: 100%; height: 100%; object-fit: contain; }
.site-nav { display: flex; align-items: stretch; justify-content: center; gap: 0; text-transform: none; font-size: 0.9rem; letter-spacing: 0; }
.site-nav a { position: relative; display: flex; align-items: center; padding: 0 clamp(1.1rem, 2.25vw, 2.7rem); border: 0; color: rgba(255,255,255,.9); white-space: nowrap; }
.site-nav a + a { border-left: 0; }
.site-nav a + a::before { content: ""; position: absolute; left: 0; top: 50%; width: 1px; height: 13px; transform: translateY(-50%); background: rgba(255,255,255,.8); }
.site-nav .is-active, .site-nav a:hover { border: 0; background: #505050; }
.main-site { display: flex; align-items: center; gap: 0.55rem; justify-self: start; padding-left: 2.4rem; color: rgba(255,255,255,.9); font-size: 0.9rem; text-transform: none; letter-spacing: 0; white-space: nowrap; }
.main-site img { display: block; width: 19px; height: 19px; object-fit: contain; }
.menu-toggle { color: #fff; }
@media (max-width: 800px) { .header-brand { height: 92px; padding-left: 1rem; } .brand img { width: 210px; } .header-nav { display: flex; position: relative; height: 54px; padding: 0 1rem; } .social-links { width: auto; justify-self: auto; padding-right: 0; } .menu-toggle { display: block; margin-left: auto; } .site-nav { position: absolute; top: 54px; left: 0; right: 0; z-index: 30; padding: 0; background: #242424; } .site-nav a { width: 100%; min-height: 46px; padding: 0 1rem; } .site-nav a + a { border-left: 0; } .main-site { display: none; } }