.hero-art{isolation:isolate;overflow:visible}
.hero-model{position:absolute;inset:0;z-index:2;cursor:grab;touch-action:pan-y;opacity:0;transition:opacity .65s ease}
.hero-model.is-ready{opacity:1}
.hero-model.is-dragging{cursor:grabbing}
.hero-model canvas{display:block;width:100%;height:100%;outline:none;touch-action:pan-y!important}
.model-poster{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;z-index:1;opacity:1;transition:opacity .3s}
.hero-art:has(.hero-model.is-ready) .model-poster{opacity:0}
.hero-art:before{content:"";position:absolute;inset:13%;background:radial-gradient(ellipse at 50% 58%,#baf05a0b 0%,#a6d85806 34%,transparent 69%);z-index:0}
.model-grid{position:absolute;inset:5%;z-index:0;opacity:.55;pointer-events:none}
.model-grid>span{position:absolute;left:50%;top:50%;width:97%;height:97%;transform:translate(-50%,-50%);border:1px solid #82916a1a;border-radius:50%}
.model-grid>span:nth-child(2){width:84%;height:84%;border-style:dashed;border-color:#82916a17}
.model-grid>i{position:absolute;left:0;right:0;top:50%;height:1px;background:#82916a0d}
.model-grid>i:last-child{left:50%;right:auto;top:0;bottom:0;width:1px;height:auto}
.hero-art .art-coordinate{z-index:3;pointer-events:none;color:#77876b}
.hero-art .art-coordinate-top{top:6px;right:21px;font-size:8px}
.hero-art .art-bottom{z-index:4;bottom:-5px;left:24px;right:18px;color:#859777;letter-spacing:.7px}
.model-instruction{display:flex;align-items:center;gap:8px;font-size:8px}
.model-instruction>span{font:17px Arial;color:#aec891}
.model-reset{background:transparent;display:flex;align-items:center;gap:10px;font:8px var(--mono);letter-spacing:.5px;color:#91a67c;padding:8px 0}
.model-reset>span{font:17px Arial;color:#b5ca9a}
.model-reset:hover{color:var(--lime)}
.model-caption{position:absolute;bottom:53px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;z-index:3;font:9px var(--sans);color:#b3c19f;letter-spacing:1.5px;white-space:nowrap;pointer-events:none}
.model-caption-dot{width:4px;height:4px;border-radius:50%;background:#d6ff62;box-shadow:0 0 9px #d6ff6250}
.static-model .model-instruction,.static-model .model-reset{visibility:hidden}
.static-model .hero-model{display:none}
.static-model .model-poster{opacity:1!important}
@media(max-width:1100px){.hero-art .art-coordinate-top{right:10px;font-size:7px}.model-caption{bottom:35px;font-size:8px}.hero-art .art-bottom{left:5px;right:0}}
@media(max-width:760px){.hero-art{height:365px;margin-top:21px}.hero-art .art-coordinate-top{top:0;right:3px;font-size:6px}.hero-art .art-bottom{bottom:-3px;left:3px;right:1px}.model-instruction{font-size:6px}.model-reset{font-size:6px;gap:6px}.model-caption{bottom:27px;font-size:7px;letter-spacing:1px}.model-instruction{visibility:hidden}.model-grid{inset:2% 0 8%}.model-grid>span{width:94%;height:94%}}
@media(max-width:370px){.hero-art{height:330px}.model-caption{bottom:25px}}
@media(prefers-reduced-motion:reduce){.hero-model,.model-poster{transition:none}}