/* Shared optical navigation. Refraction affects the backdrop, never the type. */
html #siteGlass{
 --glass-depth:0;--glass-darkness:0%;--glass-ink:0%;--glass-ink-edge:0;
 --glass-light-alpha:.48;--glass-dark-alpha:.43;
 --glass-text:color-mix(in srgb,#142f25,#f7f4ef var(--glass-ink));
 --glass-subtle:color-mix(in srgb,#355744,#e9cf8d var(--glass-ink));
 --glass-tint:color-mix(in srgb,rgb(247 244 239 / var(--glass-light-alpha)),rgb(9 31 24 / var(--glass-dark-alpha)) var(--glass-darkness));
 --glass-brightness:calc(1.06 - var(--glass-depth)*.24);
 position:relative;isolation:isolate;overflow:visible;border-radius:28px;
 border:1px solid rgb(255 255 255 / calc(.42 - var(--glass-depth)*.25));color:var(--glass-text);
 background:var(--glass-tint);
 -webkit-backdrop-filter:blur(14px) saturate(1.35) brightness(var(--glass-brightness));
 backdrop-filter:blur(14px) saturate(1.35) brightness(var(--glass-brightness));
 box-shadow:inset 0 1px 0 rgb(255 255 255 / calc(.22 - var(--glass-depth)*.09)),
  inset 0 -1px 0 rgb(8 22 16 / calc(.09 + var(--glass-depth)*.09)),
  0 8px 28px -9px rgb(8 30 21 / calc(.22 + var(--glass-depth)*.12)),
  0 2px 5px rgb(8 30 21 / calc(.06 + var(--glass-depth)*.06));
 transition:none;
}
/* Initial/no-script tone. The scroll sampler continuously overrides only these
   values, so the material, rim, type and controls never swap theme classes. */
html #siteGlass[data-glass-tone="dark"]{
 --glass-depth:1;--glass-darkness:100%;--glass-ink:100%;
}
/* Even glass: all variation comes from the scene behind the navigation.
   Explicitly disable the old spotlight and directional rim on every page. */
html #siteGlass::before,html #siteGlass::after{content:none;display:none}
html #siteGlass>*{position:relative;z-index:2}
html #siteGlass .nav-links,
html #siteGlass .nav-links>a,
html #siteGlass .nav-peek>a,
html #siteGlass .top-back,
html #siteGlass .head>a:last-child,
html #siteGlass .top-status{color:var(--glass-text)}
html #siteGlass .nav-links>a,
html #siteGlass .nav-peek>a,
html #siteGlass .top-back,
html #siteGlass .head>a:last-child,
html #siteGlass .top-status{
 text-shadow:0 1px 1px rgb(9 31 24 / var(--glass-ink-edge));
 transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
