/* Shared navigation: /sites changes the header palette without changing its layout.
   Theme transitions are enabled only on the outgoing page, never on page load. */
.site-header{--header-bg:rgba(245,248,242,.94);--header-line:rgba(13,47,30,.08);--nav-surface:#fff;--nav-line:#dce7d6;--nav-text:#415748;--nav-hover:#2e590d;--nav-pill:#0d2f1e;--nav-selected:#fff;--header-cta:#0d2f1e;--header-cta-text:#fff;background:var(--header-bg);border-color:var(--header-line)}
.header-inner{gap:20px}
.brand{position:relative;display:block;flex:0 0 190px;width:190px;height:54px}
.brand img{position:absolute;left:0;top:50%;width:190px;height:auto;max-height:54px;object-fit:contain;transform:translateY(-50%);transform-origin:left center}
.brand .brand-logo--color{opacity:1}
.brand .brand-logo--white{width:190px;opacity:0}
.site-nav{background:var(--nav-surface);border-color:var(--nav-line)}
.site-nav::before{background:var(--nav-pill)}
.site-nav .nav-link{color:var(--nav-text)}
.site-nav .nav-link.is-active{background:var(--nav-pill);color:var(--nav-selected)}
.site-nav[data-pill-ready] .nav-link.is-active,.site-nav[data-pill-ready] .nav-link.is-active:hover{background:transparent;color:var(--nav-selected)}
.site-nav[data-pill-ready] .nav-link:not(.is-active):hover{color:var(--nav-hover)}
.header-actions .button{background:var(--header-cta);color:var(--header-cta-text)}
.header-actions .button:hover{background:var(--header-cta);filter:brightness(1.08)}
.menu-button{background:var(--nav-surface);border-color:var(--nav-line);color:var(--nav-text)}

body[data-header-theme="studio"] .site-header{--header-bg:rgba(9,19,14,.96);--header-line:rgba(184,238,112,.15);--nav-surface:#17221b;--nav-line:#2c3b30;--nav-text:#ccd8cb;--nav-hover:#d8ffa8;--nav-pill:#b8ee70;--nav-selected:#112313;--header-cta:#b8ee70;--header-cta-text:#112313;box-shadow:0 10px 40px rgba(0,0,0,.12)}
body[data-header-theme="studio"] .brand-logo--color{opacity:0}
body[data-header-theme="studio"] .brand-logo--white{opacity:1}
body[data-header-theme="studio"] .site-nav{border-radius:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
body[data-header-theme="studio"] .site-nav::before,body[data-header-theme="studio"] .site-nav .nav-link{border-radius:15px}
body[data-header-theme="studio"] .nav-link:hover,body[data-header-theme="studio"] .nav-link:focus-visible{background:rgba(184,238,112,.06);color:#d8ffa8}
body[data-header-theme="studio"] .menu-button:hover,body[data-header-theme="studio"] .menu-button[aria-expanded="true"]{background:#243820;border-color:#527e36;color:#d8ffa8}
body[data-header-theme="studio"] .site-header :focus-visible{outline-color:#b8ee70}

body[data-header-transition] .site-header{transition:background-color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),box-shadow .42s cubic-bezier(.22,1,.36,1)}
body[data-header-transition] .site-nav,body[data-header-transition] .menu-button{transition:background-color .42s cubic-bezier(.22,1,.36,1),border-color .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1)}
body[data-header-transition] .brand img{transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .42s cubic-bezier(.22,1,.36,1)}
body[data-header-transition] .header-actions .button{transition:background-color .42s cubic-bezier(.22,1,.36,1),color .42s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1.18,.36,1)}
body[data-header-transition] .site-nav[data-nav-animating]::before{transition:transform var(--nav-duration) cubic-bezier(.22,1,.36,1),width var(--nav-duration) cubic-bezier(.22,1,.36,1),height var(--nav-duration) cubic-bezier(.22,1,.36,1),background-color .42s cubic-bezier(.22,1,.36,1),border-radius .42s cubic-bezier(.22,1,.36,1)}
body[data-page-leaving]{transition:background-color .42s cubic-bezier(.22,1,.36,1)}
body[data-page-leaving][data-header-theme="studio"]{background-color:#09130e}
body[data-page-leaving][data-header-theme="standard"]{background-color:#f5f8f2}
body[data-page-leaving] main{opacity:.2;transition:opacity .42s cubic-bezier(.22,1,.36,1)}

@media(max-width:1100px) and (min-width:821px){.site-nav{gap:3px}.site-nav .nav-link{padding-inline:12px}.header-inner{gap:15px}}
@media(max-width:820px){
  .site-nav{background:var(--nav-surface)}
  body[data-header-theme="studio"] .site-nav{box-shadow:0 22px 42px rgba(0,0,0,.3)}
}
@media(max-width:600px){
  .brand{width:155px;flex-basis:155px;height:46px}
  .brand img{width:155px;max-height:46px}
  .brand .brand-logo--white{width:155px}
}
@media(prefers-reduced-motion:reduce){
  body[data-page-leaving],body[data-header-transition] .site-header,body[data-header-transition] .site-nav,body[data-header-transition] .site-nav::before,body[data-header-transition] .brand img,body[data-header-transition] .header-actions .button,body[data-header-transition] .menu-button,body[data-page-leaving] main{transition:none!important}
}