/* Landing artwork only. The brand image and experiment drawings stay untouched. */
.hero-art.logo-illusion{max-width:390px;padding:0;align-self:center;position:relative}
.logo-illusion__stage{width:100%;aspect-ratio:1;position:relative;color:var(--ink)}
.logo-illusion__stage svg,.logo-illusion__stage>img{display:block;width:100%;height:auto;position:relative}
.logo-illusion__footer{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;margin-top:-10px}
/* Reserve two caption lines so the rotating prompts do not move the artwork. */
.logo-illusion__caption{margin:0;width:100%;min-width:0;max-width:100%;min-height:3.2em;font-size:2.03125rem;line-height:1.6;color:var(--muted);letter-spacing:.015em;text-wrap:balance;overflow-wrap:anywhere}
@media(max-width:760px){.hero-art.logo-illusion{width:min(280px,100%);margin:0 auto}.logo-illusion__footer{margin-top:-7px;gap:4px}.logo-illusion__caption{font-size:1.875rem}}
@media(prefers-reduced-motion:reduce){.logo-illusion [data-logo-petals],.logo-illusion [data-logo-study]{opacity:0!important}.logo-illusion [data-logo-original]{opacity:1!important}}
@media print{.logo-illusion [data-logo-petals],.logo-illusion [data-logo-study]{opacity:0!important}.logo-illusion [data-logo-original]{opacity:1!important}}