/* A full first screen for the message, then one clear moment for the cube. */
.hero[data-alpha-hero]{min-height:calc(100svh - var(--hero-chrome,128px));display:flex;flex-direction:column;justify-content:center;padding-top:clamp(40px,5.5svh,85px);padding-bottom:36px}
.hero[data-alpha-hero]>*{flex-shrink:0}
.hero-scroll-cue{align-self:center;display:inline-flex;align-items:center;gap:12px;margin-top:30px;padding:8px 0;color:var(--navy);font:12px var(--mono);text-decoration:none}
.hero-scroll-cue:hover{text-decoration:underline;text-underline-offset:5px}
.hero-scroll-cue span{font-size:20px}
.company-motion[data-alpha-showcase]{scroll-margin-top:0}
.company-motion[data-alpha-showcase] .motion-stage{width:min(1440px,calc(100% - 72px));padding:26px 36px 24px}
.company-motion[data-alpha-showcase] .motion-stage h2{font-size:clamp(40px,4.2vw,64px)}
/* Leave space above the centered cube for the blue tile's full entrance. */
@media(min-width:701px) and (max-height:900px){
 .company-motion[data-alpha-showcase] .motion-stage h2{font-size:min(clamp(40px,4.2vw,64px),5.6svh);margin-top:4px}
}
.company-motion[data-alpha-showcase] .motion-brain{width:228px}
.company-motion[data-alpha-showcase] .brain-art{width:clamp(148px,25svh,204px);height:clamp(171px,29svh,236px)}
.company-motion[data-alpha-showcase] .motion-brain strong{font-size:13px;padding-top:12px}
.company-motion[data-alpha-showcase] .motion-node{width:27%;padding:20px;min-height:116px}
.company-motion[data-alpha-showcase] .motion-node img{width:78px;height:80px}
.company-motion[data-alpha-showcase] .motion-node h3{font-size:14px}
.company-motion[data-alpha-showcase] .motion-node p{font-size:18px}
.company-motion[data-alpha-showcase][data-logo-state="scrubbing"]:not([data-sequence]) .knowledge-notes,
.company-motion[data-alpha-showcase][data-logo-state="playing"]:not([data-sequence]) .knowledge-notes,
.company-motion[data-alpha-showcase][data-logo-state="paused"]:not([data-sequence]) .knowledge-notes{visibility:hidden}
@media(max-width:1100px){
 .company-motion[data-alpha-showcase] .motion-stage{width:calc(100% - 48px);padding:24px}
 .company-motion[data-alpha-showcase] .motion-brain{width:190px}
 .company-motion[data-alpha-showcase] .brain-art{width:170px;height:197px}
 .company-motion[data-alpha-showcase] .motion-node{width:28%;padding:14px;min-height:104px}
 .company-motion[data-alpha-showcase] .motion-node img{width:54px;height:58px}
 .company-motion[data-alpha-showcase] .motion-node h3{font-size:12px}
 .company-motion[data-alpha-showcase] .motion-node p{font-size:14px;white-space:normal}
}
@media(max-width:700px){
 .hero[data-alpha-hero]{--hero-chrome:110px;padding-top:38px;padding-bottom:28px}
 .hero-scroll-cue{font-size:11px;margin-top:24px}
 .company-motion[data-alpha-showcase] .motion-stage{width:calc(100% - 32px);padding:18px 14px}
 .company-motion[data-alpha-showcase] .motion-stage h2{font-size:clamp(30px,7.4vw,40px)}
 .company-motion[data-alpha-showcase] .motion-brain{width:154px}
 .company-motion[data-alpha-showcase] .brain-art{width:132px;height:153px}
 .company-motion[data-alpha-showcase] .motion-brain strong{font-size:11px;padding-top:10px}
 .company-motion[data-alpha-showcase] .motion-node{width:45%;padding:12px 8px;min-height:104px}
 .company-motion[data-alpha-showcase] .motion-node img{width:38px;height:44px}
 .company-motion[data-alpha-showcase] .motion-node h3{font-size:10px}
 .company-motion[data-alpha-showcase] .motion-node p{font-size:12px}
}