/* Preserve EOAI's original typography and palette; the logo is a hologram. */
.logo-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:3vw;padding:142px 6vw 108px;min-height:max(780px,100svh);background:radial-gradient(ellipse at 77% 52%,#10234b 0,transparent 48%),#050d20}
.logo-hero .hero-copy{width:100%;max-width:660px}
.logo-hero h1{font-size:clamp(58px,6.7vw,108px)}
.logo-experience{position:relative;margin:0 -3vw 0 -1vw;min-width:0}
.logo-stage{position:relative;width:100%;height:clamp(560px,54vw,820px)}
.logo-stage::before{content:"";position:absolute;inset:6% 12%;background:radial-gradient(ellipse at center,#2464c526 0,#194a9610 42%,transparent 72%);pointer-events:none}
.logo-stage canvas{width:100%;height:100%;display:block;cursor:default;touch-action:pan-y;position:relative;z-index:1;filter:drop-shadow(0 0 5px #589dff40)}
.logo-stage canvas.is-held{cursor:grabbing!important}
.logo-stage canvas[hidden]{display:none}
.logo-fallback{position:absolute;inset:15%;width:70%;height:70%;object-fit:contain;border-radius:24px}
.logo-keyboard-help{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
:focus-visible{outline:2px solid #8faed0;outline-offset:5px}
.logo-stage canvas:focus{outline:none}
.logo-stage canvas{-webkit-tap-highlight-color:transparent}
.logo-experience:has(canvas:focus-visible:not(.pointer-focus)) .logo-keyboard-help{width:auto;height:auto;left:0;right:0;bottom:0;clip-path:none;white-space:normal;text-align:center;font-size:12px;color:#8faed0}
.logo-hero .hero-foot{color:#83888d}
@media(max-width:1000px){.logo-hero{grid-template-columns:1fr;padding:130px 7vw 100px;gap:16px;min-height:0}.logo-hero .hero-copy{max-width:700px}.logo-hero h1{font-size:clamp(56px,10vw,92px)}.logo-experience{width:100%;max-width:650px;justify-self:center;margin:0}.logo-stage{height:620px}}
@media(max-width:480px){.logo-hero{padding-top:118px;gap:8px}.logo-hero h1{font-size:clamp(49px,12vw,60px)}.logo-stage{height:440px}.logo-experience{width:calc(100% + 8vw);margin:0 -4vw}.logo-hero .actions{flex-wrap:wrap}.logo-hero .button{justify-content:center}}