.brand-logo{display:inline-block;width:48px;height:48px;flex:0 0 auto;perspective:650px;vertical-align:middle;isolation:isolate}
.brand-logo-tilt,.brand-logo-float{display:block;width:100%;height:100%;transform-style:preserve-3d}
.brand-logo-tilt{transform:rotateX(var(--logo-x,0deg)) rotateY(var(--logo-y,0deg));transition:transform .3s ease-out}
.brand-logo-float{animation:monogram-float 8s ease-in-out infinite}
.brand-logo img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;transform:translateZ(14px);filter:drop-shadow(0 6px 6px #0004)}
.brand:has(.brand-logo){display:flex;align-items:center;gap:9px}
.brand:hover .brand-logo-tilt,.lp-brand:hover .brand-logo-tilt{transform:rotateX(-8deg) rotateY(16deg)}
.sidebar .brand-logo{width:40px;height:44px}
.lp .brand-logo{width:54px;height:54px}
.lp .brand-logo-hero{display:block;width:clamp(180px,21vw,290px);height:auto;aspect-ratio:1;margin:-48px auto 28px;perspective:1100px;position:relative}
.brand-logo-hero::before{content:'';position:absolute;inset:10%;background:radial-gradient(ellipse,#a9ef3520,transparent 70%);pointer-events:none}
.brand-logo-hero img{filter:drop-shadow(0 24px 18px #0007) drop-shadow(0 0 16px #b6ff2918)}
.brand-logo-hero .brand-logo-float{animation:monogram-hero 9s ease-in-out infinite}
.lp-hero-visual:has(.brand-logo-hero){padding-top:10px}
@keyframes monogram-float{0%,100%{transform:rotateX(2deg) rotateY(-9deg)}50%{transform:translateY(-2px) rotateX(-3deg) rotateY(10deg)}}
@keyframes monogram-hero{0%,100%{transform:translateY(4px) rotateX(5deg) rotateY(-14deg) rotateZ(-2deg)}50%{transform:translateY(-10px) rotateX(-5deg) rotateY(13deg) rotateZ(2deg)}}
@media(max-width:720px){.lp .brand-logo{width:42px;height:42px}.lp .brand-logo-hero{width:190px;height:auto;margin:-18px auto 20px}.brand-logo{width:42px;height:42px}}
@media(prefers-reduced-motion:reduce){.brand-logo-float,.brand-logo-hero .brand-logo-float{animation:none;transform:none}.brand-logo-tilt{transition:none;transform:none!important}}
body.reduce .brand-logo-float,body.reduce .brand-logo-tilt{animation:none;transition:none;transform:none!important}