:root{--brand-logo:url('../images/logo.png')}
.brand{gap:12px;isolation:isolate}
.brand i{position:relative;width:46px;height:46px;flex:0 0 46px;border-radius:14px;background:var(--brand-logo) center/contain no-repeat;box-shadow:none;color:transparent;overflow:visible}
.brand i::before{content:"";position:absolute;inset:6px;border-radius:50%;background:rgba(151,80,255,.45);filter:blur(16px);z-index:-1;opacity:.7;transition:opacity .25s,transform .25s}
.brand:hover i::before{opacity:1;transform:scale(1.18)}
.brand>span{font-size:1.06rem;letter-spacing:-.03em}
.header .brand i{margin:-8px 0}
.footer .brand i{width:42px;height:42px;flex-basis:42px}
.hero::before{content:"";position:absolute;left:-150px;top:125px;width:520px;height:520px;background:var(--brand-logo) center/contain no-repeat;opacity:.025;filter:blur(.2px);pointer-events:none;z-index:-1}
@media(max-width:600px){.brand i{width:40px;height:40px;flex-basis:40px}.brand>span{font-size:.95rem}}