/* 只覆盖 Onda 新版的首屏视觉层，不改动文字网格与项目交互。 */
.hero .hero-art{inset:0;animation:none;opacity:1}
.hero-art:after{content:"";position:absolute;inset:48% 0 0;pointer-events:none;background:linear-gradient(to bottom,transparent,#ffffffb0 60%,#fff 96%)}
#hero-pixels{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s ease;pointer-events:none}
.pixels-ready #hero-pixels{opacity:1}
.pixels-ready .hero-art>img{visibility:hidden}
.hero-foot{position:relative;gap:16px;align-items:center}
.hero-foot .motion-hint{font-family:var(--body);font-size:11px;letter-spacing:.06em}
#motion-toggle{font-size:11px;padding:5px 10px;border:1px solid var(--line);border-radius:20px;line-height:1.5;margin-left:auto;background:#fffc;white-space:nowrap}
#motion-toggle:hover{color:var(--purple);border-color:#bba3e5}
#motion-toggle[hidden]{display:none}
#motion-toggle:disabled{color:var(--gray);cursor:default}
@media(max-width:700px){.hero-art:after{inset:38% 0 0}.hero-foot{flex-wrap:wrap;gap:12px}.hero-foot .motion-hint{font-size:10px}.hero-foot>a{font-size:8px}#motion-toggle{font-size:10px;padding:5px 8px}}
@media(pointer:coarse){.motion-hint{font-size:0!important}.motion-hint:after{content:"PIXELS IN MOTION";font:9px var(--mono)}}
@media(prefers-reduced-motion:reduce){#hero-pixels{transition:none}.motion-hint{font-size:0!important}.motion-hint:after{content:"STRATEGY → CONTENT → VIDEO";font:9px var(--mono)}}