.site-header { background:#ffffffef; border-bottom-color:transparent; height:84px; }
.site-header .header-inner { transition:background 240ms,box-shadow 240ms,border-radius 240ms; }
.site-header.has-scrolled { background:transparent; border-bottom-color:transparent; }
.site-header.has-scrolled .header-inner { height:64px; margin-top:10px; padding-inline:20px; background:#ffffffed; border:1px solid #ece8de; border-radius:14px; box-shadow:0 7px 18px #20201d15; }
.site-header .brand-name { font-size:14px; letter-spacing:2.4px; }
.site-header .brand-mark { width:40px; height:40px; }
.site-header .brand-mark img { width:34px; height:34px; }
.site-header nav .nav-cta { border-radius:8px; font-size:12px; }
.site-header nav>a::after { display:none; }
@media(max-width:860px){.site-header{height:78px}.site-header.has-scrolled .header-inner{height:58px;margin-top:10px}.site-header.has-scrolled nav{top:67px}}
@media(prefers-reduced-motion:reduce){.site-header .header-inner{transition:none}}
@media(max-width:1150px){.site-header.has-scrolled .header-inner{padding-inline:14px}.site-header nav{gap:16px}}
@media(max-width:900px){.site-header.has-scrolled .brand-name{font-size:12px;letter-spacing:1.6px}}
.reduce-motion .site-header .header-inner{transition:none}