/* Transparent sculpture, enlarged 20% in the renderer and matching fallback media. */
.hero{gap:32px;min-height:404px;margin:8px 0 27px}
.ai-art.particle-art{height:380px;width:100%;min-width:0;margin:0;background:transparent;border:0;border-radius:0;overflow:visible;isolation:isolate;box-shadow:none}
.particle-art canvas,.particle-art video,.particle-art .motion-poster{position:absolute;inset:0;display:block;width:100%;height:100%;border:0}
.particle-art canvas{opacity:0;pointer-events:none}
.particle-art video,.particle-art .motion-poster{object-fit:contain;object-position:center;pointer-events:none}
.particle-art video{opacity:0}
.particle-art .motion-poster{opacity:0}
.particle-art .motion-poster-light{opacity:1}
:root[data-theme=dark] .particle-art .motion-poster-light{opacity:0}
:root[data-theme=dark] .particle-art .motion-poster-dark{opacity:1}
.particle-art[data-motion-mode=canvas] canvas{opacity:1;pointer-events:auto}
.particle-art[data-motion-mode=video] video{opacity:1}
:root .particle-art[data-motion-mode=canvas] .motion-poster,:root .particle-art[data-motion-mode=video] .motion-poster{opacity:0}
.particle-art .motion-toggle{right:15px;bottom:14px;width:34px;height:34px;background:var(--surface);border:1px solid var(--line);color:var(--muted);backdrop-filter:blur(10px);z-index:2}
.particle-art .motion-toggle:hover{background:var(--surface-2);color:var(--text)}
.particle-art .motion-toggle:focus-visible{outline-color:#aee6ff}

@media(max-width:980px) and (min-width:761px){.hero{gap:22px}.ai-art.particle-art{height:340px}}
@media(max-width:760px){.hero{gap:0;margin-top:0;margin-bottom:22px}.ai-art.particle-art{height:300px;max-width:480px;margin:23px auto 0;border-radius:0}.particle-art .motion-toggle{right:12px;bottom:12px}}
@media(max-width:380px){.ai-art.particle-art{height:278px}}