.hero-art{position:absolute;inset:0;isolation:isolate;overflow:hidden;background:var(--hero-bg);color:var(--hero-fg);container-type:inline-size}
.hero-art canvas,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-shade{background:linear-gradient(90deg,var(--hero-bg) 0%,transparent 85%);opacity:.62}
.hero-copy{position:absolute;inset:22% 7% 15%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:17px;pointer-events:none}
.hero-copy strong{font-family:Georgia,'Songti SC',serif;font-size:clamp(25px,7.2cqw,64px);line-height:1.3;letter-spacing:-.04em;max-width:90%;text-wrap:balance}
.hero-eyebrow{font-size:9px;letter-spacing:.16em;font-weight:700}
.hero-caption{font-size:11px;letter-spacing:.07em;opacity:.8}
.hero-label{font-size:8px;letter-spacing:.13em;border-bottom:1px solid currentColor;padding:8px 0}
.hero-edition{position:absolute;bottom:42px;right:6%;font-size:8px;letter-spacing:.13em;opacity:.65}
@container (min-width:600px){.hero-eyebrow{font-size:12px}.hero-caption{font-size:14px}.hero-label{font-size:10px}.hero-copy{gap:23px}}
.stage.hero-study:has(.hero-art:is([data-hero="0"],[data-hero="2"],[data-hero="6"],[data-hero="8"])) :is(.stage-label,.stage-prompt){color:#493e3a}