/* Public final concept only. The compact Explore menu remains on smaller screens. */
@media(min-width:981px){
 body[data-navigation=desktop]{--header:80px}
 body[data-navigation=desktop] .site-header{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:28px;border-bottom:1px solid #ffffff20}
 body[data-navigation=desktop] .brand{grid-column:1;grid-row:1;justify-self:start;margin:0}
 body[data-navigation=desktop] .brand img{height:56px;width:auto}
 body[data-navigation=desktop] .desktop-nav{display:flex;align-items:center;justify-content:center;gap:24px;min-width:0;white-space:nowrap}
 body[data-navigation=desktop] .desktop-nav a{position:relative;display:flex;align-items:center;min-height:48px;font-size:16px;font-weight:400;line-height:1.4;padding:12px 0;color:#ffffff}
 body[data-navigation=desktop] .desktop-nav a:after{content:'';position:absolute;bottom:4px;left:0;right:0;height:2px;background:#4cbbbc;transform:scaleX(0);transform-origin:left;transition:transform .18s}
 body[data-navigation=desktop] .desktop-nav a:hover:after,body[data-navigation=desktop] .desktop-nav a:focus-visible:after{transform:scaleX(1)}
 body[data-navigation=desktop] .header-actions{display:flex;align-items:center;gap:22px}
 body[data-navigation=desktop] .header-actions .login{display:inline-flex;align-items:center;gap:8px;min-height:46px;font-size:15px;font-weight:400;white-space:nowrap;color:#ffffff}
 body[data-navigation=desktop] .header-actions .login:hover{color:white;text-decoration:underline;text-underline-offset:6px}
 body[data-navigation=desktop] .header-cta{display:inline-flex;min-height:46px;padding:12px 17px;gap:22px;font-size:15px;white-space:nowrap}
 body[data-navigation=desktop] .menu-trigger,body[data-navigation=desktop] .search-trigger{display:none}
 body[data-navigation=desktop] #mobile-nav{display:none!important}
}
@media(min-width:981px) and (max-width:1180px){
 body[data-navigation=desktop] .site-header{gap:20px;padding-inline:28px}
 body[data-navigation=desktop] .desktop-nav{gap:17px;justify-content:flex-start}
 body[data-navigation=desktop] .desktop-nav a{font-size:15px}
 body[data-navigation=desktop] .header-actions{gap:17px}
 body[data-navigation=desktop] .header-cta{padding-inline:13px;gap:14px;font-size:14px}
 body[data-navigation=desktop] .header-actions .login{font-size:14px;gap:5px}
}
@media(prefers-reduced-motion:reduce){body[data-navigation=desktop] .desktop-nav a:after{transition:none}}
