.brand img{animation:brand-breathe 5s ease-in-out infinite;transform-origin:center}.brand{position:relative}.brand>span{position:relative;overflow:hidden}.brand>span:after{content:'';position:absolute;inset:-10px auto -10px -55%;width:30%;background:linear-gradient(100deg,transparent,#c7f3ff55,transparent);transform:skewX(-20deg);animation:brand-light 7s ease-in-out infinite;pointer-events:none}.brand:hover img{animation:brand-pop .65s ease both;filter:drop-shadow(0 0 12px #33c5ff80)}.hero-art{animation:hero-arrive 1s ease-out both}.hero-word{animation:word-arrive .85s ease-out both}.hero-copy{animation:copy-arrive .9s .15s ease-out both}
@keyframes brand-breathe{0%,100%{filter:drop-shadow(0 0 3px #218cfa30)}50%{filter:drop-shadow(0 0 11px #35c7ff80)}}@keyframes brand-light{0%,65%{left:-55%;opacity:0}70%{opacity:1}90%,100%{left:140%;opacity:0}}@keyframes brand-pop{50%{transform:translateY(-2px) rotate(-6deg) scale(1.07)}100%{transform:none}}@keyframes hero-arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes word-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:.72;transform:none}}@keyframes copy-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.brand img,.brand>span:after,.hero-art,.hero-word,.hero-copy{animation:none!important}.brand>span:after{display:none}}
.brand .mascot-logo{display:block;width:49px;height:49px;flex:0 0 49px;position:relative;border:1px solid #6dc9ff70;border-radius:50%;overflow:hidden;background:#030a13;box-shadow:0 0 16px #279eff30,inset 0 0 8px #0008;animation:brand-breathe 5s ease-in-out infinite}.brand .mascot-logo img{position:absolute;width:115px!important;max-width:none;height:auto;left:50%;top:-5px;translate:-50% 0;animation:none;filter:none;transform:none}.brand:hover .mascot-logo{box-shadow:0 0 24px #35baff66;border-color:#b9eaff}.brand:hover .mascot-logo img{animation:none;filter:none}.brand>span.mascot-logo:after{display:none}
@media(max-width:700px){.brand .mascot-logo{width:40px;height:40px;flex-basis:40px}.brand .mascot-logo img{width:97px!important;top:-4px}}
@media(prefers-reduced-motion:reduce){.brand .mascot-logo{animation:none}}
.brand .ring-logo{width:82px;height:82px;flex-basis:82px;background:radial-gradient(circle,#071626,#02070e);overflow:hidden}.brand .ring-logo img{width:105px!important;top:15px;clip-path:circle(29px at 50% 30px);opacity:.95}.brand-ring{position:absolute;inset:0;width:100%;height:100%;z-index:2;overflow:visible}.brand-ring text{font-family:Manrope,Arial,sans-serif;font-weight:800;fill:#e2f5ff;letter-spacing:1.2px}.brand-ring .ring-top{font-size:12px}.brand-ring .ring-bottom{font-size:8px;letter-spacing:.5px}.header{height:110px}
@media(max-width:700px){.brand .ring-logo{width:68px;height:68px;flex-basis:68px}.brand .ring-logo img{width:89px!important;top:12px;clip-path:circle(24px at 50% 25px)}.header{height:92px}.header .brand{gap:9px;font-size:13px}.header .brand small{font-size:6px}.header>.outline{font-size:10px;padding-inline:11px}}
.brand .composition-logo{width:82px;height:82px;flex-basis:82px;background:#02070c;overflow:hidden;display:grid;place-items:center;border:1px solid #78c9ff70}.brand .composition-logo img{position:static!important;translate:none!important;transform:none!important;width:88%!important;height:auto!important;max-width:88%!important;clip-path:none!important;filter:none!important;animation:none!important}.brand:hover .composition-logo img{transform:none!important}.header{height:110px}
@media(max-width:700px){.brand .composition-logo{width:68px;height:68px;flex-basis:68px}.brand .composition-logo img{width:88%!important}.header{height:92px}}
.brand .compact-logo{width:44px;height:44px;flex-basis:44px;border-radius:50%;overflow:hidden;background:#030a13}.brand .compact-logo img{position:absolute;width:105px!important;height:auto!important;max-width:none;left:50%;top:-5px;translate:-50% 0;clip-path:none;animation:none;filter:none}.header{height:88px}.brand{font-size:18px;gap:11px}.brand small{font-size:9px;letter-spacing:1.4px;margin-top:5px}
@media(max-width:700px){.brand .compact-logo{width:38px;height:38px;flex-basis:38px}.brand .compact-logo img{width:91px!important;top:-4px}.header{height:78px}.header .brand{font-size:15px;gap:9px}.header .brand small{font-size:7px;letter-spacing:1px}}
.brand .glass-f-logo{width:44px;height:44px;flex:0 0 44px;object-fit:contain;filter:drop-shadow(0 0 7px #25adff40)}
@media(max-width:700px){.brand .glass-f-logo{width:38px;height:38px;flex-basis:38px}}
.brand .owner-f-logo{object-fit:cover;border-radius:10px;border:1px solid #6acbff50;box-shadow:0 0 12px #1388ed29}
@media(max-width:700px){.brand .owner-f-logo{border-radius:9px}}
.brand .owner-f-logo{border-radius:50%!important;object-fit:cover;border:1px solid #8ddaff7a;box-shadow:0 0 13px #168bfa36}
@media(max-width:700px){.brand .owner-f-logo{border-radius:50%!important}}