.hero h1 .line>span,.hero-description,.hero-art{animation:none!important}.hero-art{width:47%;right:4%;top:28px;height:590px}.hero-copy{width:55%}.hero-art canvas{display:block;width:100%;height:100%}.hero-art .art-note{bottom:-5px;left:24px;font-size:9px}.hero-art .motion-toggle{bottom:-15px;right:24px;background:var(--bg)}.hero-art .art-coordinate{top:0;right:28px}.hero-actions{display:flex;gap:26px;align-items:center}.motion-study-link{font-size:11px;color:#657461;border-bottom:1px solid #bdc7b6;padding-bottom:5px}.motion-study-link:hover{color:var(--green)}
@media(max-width:1100px){.hero-copy{width:100%;max-width:700px;padding-bottom:0}.hero-art{position:relative;width:100%;max-width:720px;right:auto;left:0;top:0;height:500px;margin:24px auto 35px}.hero-art .art-note{left:28px;bottom:0}.hero-art .motion-toggle{right:28px;bottom:-10px}.hero-art .art-coordinate{top:5px}.hero h1{font-size:clamp(70px,8vw,96px)}}
@media(max-width:700px){.hero h1{font-size:clamp(61px,13.4vw,90px)}.hero-art{width:100%;left:0;height:315px;margin:22px 0 35px;pointer-events:auto}.hero-art .art-note{left:3px;bottom:-10px;font-size:8px}.hero-art .motion-toggle{right:0;bottom:-25px}.hero-art .art-coordinate{top:-6px;right:4px}.hero-actions{gap:19px}.motion-study-link{font-size:10px;max-width:100px;line-height:1.5}}