/* Shared public navigation. Match the top and side gutters on every page. */
body .site-header,body.home .site-header{inset:20px 20px auto;width:calc(100% - 40px);max-width:none;margin-inline:0;height:58px;padding:0 20px 0 0;border:1px solid #ffd000;border-radius:10px;background:#ffd000;color:#101010;box-shadow:0 8px 28px #0004;backdrop-filter:none;-webkit-backdrop-filter:none}
body .site-header .brand{width:132px;min-width:132px;height:56px;align-self:center;margin:0;border-radius:10px 0 0 10px;background:transparent}
body .site-header .brand img{width:108px;height:auto;max-height:48px}
body .site-nav{gap:clamp(20px,2.4vw,38px);font-size:13px;color:#101010}
body .site-nav a{color:#101010;font-weight:800}
body .site-nav a:not(.nav-cta):after{background:#101010}
body .site-nav .nav-cta{padding:8px 14px;background:#101010;color:#ffd000;border-color:#101010}
body .site-nav .nav-cta:hover{background:#292929}
body .menu-toggle span{background:#101010}
body .menu-toggle:focus-visible,body .site-nav a:focus-visible{outline:2px solid #101010;outline-offset:4px}
@media(max-width:760px){
 body .site-header,body.home .site-header{inset:14px 14px auto;width:calc(100% - 28px);height:54px;padding-right:8px}
 body .site-header .brand{height:52px;width:122px;min-width:122px}
 body .site-header .brand img{width:98px;max-height:46px}
 /* The unfiltered parent leaves this fixed panel relative to the viewport, including Safari. */
 body .site-nav,body.home .site-nav{position:fixed;inset:78px 14px auto;width:calc(100% - 28px);height:auto;max-height:calc(100dvh - 94px);padding:18px 22px 24px;gap:0;align-items:stretch;background:#ffd000;color:#101010;border:1px solid #c9a500;border-radius:10px;box-shadow:0 8px 28px #0004;transform:translateY(-8px);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;transition:opacity .2s,transform .2s,visibility .2s}
 body .site-nav.open,body.home .site-nav.open{transform:none;opacity:1;visibility:visible;pointer-events:auto}
 body .site-nav a{color:#101010;min-height:48px;padding:14px 0;border-bottom:1px solid #10101026;font-size:17px}
 body .site-nav .nav-cta{margin-top:16px;padding:13px 16px;color:#ffd000;border:1px solid #101010}
}
@media(prefers-reduced-motion:reduce){body .site-nav,body.home .site-nav{transition:none}}

/* Yellow glass: put the filter on a decorative layer, never on the header.
   This keeps the mobile fixed navigation anchored to the viewport in Safari. */
body .site-header,body.home .site-header{background:transparent;border-color:rgba(255,235,127,.6);box-shadow:0 8px 28px #0003,inset 0 1px 0 #fff8;backdrop-filter:none;-webkit-backdrop-filter:none}
body .site-header::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;background:#ffd000}
body .site-header::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(180deg,#fff6 0,transparent 5px,transparent calc(100% - 5px),#ffeb5480),linear-gradient(115deg,#fff2,transparent 18%,transparent 85%,#fff2);box-shadow:inset 0 1px 0 #fffC,inset 1px 0 0 #fff5,inset 0 -1px 0 #fff6}
body .site-header .brand,body.home .site-header .brand{background:transparent}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 body .site-header::before{background:linear-gradient(110deg,rgba(255,216,0,.94),rgba(255,222,0,.84) 45%,rgba(255,208,0,.92));backdrop-filter:blur(6px) saturate(200%);-webkit-backdrop-filter:blur(6px) saturate(200%)}
}
html.liquid-refraction body .site-header::before{backdrop-filter:var(--lealta-glass-filter);-webkit-backdrop-filter:var(--lealta-glass-filter)}
@media(prefers-reduced-transparency:reduce){body .site-header::before{background:#ffd000;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-reduced-transparency:reduce){html.liquid-refraction body .site-header::before{backdrop-filter:none;-webkit-backdrop-filter:none}}