.brand{align-items:center;gap:.8rem;display:flex}.brand-home{border-radius:999px;display:inline-flex}.brand-home:focus-visible{outline-offset:2px;outline:2px solid #f3efe6}.brand-logo{-o-object-fit:cover;object-fit:cover;background:#f3efe6;border-radius:999px;width:2.7rem;height:2.7rem;box-shadow:0 0 0 2px #f3efe6d9,0 6px 16px #00000040}.brand-name{letter-spacing:.06em;margin:0;font-weight:700}.brand-tag{opacity:.85;margin:0;font-size:.75rem}.nav-icons{opacity:1;flex-wrap:wrap;justify-content:flex-end;gap:.55rem;display:flex}.nav-icons a{color:inherit;border-radius:999px;padding:.42rem .72rem;font-weight:600;text-decoration:none;transition:background-color .16s,transform .16s,box-shadow .16s,color .16s}.nav-icons a:hover{background:#f3efe62e;transform:translateY(-1px);box-shadow:0 7px 16px #0000002e}.nav-icons a:active{transform:translateY(0)}.nav-icons a[aria-current=page]{color:#1f4e44;background:#f3efe6;box-shadow:0 7px 16px #0000003d}.nav-icons a:focus-visible{outline-offset:2px;outline:2px solid #f3efe6}@media (width<=820px){.topbar{flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.brand{width:100%}.nav-icons{justify-content:flex-start;width:100%}}@media (width<=560px){.brand-tag{display:none}.brand-name{font-size:.92rem}.nav-icons a{padding:.36rem .58rem;font-size:.88rem}}