:root{--shell-bg:#050505;--shell-fg:#f4f4f1;--shell-dim:rgba(255,255,255,.48);--shell-line:rgba(255,255,255,.16)}
.ag-site-nav{position:fixed;z-index:9000;top:0;left:0;right:0;height:64px;padding:0 clamp(20px,3.5vw,58px);display:grid;grid-template-columns:1fr auto;align-items:center;color:var(--shell-fg);font-family:Arial,"Helvetica Neue",sans-serif;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.72),rgba(0,0,0,.18) 72%,transparent);transition:opacity .35s ease,background .35s ease}
.ag-site-nav a,.ag-site-nav button{pointer-events:auto;color:inherit;text-decoration:none}
.ag-wordmark{justify-self:start;font-size:11px;font-weight:700;letter-spacing:.34em;line-height:1}
.ag-utility a,.ag-menu-toggle{position:relative;padding:10px 0;border:0;background:none;font-size:8px;letter-spacing:.22em;white-space:nowrap;opacity:.74;transition:opacity .2s ease}
.ag-utility a:after{content:"";position:absolute;left:0;right:.23em;bottom:5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}
.ag-utility a:hover,.ag-utility a:focus-visible,.ag-menu-toggle:hover,.ag-menu-toggle:focus-visible{opacity:1;outline:0}
.ag-utility a:hover:after,.ag-utility a:focus-visible:after{transform:scaleX(1);transform-origin:left}
.ag-utility{justify-self:end;display:flex;align-items:center;gap:clamp(13px,1.8vw,27px)}
.ag-bag-count{display:inline-grid;place-items:center;min-width:17px;height:17px;margin-left:5px;border:1px solid rgba(255,255,255,.3);border-radius:50%;font-size:6px;letter-spacing:0;color:#fff}
.ag-menu-toggle{display:none;cursor:pointer}
.ag-menu{position:fixed;z-index:8999;inset:0;padding:100px 24px 34px;display:flex;flex-direction:column;background:rgba(4,4,4,.97);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);opacity:0;visibility:hidden;transform:translateY(-12px);transition:opacity .35s ease,visibility 0s linear .35s,transform .45s cubic-bezier(.16,.8,.2,1)}
.ag-menu.is-open{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.ag-menu a{padding:18px 0;border-bottom:1px solid var(--shell-line);color:var(--shell-fg);text-decoration:none;font:400 clamp(25px,8vw,42px)/1 Arial,sans-serif;letter-spacing:-.04em}
.ag-menu small{margin-top:auto;color:rgba(255,255,255,.25);font:7px/1.6 Arial,sans-serif;letter-spacing:.22em}
body.ag-menu-open{overflow:hidden!important}
@media(max-width:820px){.ag-site-nav{height:58px;padding:0 20px;grid-template-columns:1fr auto}.ag-utility .ag-account,.ag-utility .ag-join{display:none}.ag-utility{gap:18px}.ag-menu-toggle{display:block}.ag-wordmark{font-size:10px}.ag-utility a,.ag-menu-toggle{font-size:7px;opacity:.78}}
@media(min-width:821px){.ag-menu{display:none!important}}
