/* Reuse the approved image through separate SVG viewports. No logo redraw. */
.nav .brand{display:flex;align-items:center;gap:12px;letter-spacing:0;flex-shrink:0}
.header-brain{display:block;width:49px;height:50px;overflow:hidden;flex-shrink:0;filter:drop-shadow(0 2px 3px #44314f35)}
.nav .brand .brand-tagline{display:block;margin:0;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.4px;text-transform:none}
.brand-tagline strong{font-size:13px;font-weight:600;letter-spacing:.1px}
.hero-logo.glass-logo{width:min(850px,78vw);height:auto;margin:35px 0 42px;filter:drop-shadow(0 15px 20px #51426620);perspective:1100px}
.logo-float{display:flex;align-items:center;gap:2%;width:100%;transform-origin:center;animation:logo-float 7.5s ease-in-out infinite;will-change:transform}
.hero-brain{display:block;flex:0 0 20.5%;width:20.5%;height:auto;overflow:hidden}
.hero-wordmark{display:block;flex:0 0 77.5%;width:77.5%;height:auto;overflow:hidden}
@keyframes logo-float{
  0%,100%{transform:translate3d(0,5px,0) rotateX(-1deg) rotateY(-1.1deg) rotateZ(-.2deg)}
  50%{transform:translate3d(0,-6px,0) rotateX(1deg) rotateY(1.1deg) rotateZ(.2deg)}
}
body.logo-idle .logo-float{animation-play-state:paused}
body.reduced .logo-float{animation:none;transform:none;will-change:auto}
@media(prefers-reduced-motion:reduce){.logo-float{animation:none;transform:none;will-change:auto}}
@media(min-width:1500px){.hero-logo.glass-logo{width:980px}}
@media(max-height:740px) and (min-width:701px){.hero-logo.glass-logo{width:min(700px,70vw);margin:24px 0 34px}}
@media(max-width:700px){
  .nav .brand{gap:8px}.header-brain{width:39px;height:40px}.nav .brand .brand-tagline{font-size:9px;letter-spacing:0;line-height:1.6}.brand-tagline strong{font-size:11px;letter-spacing:0}
  .hero-logo.glass-logo{width:92vw;margin:40px -6px 48px}
}
@media(max-width:360px){.nav .brand{gap:6px}.header-brain{width:33px;height:34px}.nav .brand .brand-tagline{font-size:8px;letter-spacing:0}.brand-tagline strong{font-size:10px}}
@media(max-width:700px) and (max-height:700px){.hero-logo.glass-logo{width:90vw;margin:25px 0 30px}}