/* A floating REKIP capsule, with a readable fallback without backdrop-filter. */
.site-header,.page-header.wrap{
  position:sticky;top:14px;z-index:20;
  width:calc(100% - 48px);max-width:1440px;
  height:80px;min-height:80px;margin:14px auto 8px;
  padding:10px 16px 10px 28px;gap:26px;
  border:1px solid #d4e4de;border-radius:999px;
  background:rgba(236,246,240,.96);
  box-shadow:0 8px 30px #022d3310,inset 0 1px 0 #ffffffb3;
  transition:background-color .3s ease,box-shadow .25s ease,border-color .25s ease;
}
@supports(backdrop-filter:blur(18px)){
  .site-header,.page-header.wrap{background:rgba(236,246,240,.64);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
  .site-header.scrolled,.page-header.scrolled{background:rgba(236,246,240,.30);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
}
.site-header.scrolled,.page-header.scrolled{border-color:#bfd7cc;box-shadow:0 10px 32px #022d331c,inset 0 1px 0 #ffffffb3}
/* No individual backing behind the logo or links: one continuous glass surface. */
.site-header .brand,.page-header .brand{width:150px}
.site-header .desktop-nav{gap:28px;font-size:13px}
.site-header .nav-actions{gap:22px}
.site-header .account-entry,.page-header .account-entry{
  min-width:152px;min-height:56px;padding:11px 24px;
  border-radius:999px;background:var(--green);color:var(--petrol);
  border:1px solid transparent;box-shadow:none;
}
.site-header .account-entry>small,.page-header .account-entry>small{color:var(--petrol)}
.site-header .account-entry:hover,.page-header .account-entry:hover{background:#37d390;transform:none}
@media(max-width:1180px){.site-header .desktop-nav{gap:20px;font-size:12px}.site-header,.page-header.wrap{gap:20px}}
@media(max-width:900px){.site-header,.page-header.wrap{width:calc(100% - 28px);top:10px;margin-top:10px;height:74px;min-height:74px;padding:9px 12px 9px 22px}.site-header .nav-actions{gap:10px}}
@media(max-width:600px){
  .site-header,.page-header.wrap{width:calc(100% - 16px);top:8px;margin:8px auto;height:66px;min-height:66px;padding:8px 9px 8px 14px;gap:6px}
  .site-header .brand,.page-header .brand{width:100px}
  .site-header .nav-actions{gap:4px}
  .site-header .account-entry,.page-header .account-entry{min-width:104px;min-height:46px;padding:8px 12px;border-radius:999px}
  .site-header .menu-button{width:38px;height:42px;padding:8px}
  .site-header .menu-button span{width:22px}
}
@media(prefers-reduced-motion:reduce){.site-header,.page-header.wrap{transition:none}}