.vayuo-site-header{
--vayuo-header-accent:#E76522;
--vayuo-header-dark:#17191B;
--vayuo-header-light:#F4F1EB;
--vayuo-header-panel:#111315;
--vayuo-header-border:rgba(255,255,255,.12);
position:relative;
z-index:900;
width:100%;
font:inherit;
transition:background .28s ease,border-color .28s ease,transform .28s ease;
}
.vayuo-site-header *{box-sizing:border-box}
.vayuo-site-header--sticky{position:sticky;top:0}
.vayuo-site-header__bar{
position:relative;
width:min(calc(100% - 32px),var(--vayuo-content-max,1440px));
min-height:76px;
margin:0 auto;
display:grid;
grid-template-columns:auto 1fr auto;
gap:clamp(22px,3vw,48px);
align-items:center
}
.vayuo-site-header__brand{
display:inline-flex;align-items:center;min-width:0;color:inherit;text-decoration:none;position:relative;z-index:4
}
.vayuo-site-header__brand img{display:block;width:auto;max-width:190px;height:42px;object-fit:contain}
.vayuo-site-header__brand-text{font-size:18px;font-weight:850;letter-spacing:-.025em;white-space:nowrap}
.vayuo-site-header__nav{min-width:0}
.vayuo-site-header__menu-list{
list-style:none!important;margin:0!important;padding:0!important;
display:flex;align-items:center;justify-content:center;gap:clamp(18px,2.2vw,34px)
}
.vayuo-site-header__menu-list>li{position:relative;margin:0!important;padding:0!important}
.vayuo-site-header__menu-list a{
display:flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;
font-size:13px;font-weight:650;white-space:nowrap;transition:opacity .2s ease,color .2s ease
}
.vayuo-site-header__menu-list>li>a:hover,
.vayuo-site-header__menu-list>li.current-menu-item>a,
.vayuo-site-header__menu-list>li.current-menu-ancestor>a{color:var(--vayuo-header-accent)}
.vayuo-site-header__menu-list .sub-menu{
position:absolute;inset-inline-start:-18px;top:calc(100% + 8px);min-width:220px;
margin:0!important;padding:10px!important;list-style:none!important;
background:#111315;border:1px solid rgba(255,255,255,.10);
opacity:0;visibility:hidden;transform:translateY(8px);
transition:.22s ease;box-shadow:0 18px 50px rgba(0,0,0,.20)
}
.vayuo-site-header__menu-list .sub-menu li{margin:0!important}
.vayuo-site-header__menu-list .sub-menu a{min-height:40px;padding:0 10px;color:#F4F1EB;font-size:12px}
.vayuo-site-header__menu-list li:hover>.sub-menu,
.vayuo-site-header__menu-list li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:none}

.vayuo-site-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;position:relative;z-index:5}
.vayuo-site-header__cta{
min-height:44px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;
background:var(--vayuo-header-accent);border:1px solid var(--vayuo-header-accent);
color:#fff;text-decoration:none;font-size:12px;font-weight:760;transition:transform .2s ease
}
.vayuo-site-header__cta:hover{transform:translateY(-1px)}

.vayuo-site-header__theme-toggle{
width:44px;height:44px;padding:0;display:grid;place-items:center;position:relative;
border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer;overflow:hidden;
transition:background .2s ease,color .2s ease,border-color .2s ease
}
.vayuo-site-header__theme-toggle:hover{background:rgba(127,127,127,.10)}
.vayuo-site-header__theme-icon{
position:absolute;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;
stroke-linecap:round;stroke-linejoin:round;
transition:transform .36s cubic-bezier(.16,1,.3,1),opacity .22s ease
}
.vayuo-site-header__theme-icon--sun{opacity:1;transform:rotate(0) scale(1)}
.vayuo-site-header__theme-icon--moon{opacity:0;transform:rotate(-55deg) scale(.55)}
html[data-vayuo-theme="dark"] .vayuo-site-header__theme-icon--sun{opacity:0;transform:rotate(55deg) scale(.55)}
html[data-vayuo-theme="dark"] .vayuo-site-header__theme-icon--moon{opacity:1;transform:rotate(0) scale(1)}