html #siteGlass .nav-li,
html #siteGlass .top-li,
html #siteGlass .top-status b{color:var(--glass-subtle)}
html #siteGlass .nav-li,html #siteGlass .top-li{
 transition:background-color .2s ease,border-color .2s ease,transform .2s ease;
}
html #siteGlass .nav-li svg,html #siteGlass .top-li svg{
 fill:currentColor;opacity:.9;
 filter:drop-shadow(0 1px 1px rgb(9 31 24 / var(--glass-ink-edge)));
}
html #siteGlass .nav-links>a:hover,
html #siteGlass .top-back:hover,
html #siteGlass .head>a:last-child:hover{
 color:var(--glass-text);background:rgba(255,255,255,.13);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 2px 6px rgba(8,30,21,.04);
}
html #siteGlass .top-back,
html #siteGlass .head>a:last-child{padding:10px 12px;border-radius:18px;text-decoration:none}
html #siteGlass .nav-actions .btn.small{
 border:1px solid color-mix(in srgb,rgba(255,255,255,.18),rgba(233,207,141,.42) var(--glass-darkness));border-radius:17px;
 background:linear-gradient(120deg,
  color-mix(in srgb,rgba(62,104,80,.95),rgba(255,255,255,.13) var(--glass-darkness)),
  color-mix(in srgb,rgba(22,58,40,.95),rgba(255,255,255,.05) var(--glass-darkness)));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 2px 6px rgba(0,0,0,.1);
 color:var(--ivory);
}
html #siteGlass .menu-toggle{
 border-radius:15px;border-color:rgba(255,255,255,.35);background:rgba(255,255,255,.1);
 color:var(--glass-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.23);
}
html #siteGlass .nav-brand img,
html #siteGlass .top-in img,
html #siteGlass .head img{filter:url(#yaveraBrandPalette);opacity:1}
html #siteGlass[data-glass-tone="dark"] .nav-brand img,
html #siteGlass[data-glass-tone="dark"] .top-in img,
html #siteGlass[data-glass-tone="dark"] .head img{filter:brightness(0) invert(1)}
html #siteGlass[data-glass-blend="on"] .nav-brand img,
html #siteGlass[data-glass-blend="on"] .top-in img,
html #siteGlass[data-glass-blend="on"] .head img{
 filter:url(#yaveraGlassLogo) drop-shadow(0 1px 1px rgb(9 31 24 / var(--glass-ink-edge)));
}
html #siteGlass :focus-visible{
 outline:2px solid color-mix(in srgb,var(--gold-ink),var(--gold-light) var(--glass-ink));outline-offset:4px;
}
/* All page headers share the same floating silhouette and reachable controls. */
html #siteGlass.top,
html #siteGlass.document-top{
 position:fixed;z-index:100;inset:12px 0 auto;width:min(1240px,calc(100% - 28px));
 margin-inline:auto;height:74px;
}
html #siteGlass .top-in,
html #siteGlass .head{width:100%;max-width:none;height:100%;padding-inline:24px;margin:0;box-sizing:border-box}
html #siteGlass .head{display:flex;align-items:center;justify-content:space-between;gap:16px}
html #siteGlass .head img{display:block;width:132px;height:auto}
html #siteGlass .head>a:last-child{font:600 11px/1.5 var(--sans,system-ui,sans-serif);letter-spacing:.09em;text-transform:uppercase;white-space:nowrap}
html #siteGlass .top-thread{
 position:absolute;z-index:3;left:0;bottom:0;max-width:100%;border-radius:0 0 28px 28px;
 height:2px;box-shadow:none;clip-path:inset(0 20px round 2px);
}
html.privacy-page body{padding-top:98px}
html.not-found-page body{padding-top:126px}
.glass-optics{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
/* Chromium can bend sampled pixels at the rim. Other engines keep the same
   layered glass and native blur without relying on SVG backdrop support. */
@supports(backdrop-filter:url(#yaveraMenuLens)){
 @media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html #siteGlass[data-glass-refraction="on"]{
   backdrop-filter:blur(10px) saturate(1.35) brightness(var(--glass-brightness)) url(#yaveraMenuLens);
  }
 }
}
@media(max-width:860px){
 html #siteGlass{border-radius:23px}
 html #siteGlass .nav-links{
  position:absolute;z-index:5;inset:calc(100% + 10px) 0 auto;padding:10px;
  margin:0;border-radius:23px;border:1px solid rgba(255,255,255,.65);
  background:linear-gradient(125deg,rgba(255,255,255,.88),rgba(247,244,239,.94));
  -webkit-backdrop-filter:blur(22px) saturate(1.2);backdrop-filter:blur(22px) saturate(1.2);
  box-shadow:inset 0 1px 0 #fff,0 12px 35px rgba(8,30,21,.18);
 }
 html #siteGlass .nav-links>a{color:var(--green-dark);border-radius:15px;text-shadow:none}
 html #siteGlass .nav-links>a:hover{color:var(--green-dark);background:rgba(36,75,61,.06)}
 html #siteGlass .nav-links :focus-visible{outline-color:var(--gold-ink)}
}
@media(max-width:760px){
 html #siteGlass.top,html #siteGlass.document-top{inset:max(10px,env(safe-area-inset-top)) 0 auto;width:calc(100% - 24px);height:64px}
 html #siteGlass .top-in,html #siteGlass .head{padding-inline:16px;gap:10px}
 html #siteGlass .top-in img,html #siteGlass .head img{width:105px;height:auto}
 html #siteGlass .top-back,html #siteGlass .head>a:last-child{font-size:9px;letter-spacing:.035em;padding:9px 8px}
 html #siteGlass .nav-actions .btn.small{border-radius:14px}
 html #siteGlass{backdrop-filter:blur(13px) saturate(1.25);-webkit-backdrop-filter:blur(13px) saturate(1.25)}
 html #siteGlass{--glass-dark-alpha:.6}
}
@media(prefers-reduced-motion:reduce){html #siteGlass,html #siteGlass::before,html #siteGlass::after{transition:none}}
@media(prefers-reduced-transparency:reduce){
 html #siteGlass,html #siteGlass[data-glass-refraction="on"]{
  --glass-light-alpha:.97;--glass-dark-alpha:.97;backdrop-filter:none;-webkit-backdrop-filter:none;
 }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 html #siteGlass{--glass-light-alpha:.97;--glass-dark-alpha:.97}
}