.navgroup{position:relative}.navgroup>a{display:flex;align-items:center;gap:6px}.navgroup>a span{font-size:12px;transition:transform .2s}.submenu{position:absolute;top:calc(100% + 18px);left:-18px;width:230px;padding:12px;background:var(--paper);border:1px solid var(--line);box-shadow:0 16px 35px rgba(17,18,15,.12);opacity:0;visibility:hidden;transform:translateY(-6px);transition:.2s}.submenu:before{content:"";position:absolute;left:0;right:0;top:-20px;height:20px}.submenu a{display:block;padding:10px 9px;font-size:12px!important}.submenu a:hover{background:var(--yellow)}.navgroup:hover .submenu,.navgroup:focus-within .submenu{opacity:1;visibility:visible;transform:none}.navgroup:hover>a span,.navgroup:focus-within>a span{transform:rotate(180deg)}.heroimg div b{font-size:11px;letter-spacing:.1em;background:var(--yellow);padding:7px 9px;margin-right:10px}@media(max-width:900px){.navgroup{width:100%}.navgroup>a span{display:none}.submenu{position:static;width:100%;padding:4px 0 4px 16px;border:0;border-left:2px solid var(--yellow);box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent;margin:7px 0}.submenu a{padding:6px 8px!important;color:#65665f}.navlinks{max-height:calc(100vh - 76px);overflow-y:auto}}