/* Site-specific navigation. Native details retains keyboard and no-JS support. */
.brand-navigation{--nav-ink:var(--ink,#24251f);--nav-paper:var(--paper,#f4f0e7);--nav-font:var(--text,var(--body,Arial));--nav-display:var(--heading,var(--display,Georgia));isolation:isolate}
.brand-navigation details{position:relative;flex-shrink:0}
.brand-navigation details summary{display:flex;align-items:center;justify-content:center;list-style:none;min-width:44px;min-height:44px;gap:10px;box-sizing:border-box;font:12px/1.2 var(--nav-font);color:inherit;cursor:pointer;user-select:none;transition:background .2s,color .2s,box-shadow .2s}
.brand-navigation details summary::-webkit-details-marker{display:none}
.brand-navigation details summary::before,.brand-navigation details summary::after{content:none!important}
.brand-navigation .nav-mark{display:block;width:26px;height:26px;flex:none;overflow:visible}
.brand-navigation .nav-label{white-space:nowrap}
.brand-navigation details[open] summary{outline:1px solid currentColor;outline-offset:4px}
.brand-navigation :is(a,summary):focus-visible{outline:3px solid currentColor;outline-offset:5px}
.brand-navigation details:not([open])>nav{display:none!important}
.brand-navigation details[open]>nav{position:absolute;inset:auto 0 auto auto;top:calc(100% + 16px);width:min(380px,calc(100vw - 36px));max-height:calc(100svh - 140px);overflow:auto;box-sizing:border-box;padding:28px;display:grid;gap:0;background:var(--nav-paper);color:var(--nav-ink);border:1px solid currentColor;box-shadow:0 16px 45px #0002;z-index:100;counter-reset:navItem;animation:none;opacity:1;transform:none;translate:none}
.brand-navigation details>nav a{display:flex;align-items:center;gap:18px;min-height:48px;padding:13px 0;border:0;border-bottom:1px solid color-mix(in srgb,currentColor 22%,transparent);font:400 18px/1.3 var(--nav-font);text-decoration:none;letter-spacing:0;text-transform:none;overflow-wrap:anywhere}
.brand-navigation details>nav a:last-child{border-bottom:0}
.brand-navigation details>nav a:hover{opacity:.7}
.brand-navigation details>nav a:before{content:none}
.brand-navigation .nav-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:5px;max-width:220px}
.brand-navigation .nav-wordmark svg{width:var(--wordmark-width,150px)!important;height:28px!important;max-width:100%;display:block}
.brand-navigation .nav-wordmark small{font:9px/1.3 var(--nav-font);letter-spacing:.13em;text-transform:uppercase}
@media(max-width:760px){
 .brand-navigation{position:relative!important;inset:auto!important;width:auto!important;transform:none!important;translate:none!important;margin:0!important;padding:18px 20px!important;min-height:88px;gap:16px;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}
 .brand-navigation>nav{display:none!important}
 .brand-navigation>details{display:block!important;position:relative!important;inset:auto!important;margin:0!important}
 .brand-navigation>.site-logo,.brand-navigation>.brand{max-width:calc(100% - 92px);font-size:17px;line-height:1.15}
 .brand-navigation details[open]>nav{right:0;left:auto;top:calc(100% + 14px);width:min(350px,calc(100vw - 40px));max-height:calc(100svh - 150px)}
 .brand-navigation details summary{min-width:44px;gap:8px}
 .brand-navigation .nav-wordmark svg{width:var(--wordmark-width,140px)!important;height:24px!important}
}
@media(prefers-reduced-motion:reduce){.brand-navigation *{animation:none!important;transition:none!important}}

.brand-navigation.nav-goai{border-bottom:2px solid;}
.brand-navigation.nav-goai details summary{border:1px solid;border-radius:0 16px 0 0;padding:8px 12px;}
.brand-navigation.nav-goai details[open]>nav{padding:18px;gap:10px;background:#203c3e;color:#f3ecc9;border-radius:0 24px 0 0;}
.brand-navigation.nav-goai details[open]>nav a{border:1px solid #f3ecc960;padding:18px;font-size:16px}
.brand-navigation.nav-goai details[open]>nav a:first-child{background:#f3ecc9;color:#203c3e}
@media(max-width:760px){.brand-navigation.nav-goai{border-radius:0 0 28px 0;border-bottom:3px solid;padding:17px!important;}}
@media(min-width:761px){.brand-navigation.nav-goai>nav{display:none!important}.brand-navigation.nav-goai>details{display:block!important}}
@media(max-width:360px){.brand-navigation details summary{gap:5px}.brand-navigation .nav-label{font-size:10px}.brand-navigation>.site-logo,.brand-navigation>.brand{font-size:15px}.brand-navigation .nav-wordmark svg{max-width:115px!important}}