.floating-nav{position:fixed;z-index:100;top:20px;left:50%;transform:translate(-50%,-18px) scale(.97);width:min(calc(100vw - clamp(34px,6vw,82px)),1050px);height:66px;padding:0 clamp(22px,4vw,42px);display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.74);border-radius:25px;background:linear-gradient(105deg,rgba(255,255,255,.38),rgba(255,255,255,.12) 35%,rgba(216,231,204,.2) 62%,rgba(255,255,255,.3));-webkit-backdrop-filter:blur(24px) saturate(180%) contrast(1.04);backdrop-filter:blur(24px) saturate(180%) contrast(1.04);box-shadow:0 16px 42px rgba(24,36,21,.17),inset 0 1px rgba(255,255,255,.9),inset 0 -1px rgba(116,137,101,.18);overflow:hidden;isolation:isolate;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,transform .35s ease,visibility .35s}
.floating-nav.visible{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0) scale(1)}.floating-nav:before{content:'';position:absolute;inset:-1px;z-index:-1;border-radius:inherit;padding:1px;background:linear-gradient(115deg,rgba(255,255,255,.96),rgba(197,229,255,.42) 23%,rgba(255,210,225,.25) 48%,rgba(226,255,205,.38) 72%,rgba(255,255,255,.84));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.floating-nav:after{content:'';position:absolute;z-index:-1;width:40%;height:170%;left:-10%;top:-100%;transform:rotate(18deg);background:radial-gradient(ellipse,rgba(255,255,255,.75),rgba(255,255,255,.1) 50%,transparent 70%);filter:blur(6px);animation:glass-light 9s ease-in-out infinite alternate}.floating-name{font:italic 22px 'Cormorant Garamond',Georgia,serif}.floating-nav a{color:var(--ink);text-decoration:none}.floating-nav>div{display:flex;gap:28px}.floating-nav>div a{font-size:11px}.floating-nav>div a:hover{text-decoration:underline;text-underline-offset:5px}@keyframes glass-light{to{transform:translateX(260%) rotate(18deg)}}
@media(max-width:600px){.floating-nav{width:calc(100vw - 28px);height:58px;padding:0 18px}.floating-name{font-size:18px}.floating-nav>div{gap:13px}.floating-nav>div a{font-size:9px}}@media(prefers-reduced-motion:reduce){.floating-nav,.floating-nav:after{animation:none;transition:none}}@media(prefers-reduced-transparency:reduce){.floating-nav{background:rgba(243,242,232,.96);-webkit-backdrop-filter:none;backdrop-filter:none}}