/* Shared navigation stays compact while its menus give each destination room. */
.site-header { max-width:1480px; width:calc(100% - 64px); height:76px; padding:0 25px; border:1px solid #e6e4e9; border-radius:19px; gap:22px; background:#ffffffed; box-shadow:0 3px 4px #322a3a02,0 12px 32px -22px #30213a32; backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); transition:box-shadow .3s,background .3s; }
.site-header.scrolled { background:#fffffff2; box-shadow:0 10px 35px -20px #30213a38; }
.site-header .brand { width:126px; }
.site-header .nav { gap:25px; position:static; }
.site-header .nav > a,.nav-trigger { font-size:13px; font-weight:600; color:#242129; }
.nav-trigger { display:flex; align-items:center; gap:7px; padding:25px 0; background:transparent; border:0; }
.nav-trigger .icon { width:11px; height:11px; transition:transform .25s; }
.nav-trigger[aria-expanded=true] .icon { transform:rotate(180deg); }
.nav-panel[hidden],.language-panel[hidden] { display:none!important; }
.nav-panel { position:absolute; top:calc(100% + 12px); left:0; right:0; padding:28px; display:grid; grid-template-columns:255px 1fr; gap:32px; background:#fffffff9; border:1px solid #e7e4ed; border-radius:20px; box-shadow:0 24px 65px -22px #30213a33; backdrop-filter:blur(24px); animation:nav-enter .28s ease-out; }
.nav-panel-intro { position:relative; overflow:hidden; isolation:isolate; background:linear-gradient(145deg,#f4f0fb,#fbfcf9 85%); border:1px solid #e8e3ee; border-radius:13px; padding:26px; display:flex; flex-direction:column; align-items:flex-start; }
.nav-panel-intro:after { content:""; position:absolute; width:190px; height:190px; border:1px solid #d5cde266; border-radius:50%; right:-100px; bottom:-110px; box-shadow:0 0 0 24px #d5cde218,0 0 0 48px #d5cde20c; z-index:-1; }
.nav-panel .eyebrow { font-size:9px; margin-bottom:18px; }
.nav-panel-intro h2 { font:550 29px/1.2 Manrope,sans-serif; letter-spacing:-1.2px; color:#101014; margin:0 0 32px; }
.nav-panel-intro > a { font-size:12px; margin-top:auto; color:#45334f; font-weight:600; line-height:1.6; }
.nav-panel-links { display:grid; grid-template-columns:1fr 1fr; gap:10px 24px; align-content:center; }
.nav-panel-links > a { display:flex; gap:14px; align-items:center; padding:17px 12px; border-radius:12px; transition:background .2s,translate .2s; }
.nav-panel-links > a:hover,.nav-panel-links > a[aria-current=page] { background:#f5f3f8; }
.nav-link-icon { background:#f1edf7; width:40px; height:40px; flex:0 0 40px; border:1px solid #e7e0ef; border-radius:12px; display:grid; place-items:center; color:#70598b; }
.nav-panel-links > a:nth-child(3n+2) .nav-link-icon { color:#487263; background:#edf4ef; border-color:#dfe9e2; }
.nav-panel-links > a:nth-child(3n) .nav-link-icon { color:#857047; background:#f6f2e7; border-color:#ece6d7; }
.nav-panel-links strong { display:block; font-size:14px; font-weight:600; color:#17131c; }
.nav-panel-links small { display:block; font-size:12px; line-height:1.55; color:#655d6d; margin-top:5px; }
.header-tour { font-size:12px; white-space:nowrap; }
.nav-sheet-signin { display:flex; align-items:center; min-height:44px; font-weight:600; }
.site-header .header-right { gap:18px; }
.site-header .header-right > .btn { font-size:12px; padding:13px 18px; min-height:44px; border-radius:10px; }
.header-language { position:relative; }
.language-trigger { display:flex; gap:7px; align-items:center; justify-content:center; min-height:44px; min-width:56px; padding:8px 5px; border:0; background:transparent; border-radius:8px; font:600 11px Manrope,sans-serif; color:#38313e; }
.language-trigger:hover,.language-trigger[aria-expanded=true] { background:#f5f2f8; }
.language-trigger .icon { width:17px; height:17px; }
.language-panel { position:absolute; top:calc(100% + 22px); right:0; width:214px; padding:13px; background:#fff; border:1px solid #e5e0ed; border-radius:16px; box-shadow:0 22px 55px -16px #30213a36; animation:nav-enter .24s ease-out; }
.language-panel p { margin:4px 9px 11px; font-size:10px; letter-spacing:.6px; color:#655b70; }
.language-panel a { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:13px 11px; min-height:46px; border-radius:8px; font-size:14px; }
.language-panel a:hover,.language-panel a[aria-current] { background:#f4f0fa; }
.language-panel small { font-size:10px; color:#71657f; }
.language-panel .icon { width:15px; height:15px; }
.header-progress { position:absolute; bottom:-1px; left:20px; right:20px; height:2px; overflow:hidden; pointer-events:none; border-radius:3px; }
.header-progress i { display:block; height:100%; background:linear-gradient(90deg,#b3c4ac,#a996c6 65%,#75648e); transform:scaleX(var(--page-progress,0)); transform-origin:left; }
.scroll-progress { display:none!important; }
html { scrollbar-color:#b3a9bf #f8f7fa; scrollbar-width:thin; }
::-webkit-scrollbar { width:9px; height:8px; }
::-webkit-scrollbar-track { background:#f8f7fa; }
::-webkit-scrollbar-thumb { background:#b3a9bf; border:2px solid #f8f7fa; border-radius:10px; }
::-webkit-scrollbar-thumb:hover { background:#8d7f9f; }
@keyframes nav-enter { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:none; } }
@media(hover:hover) and (pointer:fine) { .nav-panel-links > a:hover { translate:3px 0; } }
@media(max-width:1200px) { .header-tour { display:none; } .site-header .nav { gap:19px; } .nav-panel { grid-template-columns:225px 1fr; } }
@media(max-width:900px) {
 .site-header { width:calc(100% - 36px); top:12px; height:68px; padding:0 18px; border-radius:16px; }
 .site-header .menu-toggle { display:flex; width:42px; height:44px; align-items:center; justify-content:center; padding:0; }
 .site-header .header-right { gap:10px; }
 .site-header .nav { display:none; position:absolute; top:calc(100% + 12px); left:0; right:0; max-height:calc(100svh - 112px); overflow-y:auto; padding:17px; background:#fff; border:1px solid #e6e1ec; box-shadow:0 25px 55px -16px #29213630; border-radius:17px; }
 .site-header .nav.open { display:block; }
 .nav-trigger,.site-header .nav > a { padding:18px 12px; display:flex; justify-content:space-between; width:100%; font-size:16px; }
 .nav-panel { position:static; display:block; padding:7px; border:0; box-shadow:none; border-radius:12px; background:#f8f6fb; }
 .nav-panel-intro { padding:10px; border:0; background:transparent; }
 .nav-panel-intro:after,.nav-panel-intro .eyebrow,.nav-panel-intro h2 { display:none; }
 .nav-panel-intro > a { font-size:13px; }
 .nav-panel-links { gap:2px; }
 .nav-panel-links > a { padding:15px 9px; }
 .nav-panel-links small { font-size:11px; }
 .nav-panel-links strong { font-size:13px; }
 .site-header .nav > a:after { display:none; }
 .language-panel { top:calc(100% + 17px); }
}
@media(max-width:540px) {
 .site-header { width:calc(100% - 24px); padding:0 12px; gap:8px; }
 .site-header .brand { width:106px; }
 .site-header .header-right { gap:4px; }
 .site-header .header-right > .btn { font-size:11px; padding:11px 12px; min-height:44px; }
 .site-header .header-right > .btn .icon { display:none; }
 .language-trigger { min-width:45px; gap:4px; font-size:9px; }
 .language-trigger .icon { width:16px; }
 .nav-panel-links { grid-template-columns:1fr; }
 .nav-link-icon { width:36px; height:36px; flex-basis:36px; }
 .nav-panel-links > a { gap:12px; }
 .language-panel { right:-85px; }
}
@media(prefers-reduced-motion:reduce) { .nav-panel,.language-panel { animation:none; } }
@media(max-width:360px) {
 .site-header .brand { width:100px; }
 .site-header .header-right { gap:3px; }
 .site-header .header-right > .btn { white-space:nowrap; flex-shrink:0; padding-inline:11px; }
 .language-trigger { min-width:32px; }
 .language-trigger > span { display:none; }
 .site-header .menu-toggle { width:36px; }
}