/* Text-only brand wordmark for the navigation, with its original proportions. */
nav .brand-secondary{display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;min-width:0}
nav .brand-secondary picture{display:block;line-height:0}
nav .brand-secondary img{display:block;width:200px;height:auto;max-width:none;object-fit:contain}
@media(max-width:900px) and (min-width:601px){nav .brand-secondary img{width:176px}nav .links{gap:16px}}
@media(max-width:600px){nav .brand-secondary img{width:144px;height:auto;max-width:none}nav .links{gap:10px}}
@media(max-width:420px){nav .brand-secondary img{width:126px}}
@media(max-width:360px){nav .brand-secondary img{width:112px}nav .links{gap:7px}}
footer.happi-footer .footer-brand img{width:108px;height:108px;object-fit:contain}

/* Use the same short mark as the Happi happenings heading, scaled with its text. */
.happi-brand-i{position:relative;display:inline-block;line-height:1;margin-right:.04em}
.happi-brand-i::before{content:"";position:absolute;top:.04em;left:50%;width:.18em;height:.14em;border-radius:.045em;background:currentColor;transform:translateX(-50%) rotate(6deg)}