/* Shared by the standalone preview and the Ghost homepage. */
.hero-art .thinker-sequence{position:relative;width:min(100%,452.5px);height:auto;aspect-ratio:1086 / 1536;isolation:isolate;flex-shrink:0}
/* All four originals use one common pixel scale rather than separate contain scales.
   Stages 1/2 are 1086x1448; stages 3/4 are 1024x1536. Shared canvas: 1086x1536.
   Preserve aspect ratios, center horizontally, and anchor all rock bases at bottom. */
.hero-art .thinker-sequence img{position:absolute;inset:auto;left:50%;bottom:0;transform:translateX(-50%);width:100%;height:auto;max-width:none;opacity:0;transition:opacity .5s ease-in-out}
.hero-art .thinker-sequence img:nth-child(3),.hero-art .thinker-sequence img:nth-child(4){width:94.29097606%}
.hero-art .thinker-sequence img.is-current{opacity:1}
.hero-art .thinker-toggle{position:absolute;right:12px;bottom:18px;z-index:3;padding:9px 13px;border:1px solid #ccdbee;border-radius:4px;background:#fff;color:#172b4d;font:600 12px Arial,sans-serif;cursor:pointer;min-height:40px}
.hero-art .thinker-toggle[hidden]{display:none}
.hero-art .thinker-toggle:focus-visible{outline:3px solid #4169e1;outline-offset:3px}
.hero-art figcaption{z-index:3;max-width:60%}
@media(max-width:850px){.hero-art .thinker-sequence{width:min(100%,374.7265625px)}}
@media(max-width:580px){.hero-art .thinker-sequence{width:min(100%,296.953125px)}}
@media(prefers-reduced-motion:reduce){.hero-art .thinker-sequence img{transition:none}}
