/* Mixology v8: one stable primary header, consistent section indication. */
html body > header.mix-global-header {
 all: revert !important;
 box-sizing: border-box !important;
 position: relative !important; inset: auto !important; float: none !important;
 display: grid !important; grid-template-columns: minmax(0,1fr) auto !important;
 align-items: center !important; column-gap: 24px !important;
 width: 100% !important; max-width: none !important;
 height: 108px !important; min-height: 108px !important; max-height: 108px !important;
 padding: 0 40px !important; margin: 0 !important;
 background: #101716 !important; color: #f2ede3 !important;
 border: 0 !important; border-bottom: 1px solid #354744 !important;
 box-shadow: none !important; transform: none !important; z-index: 100 !important;
 font: 13px/20px Arial, Helvetica, sans-serif !important;
}
html body > header.mix-global-header > a.mix-brand-link {
 all: unset !important; box-sizing: border-box !important;
 display: flex !important; align-items: center !important; justify-content: flex-start !important;
 width: 240px !important; height: 82px !important; max-width: 100% !important;
 cursor: pointer !important; justify-self: start !important; align-self: center !important;
}
html body > header.mix-global-header > a.mix-brand-link > img.mix-brand-logo {
 all: unset !important; box-sizing: border-box !important; display: block !important;
 width: 240px !important; height: 75px !important; max-width: 100% !important;
 object-fit: contain !important; object-position: left center !important;
}
html body > header.mix-global-header > nav.mix-primary-nav {
 all: unset !important; box-sizing: border-box !important;
 display: flex !important; align-items: center !important; justify-content: flex-end !important;
 gap: 20px !important; white-space: nowrap !important; align-self: center !important;
 font: 13px/20px Arial, Helvetica, sans-serif !important;
}
html body > header.mix-global-header > nav.mix-primary-nav > a {
 all: unset !important; box-sizing: border-box !important; display: inline-block !important;
 position: relative !important; cursor: pointer !important;
 color: #cda760 !important; font: 400 13px/20px Arial, Helvetica, sans-serif !important;
 text-transform: uppercase !important; letter-spacing: 0 !important;
 padding: 7px 0 9px !important; margin: 0 !important;
 text-decoration: none !important; border: 0 !important;
 white-space: nowrap !important;
}
html body > header.mix-global-header > nav.mix-primary-nav > a::after {
 content: '' !important; position: absolute !important; left: 0 !important; right: 0 !important;
 bottom: 5px !important; height: 2px !important; background: transparent !important;
}
html body > header.mix-global-header > nav.mix-primary-nav > a[aria-current='page']::after { background: #cda760 !important; }
html body > header.mix-global-header > nav.mix-primary-nav > a:hover { color: #f2d79a !important; }
html body > header.mix-global-header > nav.mix-primary-nav > a:focus-visible { outline: 2px solid #f2d79a !important; outline-offset: 3px !important; }
@media (max-width: 600px) {
 html body > header.mix-global-header { height: 82px !important; min-height: 82px !important; max-height: 82px !important; padding: 0 12px !important; column-gap: 8px !important; }
 html body > header.mix-global-header > a.mix-brand-link { width: clamp(100px,32vw,165px) !important; height: 66px !important; }
 html body > header.mix-global-header > a.mix-brand-link > img.mix-brand-logo { width: 100% !important; height: 60px !important; }
 html body > header.mix-global-header > nav.mix-primary-nav { gap: 10px !important; }
 html body > header.mix-global-header > nav.mix-primary-nav > a { font-size: 10px !important; line-height: 18px !important; }
}
@media (max-width: 350px) {
 html body > header.mix-global-header > nav.mix-primary-nav { gap: 7px !important; }
 html body > header.mix-global-header > nav.mix-primary-nav > a { font-size: 9px !important; }
}
