.hero{height:620px;background-color:#fcfbf7;background-image:radial-gradient(#b9b5c1 .7px,transparent .7px);background-size:20px 20px}.copy{background:radial-gradient(ellipse,#fcfbf7 60%,#fcfbf700 73%);padding:35px 25px}.art{pointer-events:none}.playground{position:absolute;inset:0;max-width:1500px;margin:auto}.toy{position:absolute;pointer-events:auto;width:290px;height:310px;display:flex;flex-direction:column;align-items:center}.toy model-viewer{display:block;width:100%;height:270px;cursor:grab;--poster-color:transparent;--progress-bar-color:#5945bc;--progress-bar-height:2px;outline-offset:-5px}.toy model-viewer:active{cursor:grabbing}.console{left:2%;top:140px;rotate:-12deg}.rocket{right:1%;top:0;rotate:15deg}.helmet{right:4%;bottom:0;width:250px;height:275px;rotate:-8deg}.helmet model-viewer{height:230px}.toy-action{border:1px solid #797382;background:#fffdf5;color:#322947;border-radius:25px;padding:9px 17px;font-size:12px;box-shadow:0 3px 0 #d9d1df;min-height:36px}.toy-action:hover{background:#fff1af}.toy-action:disabled{cursor:wait;opacity:.55}.playhint{position:absolute;left:6%;bottom:45px;font:italic 18px Georgia,serif;color:#514560;rotate:-8deg}.scanline{display:none;position:absolute;left:15%;right:15%;height:3px;background:#5cebbb;box-shadow:0 0 16px #5cebbb;top:30%;pointer-events:none}.scanning .scanline{display:block;animation:scan 1.1s ease-in-out 2}@keyframes scan{0%,100%{top:25%;opacity:0}50%{top:65%;opacity:1}}
@media(max-width:1050px) and (min-width:701px){.toy{width:230px;height:260px}.toy model-viewer{height:220px}.console{left:-2%;top:175px}.rocket{right:-2%;top:0}.helmet{right:0;bottom:-15px;width:210px;height:240px}.copy{padding:20px 0}h1{font-size:70px}.playhint{font-size:15px;left:2%}}
@media(max-width:700px){.hero{height:auto;min-height:680px;display:flex;padding:38px 16px 280px;justify-content:start}.copy{padding:15px 0;align-self:center;z-index:2}.art{inset:auto 0 0;height:280px}.playground{inset:0}.toy,.helmet{top:0;bottom:auto;left:auto;right:auto;width:33.333%;height:220px;rotate:0}.toy model-viewer,.helmet model-viewer{height:175px}.console{left:0}.rocket{left:33.333%}.helmet{left:66.666%}.toy-action{padding:8px 9px;font-size:11px;white-space:nowrap}.playhint{bottom:20px;left:0;width:100%;text-align:center;font-size:16px;rotate:0}h1{font-size:60px}.intro{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.scanning .scanline{animation:none}}

.toy{rotate:0deg}

/* Two deliberately paired objects frame the headline. */
.console{left:3%;top:135px;width:285px;height:330px}.rocket{right:3%;top:135px;width:285px;height:330px}.console model-viewer,.rocket model-viewer{height:285px}.playhint{left:0;bottom:28px;width:100%;text-align:center;rotate:0;font-size:16px}.hero{height:590px}
@media(min-width:1600px){.console{left:7%}.rocket{right:7%}}
@media(min-width:701px) and (max-width:1050px){.console{left:0;top:160px;width:210px;height:290px}.rocket{right:0;top:160px;width:210px;height:290px}.console model-viewer,.rocket model-viewer{height:240px}.hero h1{font-size:64px}}
@media(max-width:700px){.hero{height:auto;min-height:690px;padding-bottom:295px}.art{height:295px}.console,.rocket{top:0;width:50%;height:250px;left:auto;right:auto}.console{left:0}.rocket{right:0}.console model-viewer,.rocket model-viewer{height:205px}.playhint{bottom:15px;font-size:15px}.toy-action{font-size:12px;padding:9px 16px}}