/* Youth's Online v2.4 — airy transparent header inspired by the user-approved reference. */
.site-header{
  position:sticky;top:0;z-index:40;
  background:linear-gradient(118deg,rgba(207,232,255,.39),rgba(250,251,255,.23) 45%,rgba(193,244,246,.35))!important;
  border-bottom:1px solid rgba(255,255,255,.65);
  box-shadow:0 7px 25px rgba(10,48,90,.075),inset 0 1px 0 rgba(255,255,255,.70);
  -webkit-backdrop-filter:blur(21px) saturate(165%);
  backdrop-filter:blur(21px) saturate(165%);
}
.site-header::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(105deg,rgba(255,255,255,.27),transparent 34%,rgba(71,202,236,.08) 70%,rgba(255,255,255,.18));}
.site-header .navrow{position:relative;z-index:1;min-height:76px;}
.site-header .brand{display:inline-flex;align-items:center;justify-content:center;min-width:110px;max-width:190px;border-radius:18px;padding:3px 6px;isolation:isolate;background:rgba(255,255,255,.10);transition:transform .22s ease,background .22s ease;}
.site-header .brand:hover{transform:translateY(-1px);background:rgba(255,255,255,.22)}
.site-header .brand .real-brand-logo{display:block;width:clamp(114px,9.5vw,160px);height:auto;max-height:65px;object-fit:contain;filter:drop-shadow(0 4px 5px rgba(10,51,97,.12));}
.site-header .brand .logo-wrap{display:block;background:transparent;border:0;box-shadow:none;}
.site-header .brand .uploaded-logo{display:block;max-width:154px;max-height:61px;width:auto;height:auto;object-fit:contain;}
/* Frosted menu capsule; no solid white strip behind it. */
.site-header .navlinks:not(.open){background:rgba(239,248,255,.32)!important;border:1px solid rgba(255,255,255,.79)!important;box-shadow:0 8px 23px rgba(10,58,104,.09),inset 0 1px 1px rgba(255,255,255,.78)!important;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);}
.site-header .nav-cta{box-shadow:0 9px 22px rgba(4,113,56,.16)}
@media(max-width:1080px){
 .site-header .navrow{min-height:68px}
 .site-header .navlinks.open{background:rgba(244,250,255,.97)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid rgba(197,221,243,.85);}
 .site-header .brand .real-brand-logo{width:120px;max-height:56px;}
}
@media(max-width:600px){
 .site-header .navrow{min-height:62px}
 .site-header .brand{padding:2px 4px;min-width:0}
 .site-header .brand .real-brand-logo{width:110px;max-height:50px}
}
@media(prefers-reduced-transparency:reduce){.site-header{background:#e9f4fe!important}.site-header .navlinks:not(.open){background:#eef7ff!important}}
@media(prefers-reduced-motion:reduce){.site-header .brand{transition:none}.site-header .brand:hover{transform:none}}