/* Floating frosted header: screenshot geometry, existing orange brand and controls. */
.site-header{
  position:sticky;
  top:16px;
  z-index:40;
  width:calc(100% - 72px);
  max-width:1180px;
  height:52px;
  margin:16px auto 0;
  border:1px solid rgba(255,255,255,.92);
  border-radius:18px;
  background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 16px 44px rgba(82,53,43,.08),inset 0 1px 0 rgba(255,255,255,.9);
}
.site-header .header-inner{
  width:100%;
  padding:0 36px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  gap:24px;
}
.site-header .brand{justify-self:start}
.site-header .brand-logo{width:30px;height:30px;object-fit:contain}
.site-header .brand-name{font-size:26px;line-height:1}
.site-header .main-nav{margin:0;gap:40px}
.site-header .header-actions{justify-self:end;gap:24px}
.site-header .header-actions .button{height:32px;min-height:32px;min-width:80px;padding:0 14px;font-size:14px}
.site-header .main-nav a{font-size:16px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .site-header{background:rgba(255,255,255,.96)}
}
@media(max-width:1000px){
  .site-header{width:calc(100% - 48px)}
  .site-header .header-inner{padding:0 24px;gap:20px}
  .site-header .main-nav{gap:24px}
}
@media(max-width:720px){
  .site-header{top:8px;width:calc(100% - 24px);height:52px;margin-top:8px;border-radius:18px}
  .site-header .header-inner{display:flex;padding:0 16px;gap:12px}
  .site-header .header-actions{margin-left:auto;gap:0}
  .site-header .header-actions .button{min-width:72px;min-height:32px;padding:0 12px}
  .site-header .main-nav{top:52px}
  .site-header .menu-toggle{flex:none;width:36px;padding:6px}
}