/* A single optical selection surface, shared by every segmented control. */
.lg-group{position:relative;isolation:isolate;overflow:visible;touch-action:pan-y}
.header nav.lg-group{position:relative;inset:auto}
.lg-group>button,.lg-group>a{position:relative;z-index:1;transition:color .16s;touch-action:pan-y}
.lg-group>button.active,.lg-group>button:hover,.lg-group>button:active,
.header nav.lg-group>a.active,.header nav.lg-group>a:hover,
.section-rail nav.lg-group>a.active,.section-rail nav.lg-group>a:hover{
 background:transparent;border-color:transparent;box-shadow:none;transform:none;
}
.lg-group>button.active,.header nav.lg-group>a.active{color:var(--green)}
.lg-lens{position:absolute;inset:0 auto auto 0;z-index:2;pointer-events:none;border-radius:999px;
 transform-origin:center;contain:layout style;will-change:transform;--lg-lift:0;--lg-optics:0;
 background:linear-gradient(155deg,#ffffff66,#ffffff08 45%,#315c4410),#315c441c;
 border:1px solid #ffffff99;
 box-shadow:inset 0 1px 1px #ffffffdd,inset 0 -1px 1px #315c4422,0 1px 3px #26362c0a;
}
.lg-lens::before,.lg-lens::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}
.lg-lens::before{opacity:var(--lg-lift);background:radial-gradient(ellipse at 22% 0%,#fff9,transparent 48%),linear-gradient(135deg,#fff8,#edf4ed12 45%,#315c4420);
 border:1px solid #ffffffc9;box-shadow:inset 0 1.5px 1px #fff, inset 1px 0 1px #e4f4eaaa,inset -1px 0 1px #afc6e588,inset 0 -1.5px 2px #617a6b55,0 5px 12px #26362c24,0 1px 2px #26362c18;
 backdrop-filter:blur(2px) saturate(1.45);-webkit-backdrop-filter:blur(2px) saturate(1.45)}
.lg-lens::after{opacity:var(--lg-lift);background:linear-gradient(180deg,#fff8,transparent 13%,transparent 83%,#ffffff77);box-shadow:inset 0 0 0 .5px #526e6355}
.lg-refract{position:absolute;inset:-1px;overflow:hidden;border-radius:inherit;opacity:var(--lg-optics);pointer-events:none;isolation:isolate}
.lg-copy-plane{position:absolute;left:0;top:0;transform-origin:0 0;pointer-events:none}
.lg-copy{position:absolute;display:flex;align-items:center;justify-content:center;white-space:pre;color:var(--green);pointer-events:none}
.lg-optical-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.lg-group>button:focus-visible,.lg-group>a:focus-visible{z-index:3}
@media(prefers-reduced-motion:reduce){.lg-lens{will-change:auto}.lg-lens::before,.lg-lens::after,.lg-refract{display:none}}