/* Talion navigation: architectural proportions, blue and gold. */
.header-badge{display:block;width:70px;height:70px;object-fit:contain;position:absolute;top:9px;right:max(calc(4vw + 22px),calc((100% - 1180px)/2 + 22px))}
@media(max-width:800px){.site-header>.header-badge{position:static;width:42px;height:42px;flex:0 0 42px;margin-left:auto}.site-header>.menu-toggle{margin-left:0}.site-header>.brand{max-width:calc(100% - 118px)}}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;width:100%;max-width:none;min-height:108px;padding:16px clamp(20px,3vw,56px);gap:28px;background:#fff;border-bottom:1px solid #dedfee;box-shadow:0 8px 32px #1517490a}
.site-header>.brand{width:244px;flex:0 0 244px;margin:0;overflow:visible}
.site-header>.brand>img{width:100%;height:auto;object-fit:contain}
.quick-nav{margin-left:auto;padding:6px;gap:0;background:#262879;border:1px solid #424599;border-radius:14px;box-shadow:0 8px 22px #2527751a}
.quick-nav>a{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 24px;min-height:62px;color:#fff;border-radius:9px;font-size:14px;font-weight:600;white-space:nowrap}
.quick-nav>a::before{content:attr(data-nav-label);font-size:9px;letter-spacing:.15em;font-weight:500;color:#bdc0e5}
.quick-nav>a:hover,.quick-nav>a[aria-current=page]{color:#fff;background:#ffffff12}
.quick-nav>a>span{display:none}
.quick-nav>.nav-hub{display:flex;align-items:flex-start;gap:5px;min-height:62px;margin:0 0 0 8px;padding:12px 25px;background:#fbb03b;color:#20225e;border:0;box-shadow:none}
.quick-nav>.nav-hub::before{color:#634813}
.quick-nav>.nav-hub:hover,.quick-nav>.nav-hub[aria-current=page]{background:#ffc363;color:#20225e}
.quick-nav>.nav-hub>.hub-icon{display:none}
.menu-toggle{position:relative;width:60px;height:64px;margin:0;border:0;border-radius:0;background:transparent;gap:6px;padding-bottom:17px}
.menu-toggle::after{content:'MENU';position:absolute;bottom:3px;font-size:9px;letter-spacing:.16em;color:#2e3192;font-weight:600}
.menu-toggle>span{width:25px;height:2px}.menu-toggle>span:last-child{width:25px;margin:0}.menu-toggle:hover{background:transparent}.menu-toggle:hover>span:last-child{width:17px}
.site-menu{top:122px;width:min(1160px,calc(100% - 48px));max-height:calc(100svh - 145px);padding:30px 40px;background:radial-gradient(ellipse at top right,#4649a5 0,transparent 65%),#202265;border:1px solid #6c6fc2;border-radius:18px;box-shadow:0 30px 100px #11133466}
.menu-top{padding-bottom:15px;border-bottom:1px solid #ffffff25;color:#fbb03b;letter-spacing:.2em}.menu-grid{grid-template-columns:1fr 1fr;gap:0 48px}.menu-grid>a{border-top:0;border-bottom:1px solid #ffffff22;padding:23px 12px;transition:background .2s,padding .2s}.menu-grid>a:hover{padding-left:22px;background:#ffffff07}.menu-grid small{color:#b8bce2;font-size:10px;letter-spacing:.14em}.menu-grid strong{font-size:clamp(25px,3vw,38px);font-weight:400}.menu-grid strong>span{font-size:30px}.menu-bottom{border-top:0;padding-top:27px}.menu-close{border-radius:9px;background:#ffffff09}
@media(max-width:1150px){.site-header{gap:16px;padding-inline:24px}.site-header>.brand{width:215px;flex-basis:215px}.quick-nav>a{padding-inline:16px}.quick-nav>.nav-hub{padding-inline:19px}}
@media(max-width:960px){.site-header{min-height:96px}.site-header>.brand{width:210px;flex-basis:210px}.quick-nav>a{padding-inline:12px;font-size:12px}.quick-nav>.nav-hub{padding-inline:14px}.quick-nav>a::before{font-size:8px;letter-spacing:.09em}.menu-toggle{width:38px}.site-header{gap:12px}}
@media(max-width:800px){.site-header{min-height:90px;padding:12px 20px}.site-header>.brand{width:210px;flex-basis:210px}.quick-nav{display:none}.menu-toggle{margin-left:auto;width:52px;height:58px}.site-menu{top:102px;width:calc(100% - 24px);max-height:calc(100svh - 116px);padding:22px}.menu-grid{grid-template-columns:1fr;gap:0}.menu-grid>a{padding:17px 4px}.menu-grid small{margin-bottom:7px}.menu-grid strong{font-size:28px}.menu-bottom{padding-top:21px}}
@media(max-width:360px){.site-header{padding-inline:16px}.site-header>.brand{width:185px;flex-basis:185px}}
@media(min-width:801px){.site-header>.menu-toggle{display:none}}
@media(prefers-reduced-motion:reduce){.menu-grid>a,.menu-toggle>span{transition:none}}
/* All eight original destinations stay directly accessible on desktop. */
@media(min-width:801px){
 .site-header{gap:22px;padding-inline:clamp(20px,2.5vw,44px)}
 .site-header>.brand{width:215px;flex-basis:215px}
 .quick-nav{display:flex;min-width:0;gap:0}
 .quick-nav>a,.quick-nav>.nav-hub{font-size:13px;padding:12px 13px;min-height:62px;margin:0}
 .quick-nav>a::before{font-size:8px;letter-spacing:.07em}
 .quick-nav>.nav-hub{margin-inline:3px}
}
/* Centered desktop masthead and a balanced full-width navigation row. */
@media(min-width:801px){
 .site-header{display:grid;grid-template-columns:1fr;justify-items:center;gap:16px;padding:18px clamp(24px,4vw,64px) 14px;min-height:0}
 .site-header>.brand{width:215px;flex-basis:auto}
 .quick-nav{display:grid;grid-template-columns:.8fr .8fr .95fr .95fr 1.15fr 1.5fr .9fr .9fr;width:100%;max-width:1180px;margin:0;padding:5px;gap:3px;border-radius:10px;background:#282b7d;box-shadow:none;border-color:#393c90}
 .quick-nav>a,.quick-nav>.nav-hub{display:flex;align-items:center;justify-content:center;min-height:48px;padding:12px 10px;margin:0;border-radius:6px;font-size:14px;font-weight:500;letter-spacing:.01em;text-align:center}
 .quick-nav>a::before{display:none}
 .quick-nav>.nav-hub{margin:0}
 .quick-nav>a:focus-visible{outline:2px solid #fbb03b;outline-offset:1px}
}
@media(min-width:801px) and (max-width:960px){
 .site-header{padding-inline:22px;gap:13px;padding-top:14px}
 .site-header>.brand{width:195px}
 .quick-nav>a,.quick-nav>.nav-hub{font-size:12px;padding-inline:6px}
}
@media(min-width:801px) and (max-width:1250px){
 .site-header{flex-wrap:wrap;justify-content:center;gap:12px;padding:12px 24px}
 .site-header>.brand{width:205px;flex-basis:205px}
 .quick-nav{width:100%;justify-content:space-between;margin:0}
 .quick-nav>a,.quick-nav>.nav-hub{flex:1;align-items:center;padding-inline:10px;font-size:13px;min-height:56px}
 .quick-nav>a::before{font-size:8px}
}
@media(min-width:801px){.site-header>.brand{width:300px;flex-basis:auto}.site-header>.header-badge{width:80px;height:80px;top:20px}}