/* A single reception scene. Positions are based on the opaque figures, not atlas padding. */
.hero-team{position:absolute;z-index:3;top:215px;right:-8px;width:59%;height:500px;isolation:isolate;pointer-events:none}
.hero-team::before{content:'';position:absolute;z-index:0;left:6%;right:0;bottom:19px;height:92px;border-radius:50%;background:radial-gradient(ellipse,#a9b9ca30 0,#d6e0ea1a 49%,transparent 73%);pointer-events:none}
.hero-team .hero-art{position:absolute;grid-area:auto;top:auto;bottom:40px;left:31%;right:auto;width:250px;max-width:none;aspect-ratio:1122/1402;min-height:0;margin:0;z-index:2}
.hero-team .assistant-trigger-label,.hero-team .assistant-caption{display:none}
.hero-team .assistant-trigger{inset:2% 17% 3%;width:66%;height:95%}
.hero-team .assistant-halo{height:13px;width:47%;bottom:3.4%;filter:blur(4px);background:radial-gradient(ellipse,#45566b29,transparent 70%)}
.hero-robot{position:absolute;margin:0;pointer-events:none;z-index:3;min-width:0}
.hero-robot--partner{bottom:38px;left:0;width:360px}
.hero-robot--rover{bottom:31px;left:62.7%;width:252px}
.robot-replay{position:relative;display:block;width:100%;padding:0;border:0;border-radius:24px;background:transparent;isolation:isolate;cursor:pointer;touch-action:manipulation;pointer-events:none}
.robot-replay::before{content:'';position:absolute;inset:5% 23% 3%;z-index:2;pointer-events:auto}
.hero-robot--rover .robot-replay::before{inset:15% 8% 3%}
.robot-replay:disabled{cursor:default}
.robot-poster{display:block;width:100%;height:auto;pointer-events:none;user-select:none}
.robot-layer-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;visibility:hidden;pointer-events:none;user-select:none}
.robot-layer-canvas.is-ready{visibility:visible}
.robot-poster.is-ready{opacity:0}
.hero-team-links{display:none}
.robot-replay:focus-visible{outline:2px solid #3d8cf1;outline-offset:3px}
.hero-team .is-speaking::after{content:'';position:absolute;bottom:3.4%;left:29%;width:42%;height:7px;border-radius:50%;background:#5e9ff724;filter:blur(4px);pointer-events:none}
.hero-team .is-listening{--team-attention:1}
@media(max-width:1279px){
 .hero-team{grid-area:art;position:relative;top:auto;right:auto;left:auto;width:100%;height:440px;align-self:center;margin:12px 0;justify-self:center}
 .hero-team::before{left:0;right:0;bottom:18px;height:70px}
 .hero-team .hero-art{width:220px;bottom:35px;left:32%;right:auto}
 .hero-robot--partner{width:280px;left:-6%;bottom:34px}
 .hero-robot--rover{width:192px;left:62%;bottom:26px}
}
@media(max-width:900px){
 .hero-team{width:500px;max-width:100%;height:300px;margin:0 auto}
 .hero-team .hero-art{width:220px;bottom:27px;left:31.5%}
 .hero-robot--partner{width:276px;left:-5%;bottom:26px}
 .hero-robot--rover{width:190px;left:62%;bottom:19px}
}
@media(max-width:640px){
 .hero-team{width:100%;max-width:350px;height:252px;margin:0 auto}
 .hero-team::before{left:-3%;right:-3%;bottom:13px;height:52px}
 .hero-team .hero-art{bottom:30px;left:29.5%;width:48%;max-width:none}
 .hero-robot--partner{left:-8%;bottom:28px;width:64%}
 .hero-robot--rover{left:61%;bottom:20px;width:42%}
 .robot-replay{border-radius:16px}
}
@media(max-width:360px){.hero-team{height:220px}}
@media(prefers-reduced-motion:reduce){.robot-layer-canvas{visibility:hidden!important}.robot-poster.is-ready{opacity:1!important}}