:root{--heading:#545454;--forest:#3B4740}.floating-nav{position:fixed;left:22px;bottom:22px;z-index:80}.float-toggle{width:52px;height:52px;display:grid;place-items:center;border:0;border-radius:50%;color:#fff;background:var(--forest);box-shadow:0 16px 38px rgb(59 71 64 / .28);cursor:pointer}.float-toggle span,.float-toggle span::before,.float-toggle span::after{display:block;width:18px;height:1px;background:#fff;content:''}.float-toggle span{position:relative}.float-toggle span::before{position:absolute;top:-6px;left:0}.float-toggle span::after{position:absolute;top:6px;left:0}.float-panel{position:absolute;left:0;bottom:64px;width:min(320px, calc(100vw - 44px));padding:18px;border:1px solid rgb(59 71 64 / .16);background:rgb(255 255 255 / .96);box-shadow:0 18px 46px rgb(59 71 64 / .16);opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;backdrop-filter:blur(10px)}.floating-nav.is-open .float-panel{opacity:1;pointer-events:auto;transform:translateY(0)}.float-panel p{margin:0 0 9px;color:var(--forest);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.float-panel div{display:grid;gap:7px}.float-panel a{color:var(--heading);font-size:.9rem;letter-spacing:1px;padding-top:5px;border-top:1px solid rgb(59 71 64 / .1)}.float-panel a:first-child{border-top:0}.float-panel a:hover{color:#000}.float-toggle{transition:opacity 0.2s ease,visibility 0.2s ease}.float-toggle.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@media (max-width:560px){.floating-nav{left:14px;bottom:14px}.float-toggle{width:48px;height:48px}.float-panel{bottom:58px}}