.vayuo-site-header__burger{
display:none;width:46px;height:46px;padding:0;border:1px solid currentColor;background:transparent;color:inherit;
cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative
}
.vayuo-site-header__burger span{
position:absolute;width:19px;height:1px;background:currentColor;
transition:transform .42s cubic-bezier(.16,1,.3,1),opacity .2s ease,width .3s ease
}
.vayuo-site-header__burger span:nth-child(1){transform:translateY(-6px)}
.vayuo-site-header__burger span:nth-child(2){transform:translateY(0)}
.vayuo-site-header__burger span:nth-child(3){transform:translateY(6px)}
.vayuo-site-header.is-nav-open .vayuo-site-header__burger span:nth-child(1){transform:rotate(45deg)}
.vayuo-site-header.is-nav-open .vayuo-site-header__burger span:nth-child(2){opacity:0;width:0}
.vayuo-site-header.is-nav-open .vayuo-site-header__burger span:nth-child(3){transform:rotate(-45deg)}
.vayuo-site-header__mobile-head,.vayuo-site-header__mobile-footer,.vayuo-site-header__submenu-toggle{display:none}
.vayuo-site-header__backdrop{display:none}

/* 01 — Floating Glass */
.vayuo-site-header--glass{padding:14px 0;color:var(--vayuo-header-light);background:transparent}
.vayuo-site-header--glass .vayuo-site-header__bar{
padding:0 18px;border:1px solid rgba(255,255,255,.13);
background:rgba(13,14,15,.62);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)
}
.vayuo-site-header--glass.is-scrolled .vayuo-site-header__bar{background:rgba(13,14,15,.88);border-color:rgba(255,255,255,.18)}

