/* One continuous clay surface follows the active section. */
.main-nav{isolation:isolate}
.main-nav a{z-index:1;transition:color .3s ease}
.main-nav a:after{display:none}
.main-nav a:hover{color:#266583}
.main-nav a[aria-current]{color:#fff;text-shadow:0 1px 1px #0a31454d}
.nav-pill{position:absolute;left:0;top:0;pointer-events:none;z-index:0;opacity:0;transition:transform .9s cubic-bezier(.22,.8,.25,1),width .9s cubic-bezier(.22,.8,.25,1),height .9s cubic-bezier(.22,.8,.25,1),opacity .3s ease}
.nav-pill.is-visible{opacity:1}
.nav-pill.is-positioning{transition:none}
.nav-pill-surface{position:relative;isolation:isolate;overflow:hidden;display:block;width:100%;height:100%;border-radius:999px;background:linear-gradient(155deg,#286184,#184664);border:1px solid #2c5e79;box-shadow:4px 6px 10px #153b542b,inset 2px 2px 4px #89aac34d,inset -3px -4px 7px #0b2b4659}
.nav-pill-surface:after,.nav-cta:before{content:'';position:absolute;inset:0;border-radius:inherit;background-image:url('assets/dry-clay.svg');background-size:120px 120px;mix-blend-mode:soft-light;opacity:.85;pointer-events:none}
.nav-cta{position:relative;isolation:isolate;background:linear-gradient(155deg,#347c50,#235c3b);border-color:#306447;box-shadow:4px 6px 11px #1c483329,inset 2px 2px 4px #a2c8a63d,inset -3px -4px 7px #14392366;color:#fff;gap:16px;text-shadow:0 1px 1px #153e2840}
.nav-cta:before{z-index:-1}
.nav-cta:hover{background:linear-gradient(155deg,#3b8558,#286641)}
.nav-cta .whatsapp-icon{display:block;width:22px;height:22px;fill:currentColor;stroke:none}
.nav-cta:hover .whatsapp-icon{transform:scale(1.06)}
@media(min-width:721px){.main-nav{position:relative;top:auto}}
@media(max-width:720px){.main-nav a{padding-inline:14px}.nav-pill-surface{border-radius:19px}}
@media(max-width:370px){.nav-cta .whatsapp-icon{display:block;width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.nav-pill{transition:none}.nav-pill-surface{animation:none}}