/* Edge refraction is isolated behind the live, sharp navigation. The bar itself
   must NOT establish a backdrop-filter root, otherwise its child sees a blur. */
.site-header.header-glass {
  top:16px; left:clamp(16px,3vw,58px); right:clamp(16px,3vw,58px);
  height:82px; padding:0 25px; gap:24px; border-radius:24px;
  border:0; color:#173f35; background:transparent;
  -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none;
  isolation:auto;
  --header-tint-rgb:250,252,247; --header-tint-alpha:.18;
  transition:color .24s ease;
}
.site-header.header-glass.scrolled {
  background:transparent; border-color:transparent;
  -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none;
}
.site-header.header-glass::before,.site-header.header-glass::after {content:none}
.header-glass>.brand,.header-glass>nav,.header-glass>.header-contact,.header-glass>.menu-button {position:relative;z-index:2}
.header-glass-surface {
  position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:rgba(var(--header-tint-rgb),var(--header-tint-alpha));
  -webkit-backdrop-filter:blur(24px) saturate(1.8);backdrop-filter:blur(24px) saturate(1.8);
  border:0;box-shadow:none;
  opacity:1;
}
.header-glass[data-liquid-glass=true] .header-glass-surface {
  /* Accepted v6 optics: same 16px map, displacement56 and optical blur1.5.
     Only two soft glints remain; no stroke, full contour or inset edge line. */
  background:radial-gradient(ellipse 145px 11px at 17% 0,rgba(255,255,255,.12),transparent 85%),radial-gradient(ellipse 120px 14px at 84% 100%,rgba(255,255,255,.075),transparent 85%),rgba(var(--header-tint-rgb),var(--header-tint-alpha));
  -webkit-backdrop-filter:var(--header-refraction) blur(1.5px) saturate(1.8) brightness(1.04);
  backdrop-filter:var(--header-refraction) blur(1.5px) saturate(1.8) brightness(1.04);
  border:0;box-shadow:none;
}
.header-glass[data-glass-tone=dark] {color:#f1f7eb}
.header-glass[data-glass-tone=dark] .header-contact {background:#edf5e4;color:#173f35}
.header-glass .menu-button span {background:currentColor}
.header-glass[data-glass-tone=dark] nav a:after {background:#d4e9bd}
.header-glass .brand-type small {color:inherit}
.header-glass-defs {position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.header-scroll-progress {position:absolute;z-index:3;left:24px;right:24px;bottom:3px;height:1.5px;overflow:hidden;border-radius:2px;pointer-events:none}
.header-scroll-progress i {position:absolute;inset:0;display:block;background:currentColor;opacity:.6;transform:scaleX(0);transform-origin:left}
.header-glass .brand {gap:10px}
.header-glass .brand-type {font-size:21px}
.header-glass .brand-type small {font-size:11px;letter-spacing:0;line-height:1.2;margin-top:4px}
.header-glass .brand-symbol {width:39px;height:46px;overflow:visible;mix-blend-mode:normal}
.header-glass .brand-symbol img {position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;left:auto;top:auto}
.header-glass nav {gap:24px;font-size:14.5px;font-weight:450;white-space:nowrap}
.header-glass .header-contact {font-size:14px;padding:13px 18px;gap:20px;white-space:nowrap;box-shadow:none}
.header-glass .header-contact svg {width:18px;height:18px}
.header-experience:not(.header-experience-open) .site-header {opacity:0}
.header-experience .loader.header-loader {
  display:block; overflow:hidden; background:transparent; opacity:1;visibility:visible;
  pointer-events:auto; transition:none;
}
.header-experience .loader.header-loader[hidden] {display:none!important}
.header-loader-veil {position:absolute;inset:0;background:#f6f8f4}
.header-loader-veil::before {
  content:'';position:absolute;width:70vmin;height:70vmin;left:50%;top:50%;transform:translate(-50%,-50%);
  background:radial-gradient(ellipse,rgba(214,230,208,.44),rgba(235,243,230,.13) 43%,transparent 70%);
}
.header-loader-dock {
  position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);
  width:min(350px,calc(100vw - 44px));height:101px;border-radius:30px;
  border:1px solid rgba(255,255,255,.95);background:rgba(239,246,234,.55);
  box-shadow:inset 0 1px 1px white,inset 0 -1px 1px rgba(23,63,53,.1),0 13px 56px rgba(23,63,53,.075);
  -webkit-backdrop-filter:blur(22px) saturate(1.3);backdrop-filter:blur(22px) saturate(1.3);
}
.header-loader-dock::before {content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,rgba(255,255,255,.56),transparent 45%,rgba(185,214,180,.14))}
.header-loader-brand {position:absolute;left:27px;top:18px;gap:10px;white-space:nowrap}
.header-loader-brand .brand-type {font-size:21px}
.header-loader-brand .brand-type small {font-size:11px;letter-spacing:0;line-height:1.2;margin-top:4px}
.header-loader-brand .brand-symbol {width:39px;height:46px;overflow:visible;mix-blend-mode:normal}
.header-loader-brand .brand-symbol img {position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;left:auto;top:auto}
.header-loader-trace {position:absolute;left:28px;right:28px;bottom:18px;height:1px;background:rgba(103,143,85,.19);overflow:visible}
.header-loader-trace i {position:absolute;inset:0;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#9fbc8d,#588a42);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.header-loader-trace i::after {content:'';position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#588a42}
.loader.header-loader>.header-loader-note {position:absolute;top:calc(47% + 72px);left:20px;right:20px;text-align:center;font-size:13px;letter-spacing:0;margin:0;color:#536b50}
.header-experience .mobile-menu {
  top:110px;left:clamp(16px,3vw,58px);right:clamp(16px,3vw,58px);bottom:16px;
  border-radius:24px;border:1px solid rgba(255,255,255,.8);overflow:auto;
  background:rgba(243,248,238,.96);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);
  box-shadow:inset 0 1px 0 white,0 18px 55px rgba(23,63,53,.13);
}
.header-experience .mobile-menu>p {font-size:15px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .header-glass-surface {background:rgba(var(--header-tint-rgb),.93)}
  .header-loader-dock {background:#eef4e9}
}
@media(max-width:1100px) {
  .site-header.header-glass {gap:18px;padding:0 20px}
  .header-glass nav {gap:18px;font-size:14px}
  .header-glass .brand-type,.header-loader-brand .brand-type {font-size:21px}
  .header-glass .header-contact {gap:17px}
}
@media(max-width:960px) {
  .header-glass nav {display:none}
  .header-glass .header-contact {margin-left:auto}
  .header-glass .menu-button {display:flex;width:30px;height:36px;background:none;padding:8px 0;flex-shrink:0;flex-direction:column;justify-content:center;gap:6px}
  .header-glass .menu-button span {height:1px;width:25px;background:currentColor;transition:transform .3s}
  .header-glass .menu-button[aria-expanded=true] span:first-child {transform:translateY(3.5px) rotate(45deg)}
  .header-glass .menu-button[aria-expanded=true] span:last-child {transform:translateY(-3.5px) rotate(-45deg)}
}
@media(max-width:780px) {
  .site-header.header-glass {left:14px;right:14px;top:12px;height:74px;padding:0 16px;border-radius:21px;gap:16px}
  .header-experience .mobile-menu {top:98px;left:14px;right:14px;bottom:14px;border-radius:22px;padding:5vh 7vw}
  .header-glass .brand-symbol,.header-loader-brand .brand-symbol {width:35px;height:42px}
  .header-glass .brand-symbol img,.header-loader-brand .brand-symbol img {width:100%;height:100%;left:auto;top:auto}
  .header-glass .brand-type,.header-loader-brand .brand-type {font-size:20px}
  .header-glass .brand-type small,.header-loader-brand .brand-type small {font-size:10.5px}
  .header-glass .header-contact {padding:12px 15px;gap:18px;font-size:14px}
  .header-glass .menu-button {width:27px;flex-shrink:0}
}
@media(max-width:480px) {
  .header-glass .header-contact {font-size:0;padding:12px;gap:0}
  .header-glass .header-contact svg {width:18px;height:18px}
}
@media(max-width:420px) {
  .site-header.header-glass {left:12px;right:12px;top:10px;padding:0 12px;gap:12px;height:72px;border-radius:20px}
  .header-glass .brand-type,.header-loader-brand .brand-type {font-size:19px}
  .header-experience .mobile-menu {left:12px;right:12px;top:94px;bottom:12px}
}
@media(prefers-reduced-motion:reduce) {
  .header-loader-trace i {transition:none}
}

/* Private authored optical A/B fixture, enabled only by ?glass-audit=1. */
.glass-audit-backdrop {position:fixed;inset:0;z-index:25;overflow:hidden;pointer-events:none;background:#f5f8ef}
.glass-audit-track {position:absolute;left:0;right:0;top:-100px;animation:glass-audit-travel 12s linear infinite alternate}
.glass-audit-row {height:174px;white-space:nowrap;display:flex;align-items:center;font:600 92px/1 OnestClinic,Arial,sans-serif;letter-spacing:-.02em;color:#122f24;border-top:2px solid #234c31;background:repeating-linear-gradient(90deg,transparent 0 39px,#31553444 40px 41px),#eff6e7}
.glass-audit-row:nth-child(2n) {color:#d9edce;background:repeating-linear-gradient(90deg,transparent 0 39px,#c6dfba55 40px 41px),#173f35}
.glass-audit-controls {position:fixed;z-index:180;left:16px;bottom:16px;display:flex;flex-wrap:wrap;gap:8px;padding:10px;background:#f6f8f4;border:1px solid #a8bea4;border-radius:14px;box-shadow:0 8px 30px #173f3522}
.glass-audit-controls button {padding:10px 15px;border-radius:8px;font-size:14px;background:#e1ebd8}
.glass-audit-controls button[aria-pressed=true] {background:#173f35;color:#f4f8ee}
@keyframes glass-audit-travel {to{transform:translateY(-500px)}}
@media(prefers-reduced-motion:reduce){.glass-audit-track{animation:none}}
.reduce-motion .glass-audit-track{animation:none}
