.hero-art{height:480px;isolation:isolate}
.three-scene{position:absolute;inset:-35px -45px 5px;overflow:hidden}
.three-scene canvas{display:block;width:100%;height:100%}
.hero-art .art-caption{right:auto;left:50%;bottom:-7px;transform:translateX(-50%);white-space:nowrap;font-size:10px;letter-spacing:.045em}
.hero-art .motion-control{position:absolute;right:0;top:-20px;z-index:2;color:#aebad0;background:transparent;border:1px solid #ffffff20;border-radius:30px;font:10px 'DM Mono',monospace;padding:8px 11px;cursor:pointer}
.hero-art .motion-control:hover{color:#fff;border-color:#ffbd7570}
.hero-art .fallback{position:absolute;inset:15%;border:1px solid #ffbd7550;border-radius:50%;display:grid;place-items:center;color:#ffbd75;font:25px 'DM Mono',monospace}
.hero-art .fallback[hidden]{display:none}
@media(max-width:800px){.hero-art{height:350px;margin-top:55px}.three-scene{inset:-35px -20px 0}.hero-art .motion-control{top:-25px}.hero-art .art-caption{bottom:-10px;font-size:9px}}