.hero-logo.talk{position:relative;width:min(440px,80vw);aspect-ratio:1;margin:0 auto}
.hero-logo.talk video,.hero-logo.talk .talk-poster{width:100%;height:100%;object-fit:cover;display:block;mix-blend-mode:screen;-webkit-mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 72%);mask-image:radial-gradient(circle at 50% 50%,#000 58%,transparent 72%)}
.hero-logo.talk .talk-poster{display:none}
.hero-logo.talk::after{content:"";position:absolute;inset:-2px;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 50%,rgba(5,4,13,.0) 52%)}
#talkbtn{position:absolute;right:6%;bottom:6%;width:48px;height:48px;border-radius:50%;border:1px solid rgba(212,175,55,.7);background:rgba(5,4,13,.8);color:#fff;font-size:20px;cursor:pointer;z-index:3;box-shadow:0 0 0 0 rgba(124,92,255,.6);transition:transform .2s,box-shadow .2s}
#talkbtn:hover,#talkbtn:focus-visible{transform:scale(1.08);outline:none;box-shadow:0 0 0 3px rgba(124,92,255,.55)}
#talkbtn.muted{animation:talkpulse 2s ease-out infinite}
@keyframes talkpulse{0%{box-shadow:0 0 0 0 rgba(124,92,255,.65)}70%{box-shadow:0 0 0 14px rgba(124,92,255,0)}100%{box-shadow:0 0 0 0 rgba(124,92,255,0)}}
#talkhint{position:absolute;right:calc(6% + 56px);bottom:calc(6% + 11px);z-index:3;padding:4px 10px;border-radius:999px;background:linear-gradient(90deg,#5b3cff,#8a5cff);color:#fff;font-size:12px;font-weight:600;letter-spacing:.02em;border:1px solid rgba(212,175,55,.6);pointer-events:none;white-space:nowrap}
#talkhint[hidden]{display:none}
@media (max-width:900px){.hero-logo.talk{width:min(340px,82vw)}}
@media (prefers-reduced-motion:reduce){.hero-logo.talk video{display:none}.hero-logo.talk .talk-poster{display:block}#talkbtn,#talkhint{display:none}}