:root{--header-h:80px}@media (max-width:720px){:root{--header-h:64px}}.subnav{position:fixed;top:var(--header-h);left:0;right:0;z-index:19;background:rgba(5,6,8,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(200,164,90,.08);padding:10px 24px}.subnav-inner{max-width:1120px;margin:0 auto;display:flex;justify-content:center;gap:28px;font-size:13px;letter-spacing:.04em}.subnav a{color:#b3b3b3;opacity:.75;transition:color .2s ease,opacity .2s ease;position:relative}.subnav a:hover{color:#c8a45a;opacity:1}.subnav a:focus-visible{outline:2px solid #C8A45A;outline-offset:3px;border-radius:2px}@media (max-width:720px){.subnav{padding:8px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.subnav::-webkit-scrollbar{display:none}.subnav-inner{justify-content:flex-start;padding:0 18px;gap:20px;width:max-content;min-width:100%}}.header-nav a.is-active{color:#c8a45a;opacity:1}.header-nav a.is-active::after{width:100%;background:#c8a45a;opacity:.7}body.has-subnav .hero{padding-top:calc(var(--header-h) + 44px + 16px)}@media (max-width:720px){body.has-subnav .hero{padding-top:calc(var(--header-h) + 40px + 12px)}}