.hub-header:has(.brand-mark){flex-wrap:wrap}
.hub-brand:has(.brand-mark){flex-direction:row;gap:10px;align-items:center}
.brand-mark{display:block;width:44px;height:44px;border-radius:10px;flex-shrink:0;object-fit:contain}
.brand-name{display:flex;flex-direction:column;min-width:0}
.student-brand:has(.brand-mark){display:flex;align-items:center;gap:12px}
.hub-welcome .brand-hero{border-radius:24px;mix-blend-mode:normal}
@media(max-width:600px){.brand-mark{width:40px;height:40px;border-radius:9px}.hub-welcome .brand-hero{border-radius:18px}}