.studio-art-stage[data-has-slideshow]{grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}
.studio-art-stage[data-has-slideshow] .studio-art-aside{max-width:900px;width:100%;margin:0}
.hero-slideshow{position:relative;min-width:0;max-width:100%;--slide-bg:#111318}
.hero-slide-viewport{position:relative;width:100%;aspect-ratio:16/9;max-height:66svh;overflow:hidden;background:var(--slide-bg);touch-action:pan-y pinch-zoom;isolation:isolate}
.hero-slide{position:absolute;inset:0;margin:0;will-change:transform}
.hero-slide a{display:block;width:100%;height:100%;touch-action:pan-y pinch-zoom}
.studio-art-stage .hero-slide img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.hero-slide-controls{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin-bottom:10px}
.hero-slide-controls button{display:grid;place-items:center;border:1px solid currentColor;background:transparent;color:inherit;min-width:40px;height:38px;padding:3px 9px;font:inherit;font-size:18px;cursor:pointer}
.hero-slide-controls button:hover{background:#7772}
.hero-slide-count{margin-left:6px;font-size:.78rem;font-variant-numeric:tabular-nums;min-width:70px;text-align:right;white-space:nowrap}
.hero-slide-caption{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;align-content:start;gap:6px 18px;margin-top:12px;height:6em;overflow:auto;font-size:.82rem;line-height:1.45;color:inherit}
.hero-slide-caption a{max-width:100%;overflow-wrap:anywhere;text-underline-offset:4px}
.hero-slide-caption>span{max-width:100%;opacity:.75;overflow-wrap:anywhere;font-size:.75rem}
.hero-slide-picker{display:block;box-sizing:border-box;width:100%;height:24px;margin:8px 0 0;accent-color:#757c97;cursor:pointer}
.hero-slideshow :focus-visible{outline:3px solid #7b8fea;outline-offset:4px}
.hero-slide-viewport:focus-visible{outline-offset:2px}
html[data-contrast=high] .hero-slideshow{--slide-bg:#000}
html[data-contrast=high] .hero-slide-caption>span{opacity:1}
@media(max-width:760px){.hero-slide-viewport{aspect-ratio:4/3;max-height:60svh}.hero-slide-controls{gap:6px}.hero-slide-controls button{min-width:40px;height:40px}.hero-slide-caption{font-size:.8rem}.studio-art-stage[data-has-slideshow]{gap:24px}}
@media(prefers-reduced-motion:reduce){.hero-slide{will-change:auto}}