/* 02 — Industrial Bar */
.vayuo-site-header--industrial{color:var(--vayuo-header-light);background:#0D0E0F;border-bottom:1px solid rgba(255,255,255,.10)}
.vayuo-site-header--industrial:after{
content:"";position:absolute;inset-inline-start:0;bottom:-1px;width:clamp(80px,12vw,180px);height:2px;background:var(--vayuo-header-accent)
}
.vayuo-site-header--industrial .vayuo-site-header__bar{
width:min(100%,var(--vayuo-content-max,1440px));padding:0 var(--vayuo-page-gutter,32px);min-height:82px
}
.vayuo-site-header--industrial .vayuo-site-header__cta{background:transparent;color:var(--vayuo-header-light)}

/* 03 — Minimal Split */
.vayuo-site-header--minimal{color:var(--vayuo-header-dark);background:#F1EEE8;border-bottom:1px solid rgba(23,25,27,.13)}
.vayuo-site-header--minimal .vayuo-site-header__bar{min-height:74px}
.vayuo-site-header--minimal .vayuo-site-header__menu-list{justify-content:flex-end}
.vayuo-site-header--minimal .vayuo-site-header__cta{background:var(--vayuo-header-dark);border-color:var(--vayuo-header-dark)}
.vayuo-site-header--minimal .vayuo-site-header__menu-list .sub-menu{
background:#F1EEE8;border-color:rgba(23,25,27,.14);box-shadow:0 18px 50px rgba(0,0,0,.10)
}
.vayuo-site-header--minimal .vayuo-site-header__menu-list .sub-menu a{color:var(--vayuo-header-dark)}

/* 04 — Centerline Editorial */
.vayuo-site-header--centerline{color:var(--vayuo-header-dark);background:#F4F1EB;border-bottom:1px solid rgba(23,25,27,.14)}
.vayuo-site-header--centerline .vayuo-site-header__bar{grid-template-columns:1fr auto 1fr;min-height:86px}
.vayuo-site-header--centerline .vayuo-site-header__brand{
position:absolute;left:50%;transform:translateX(-50%);max-width:210px
}
.vayuo-site-header--centerline .vayuo-site-header__nav{justify-self:start}
.vayuo-site-header--centerline .vayuo-site-header__menu-list{justify-content:flex-start;gap:clamp(15px,1.6vw,25px)}
.vayuo-site-header--centerline .vayuo-site-header__menu-list a{font-size:11px;text-transform:uppercase;letter-spacing:.04em}
.vayuo-site-header--centerline .vayuo-site-header__actions{grid-column:3;justify-self:end}
.vayuo-site-header--centerline .vayuo-site-header__cta{background:transparent;color:var(--vayuo-header-dark);border-color:rgba(23,25,27,.24)}

/* 05 — Technical Frame */
.vayuo-site-header--frame{padding:10px 0;color:var(--vayuo-header-light);background:#0A0B0C}
.vayuo-site-header--frame .vayuo-site-header__bar{
min-height:78px;padding:0 20px;border:1px solid rgba(244,241,235,.14);background:#111315
}
.vayuo-site-header--frame .vayuo-site-header__bar:before,
.vayuo-site-header--frame .vayuo-site-header__bar:after{
content:"";position:absolute;width:20px;height:2px;background:var(--vayuo-header-accent)
}
.vayuo-site-header--frame .vayuo-site-header__bar:before{inset-inline-start:-1px;top:-1px}
.vayuo-site-header--frame .vayuo-site-header__bar:after{inset-inline-end:-1px;bottom:-1px}
.vayuo-site-header--frame .vayuo-site-header__menu-list{gap:clamp(14px,1.7vw,26px)}
.vayuo-site-header--frame .vayuo-site-header__menu-list>li>a{font:700 10px/1 Arial;letter-spacing:.08em;text-transform:uppercase}
.vayuo-site-header--frame .vayuo-site-header__cta{background:transparent;border-color:rgba(244,241,235,.22);color:var(--vayuo-header-light)}

/* 06 — Cinematic Edge */
.vayuo-site-header--cinematic{
color:var(--vayuo-header-light);
background:linear-gradient(180deg,rgba(5,6,7,.88),rgba(5,6,7,.36));
border-bottom:1px solid rgba(255,255,255,.08)
}
.vayuo-site-header--cinematic .vayuo-site-header__bar{min-height:94px}
.vayuo-site-header--cinematic .vayuo-site-header__menu-list{gap:clamp(24px,3vw,48px)}
.vayuo-site-header--cinematic .vayuo-site-header__menu-list>li>a{font-size:11px;letter-spacing:.025em;opacity:.72}
.vayuo-site-header--cinematic .vayuo-site-header__menu-list>li>a:hover{opacity:1}
.vayuo-site-header--cinematic .vayuo-site-header__cta{background:transparent;border-color:var(--vayuo-header-accent)}
.vayuo-site-header--cinematic.is-scrolled{background:rgba(5,6,7,.94);backdrop-filter:blur(12px)}

.vayuo-site-header__menu-empty{font-size:12px;opacity:.55;text-align:center}

/* Theme-aware light styles */
html[data-vayuo-theme="dark"] .vayuo-site-header--minimal,
html[data-vayuo-theme="dark"] .vayuo-site-header--centerline{
background:#111315;color:var(--vayuo-header-light);border-color:rgba(255,255,255,.10)
}
html[data-vayuo-theme="dark"] .vayuo-site-header--minimal .vayuo-site-header__cta,
html[data-vayuo-theme="dark"] .vayuo-site-header--centerline .vayuo-site-header__cta{
color:var(--vayuo-header-light);border-color:rgba(255,255,255,.18);background:transparent
}

/* hamburger visible modes */
.vayuo-site-header--nav-hamburger .vayuo-site-header__burger,
.vayuo-site-header--nav-hybrid .vayuo-site-header__burger{display:flex}
.vayuo-site-header--nav-hamburger .vayuo-site-header__bar{grid-template-columns:auto 1fr auto}
.vayuo-site-header--nav-hamburger>.vayuo-site-header__bar>.vayuo-site-header__nav{display:none}

/* Full panel system for mobile + hamburger desktop */
@media(max-width:1024px){
html.vayuo-nav-lock,body.vayuo-nav-lock{overflow:hidden!important}
.vayuo-site-header__bar{width:min(calc(100% - 24px),var(--vayuo-content-max,1440px));grid-template-columns:1fr auto;min-height:68px}
.vayuo-site-header--industrial .vayuo-site-header__bar{width:100%;min-height:72px;padding:0 16px}
.vayuo-site-header--centerline .vayuo-site-header__bar{grid-template-columns:1fr auto}
.vayuo-site-header--centerline .vayuo-site-header__brand{position:relative;left:auto;transform:none}
.vayuo-site-header__brand img{max-width:160px;height:36px}
.vayuo-site-header__cta{display:none}
.vayuo-site-header__burger{display:flex}
.vayuo-site-header__nav{display:flex!important}
}

@media(min-width:1025px){
.vayuo-site-header--nav-hamburger .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__nav{
display:flex!important
}
.vayuo-site-header--nav-hybrid:not(.is-nav-open) .vayuo-site-header__nav{display:block}
}

/* Panel activation target:
   mobile responsive, hamburger-all desktop, or hybrid while opened */
@media(max-width:1024px){
.vayuo-site-header__nav{--vayuo-panel-active:1}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__nav{--vayuo-panel-active:1}
}

/* Shared panel properties */
@media(max-width:1024px){
.vayuo-site-header__nav{
position:fixed;z-index:1002;top:0;inset-inline-start:0;width:min(88vw,440px);height:100%;
padding:18px 18px calc(22px + env(safe-area-inset-bottom,0px));
flex-direction:column;background:var(--vayuo-header-panel);color:#F4F1EB;
border-inline-end:1px solid rgba(255,255,255,.10);
visibility:hidden;overflow-y:auto;overscroll-behavior:contain
}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__nav{
position:fixed;z-index:1002;top:0;inset-inline-start:0;width:min(520px,42vw);height:100%;
padding:24px 26px 30px;flex-direction:column;background:var(--vayuo-header-panel);color:#F4F1EB;
border-inline-end:1px solid rgba(255,255,255,.10);
visibility:hidden;overflow-y:auto;overscroll-behavior:contain
}
}

/* slide panel */
@media(max-width:1024px){
.vayuo-site-header--panel-slide.vayuo-site-header--dir-rtl .vayuo-site-header__nav{transform:translateX(105%);transition:transform .52s cubic-bezier(.16,1,.3,1),visibility .52s}
.vayuo-site-header--panel-slide.vayuo-site-header--dir-ltr .vayuo-site-header__nav{transform:translateX(-105%);transition:transform .52s cubic-bezier(.16,1,.3,1),visibility .52s}
.vayuo-site-header--panel-slide.is-nav-open .vayuo-site-header__nav{transform:none;visibility:visible}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger.vayuo-site-header--panel-slide.vayuo-site-header--dir-rtl .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.vayuo-site-header--panel-slide.vayuo-site-header--dir-rtl.is-nav-open .vayuo-site-header__nav{transform:translateX(105%);transition:transform .52s cubic-bezier(.16,1,.3,1),visibility .52s}
.vayuo-site-header--nav-hamburger.vayuo-site-header--panel-slide.vayuo-site-header--dir-ltr .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.vayuo-site-header--panel-slide.vayuo-site-header--dir-ltr.is-nav-open .vayuo-site-header__nav{transform:translateX(-105%);transition:transform .52s cubic-bezier(.16,1,.3,1),visibility .52s}
.vayuo-site-header--nav-hamburger.is-nav-open .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__nav{transform:none!important;visibility:visible!important}
}

/* fade canvas */
.vayuo-site-header--panel-fade.is-nav-open .vayuo-site-header__nav{visibility:visible!important;opacity:1!important;transform:scale(1)!important}
@media(max-width:1024px){
.vayuo-site-header--panel-fade .vayuo-site-header__nav{
inset-inline:0;width:100%;max-width:none;opacity:0;transform:scale(.985);
transition:opacity .34s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility .34s
}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger.vayuo-site-header--panel-fade .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.vayuo-site-header--panel-fade.is-nav-open .vayuo-site-header__nav{
inset-inline:0;width:100%;max-width:none;opacity:0;transform:scale(.985);
transition:opacity .34s ease,transform .5s cubic-bezier(.16,1,.3,1),visibility .34s
}
}

/* clip reveal */
@media(max-width:1024px){
.vayuo-site-header--panel-clip .vayuo-site-header__nav{
clip-path:inset(0 0 0 100%);transform:none;
transition:clip-path .58s cubic-bezier(.16,1,.3,1),visibility .58s
}
.vayuo-site-header--panel-clip.vayuo-site-header--dir-ltr .vayuo-site-header__nav{clip-path:inset(0 100% 0 0)}
.vayuo-site-header--panel-clip.is-nav-open .vayuo-site-header__nav{clip-path:inset(0)!important;visibility:visible}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger.vayuo-site-header--panel-clip .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.vayuo-site-header--panel-clip.is-nav-open .vayuo-site-header__nav{
clip-path:inset(0 0 0 100%);transform:none;
transition:clip-path .58s cubic-bezier(.16,1,.3,1),visibility .58s
}
.vayuo-site-header--nav-hamburger.vayuo-site-header--panel-clip.vayuo-site-header--dir-ltr .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.vayuo-site-header--panel-clip.vayuo-site-header--dir-ltr.is-nav-open .vayuo-site-header__nav{clip-path:inset(0 100% 0 0)}
.vayuo-site-header--nav-hamburger.is-nav-open .vayuo-site-header__nav,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__nav{clip-path:inset(0)!important;visibility:visible!important}
}

/* panel content */
@media(max-width:1024px){
.vayuo-site-header__mobile-head{display:flex}
.vayuo-site-header__mobile-footer{display:grid}
.vayuo-site-header__menu-list{display:block;padding:26px 0!important}
.vayuo-site-header__menu-list>li{border-bottom:1px solid rgba(255,255,255,.09);opacity:0;transform:translateY(18px)}
.vayuo-site-header.is-nav-open .vayuo-site-header__menu-list>li{opacity:1;transform:none;transition:opacity .48s ease,transform .58s cubic-bezier(.16,1,.3,1);transition-delay:var(--vayuo-menu-delay,0ms)}
.vayuo-site-header__menu-list>li>a{min-height:64px;padding-inline-end:46px;font-size:clamp(24px,7vw,34px);line-height:1.1;font-weight:760;letter-spacing:-.035em;white-space:normal}
.vayuo-site-header__menu-list .sub-menu{position:static;min-width:0;padding:0 18px 12px!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1;visibility:visible;transform:none;display:none}
.vayuo-site-header__menu-list li.is-submenu-open>.sub-menu{display:block}
.vayuo-site-header__menu-list .sub-menu a{min-height:42px;padding:0;color:rgba(244,241,235,.60)!important;font-size:14px}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger .vayuo-site-header__mobile-head,
.vayuo-site-header--nav-hamburger .vayuo-site-header__mobile-footer,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__mobile-head,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__mobile-footer{display:flex}
.vayuo-site-header--nav-hamburger .vayuo-site-header__mobile-footer,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__mobile-footer{display:grid}
.vayuo-site-header--nav-hamburger .vayuo-site-header__menu-list,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list{display:block;padding:30px 0!important}
.vayuo-site-header--nav-hamburger .vayuo-site-header__menu-list>li,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list>li{
border-bottom:1px solid rgba(255,255,255,.09);opacity:0;transform:translateY(22px)
}
.vayuo-site-header--nav-hamburger.is-nav-open .vayuo-site-header__menu-list>li,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list>li{
opacity:1;transform:none;transition:opacity .48s ease,transform .62s cubic-bezier(.16,1,.3,1);transition-delay:var(--vayuo-menu-delay,0ms)
}
.vayuo-site-header--nav-hamburger .vayuo-site-header__menu-list>li>a,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list>li>a{
min-height:72px;padding-inline-end:48px;font-size:clamp(30px,3.1vw,48px);line-height:1.05;font-weight:770;letter-spacing:-.045em;white-space:normal
}
.vayuo-site-header--nav-hamburger .vayuo-site-header__menu-list .sub-menu,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list .sub-menu{
position:static;min-width:0;padding:0 20px 14px!important;background:transparent!important;border:0!important;box-shadow:none!important;opacity:1;visibility:visible;transform:none;display:none
}
.vayuo-site-header--nav-hamburger .vayuo-site-header__menu-list li.is-submenu-open>.sub-menu,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list li.is-submenu-open>.sub-menu{display:block}
.vayuo-site-header--nav-hamburger .vayuo-site-header__menu-list .sub-menu a,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__menu-list .sub-menu a{min-height:42px;padding:0;color:rgba(244,241,235,.60)!important;font-size:14px}
}

/* shared panel UI */
.vayuo-site-header__mobile-head{
align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding-bottom:16px;
border-bottom:1px solid rgba(255,255,255,.10);font:700 9px/1 Arial;letter-spacing:.15em;color:rgba(244,241,235,.54)
}
.vayuo-site-header__close{
width:44px;height:44px;border:1px solid rgba(255,255,255,.15);background:transparent;position:relative;color:#fff;cursor:pointer
}
.vayuo-site-header__close span{position:absolute;left:50%;top:50%;width:17px;height:1px;background:currentColor}
.vayuo-site-header__close span:first-child{transform:translate(-50%,-50%) rotate(45deg)}
.vayuo-site-header__close span:last-child{transform:translate(-50%,-50%) rotate(-45deg)}
.vayuo-site-header__submenu-toggle{
place-items:center;position:absolute;inset-inline-end:0;top:10px;width:44px;height:44px;
border:0;background:transparent;color:#fff;cursor:pointer;font-size:20px
}
.vayuo-site-header__submenu-toggle span{transition:transform .22s ease}
.vayuo-site-header__menu-list li.is-submenu-open>.vayuo-site-header__submenu-toggle span{transform:rotate(45deg)}
.vayuo-site-header__mobile-footer{
gap:16px;margin-top:auto;padding-top:18px;border-top:1px solid rgba(255,255,255,.10);
font:700 8px/1 Arial;letter-spacing:.12em;color:rgba(244,241,235,.35)
}
.vayuo-site-header__mobile-cta{
min-height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;
background:var(--vayuo-header-accent);color:#fff;text-decoration:none;font-family:inherit;font-size:13px;letter-spacing:0
}
.vayuo-site-header__backdrop{
position:fixed;z-index:1001;inset:0;width:100%;height:100%;padding:0;border:0;
background:rgba(0,0,0,.55);backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;
transition:opacity .3s ease,visibility .3s
}
.vayuo-site-header.is-nav-open .vayuo-site-header__backdrop{display:block;opacity:1;visibility:visible;pointer-events:auto}

/* show backdrop when panel-capable */
@media(max-width:1024px){.vayuo-site-header__backdrop{display:block}}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger .vayuo-site-header__backdrop,
.vayuo-site-header--nav-hybrid .vayuo-site-header__backdrop{display:block}
}


@media(max-width:1024px){
.vayuo-site-header__submenu-toggle{display:grid}
}
@media(min-width:1025px){
.vayuo-site-header--nav-hamburger .vayuo-site-header__submenu-toggle,
.vayuo-site-header--nav-hybrid.is-nav-open .vayuo-site-header__submenu-toggle{display:grid}
}

/* LTR/RTL alignment */
.vayuo-site-header--dir-ltr .vayuo-site-header__menu-list,
.vayuo-site-header--dir-ltr .vayuo-site-header__nav{text-align:left}
.vayuo-site-header--dir-rtl .vayuo-site-header__menu-list,
.vayuo-site-header--dir-rtl .vayuo-site-header__nav{text-align:right}

@media(max-width:480px){
.vayuo-site-header--glass{padding:8px 0}
.vayuo-site-header--glass .vayuo-site-header__bar{padding:0 12px}
.vayuo-site-header__nav{width:100%}
}

@media(prefers-reduced-motion:reduce){
.vayuo-site-header,.vayuo-site-header__nav,.vayuo-site-header__backdrop,
.vayuo-site-header__burger span,.vayuo-site-header__menu-list>li,.vayuo-site-header__theme-icon{transition:none!important}
}


/* =========================================================
   VAYUO 1.2 — HEADER MOBILE BAR PRESETS
   ========================================================= */
@media (max-width: 1024px) {
	/* 01 Compact Bar = current default. */

	/* 02 Centered Brand */
	.vayuo-site-header--mobilebar-centered .vayuo-site-header__bar {
		display: flex;
		justify-content: flex-end;
		position: relative;
	}
	.vayuo-site-header--mobilebar-centered .vayuo-site-header__brand {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width: 54%;
	}
	.vayuo-site-header--mobilebar-centered.vayuo-site-header--dir-rtl .vayuo-site-header__brand,
	.vayuo-site-header--mobilebar-centered.vayuo-site-header--dir-ltr .vayuo-site-header__brand {
		left: 50%;
		right: auto;
	}
	.vayuo-site-header--mobilebar-centered .vayuo-site-header__actions {
		margin-inline-start: auto;
	}
	.vayuo-site-header--mobilebar-centered .vayuo-site-header__brand img {
		max-width: 138px;
		height: 34px;
	}

	/* 03 Floating Dock */
	.vayuo-site-header--mobilebar-floating {
		padding: 8px 0;
		background: transparent !important;
		border: 0 !important;
	}
	.vayuo-site-header--mobilebar-floating .vayuo-site-header__bar {
		width: calc(100% - 16px);
		min-height: 62px;
		padding: 0 10px 0 14px;
		border: 1px solid rgba(255,255,255,.13);
		border-radius: 12px;
		background: rgba(13,14,15,.82);
		color: #F4F1EB;
		backdrop-filter: blur(18px);
		-webkit-backdrop-filter: blur(18px);
		box-shadow: 0 12px 40px rgba(0,0,0,.12);
	}
	.vayuo-site-header--mobilebar-floating .vayuo-site-header__theme-toggle,
	.vayuo-site-header--mobilebar-floating .vayuo-site-header__burger {
		width: 42px;
		height: 42px;
	}
	.vayuo-site-header--mobilebar-floating .vayuo-site-header__brand img {
		height: 32px;
		max-width: 145px;
	}
}
