/* Client logo as a responsive particle sculpture; the approved navbar is untouched. */
.hero-recording .hero-logo-scene{position:relative;display:grid;place-items:center;min-width:0;width:100%;height:530px;min-height:0;margin:0;padding:0;overflow:hidden;isolation:isolate;touch-action:pan-y;transform:none!important;transition:none!important}
.hero-logo-scene::before{content:"";position:absolute;inset:6%;z-index:-1;background:radial-gradient(ellipse at center,#087da822 0%,#123b5115 36%,transparent 69%);pointer-events:none}
.hero-logo-scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.hero-recording .hero-logo-fallback{position:relative;display:block;object-fit:contain;width:min(78%,410px);height:auto;border-radius:50%;opacity:1;transform:none;animation:none;transition:none}
.hero-logo-scene.logo-particles-ready canvas{opacity:1}
.hero-recording .hero-logo-scene.logo-particles-ready .hero-logo-fallback{opacity:0}
@media(max-width:1000px){.hero-recording .hero-logo-scene{height:440px}}
@media(max-width:760px){.hero-recording .hero-logo-scene{width:100%;height:clamp(300px,88vw,430px);margin:-14px auto 0}.hero-recording .hero-logo-fallback{width:78%}}
@media(prefers-reduced-motion:reduce){.hero-logo-scene canvas{display:none!important}.hero-recording .hero-logo-scene .hero-logo-fallback{opacity:1!important}}