/* Homepage carousel; isolated from catalogue and audience imagery. */
.hero-slideshow { background:#30352c; isolation:isolate; touch-action:pan-y pinch-zoom; --slide-duration:7200ms; }
.hero-frames,.hero-slide { position:absolute; inset:0; }
.hero-slide { opacity:0; visibility:hidden; transition:opacity 850ms ease,visibility 850ms; }
.hero-slide.is-active { opacity:1; visibility:visible; z-index:1; }
.hero-slide>img { position:absolute; inset:0; height:100%; width:100%; object-fit:cover; transform:scale(1.055); transition:transform 8s linear; }
.hero-slideshow.is-enhanced .hero-slide.is-active>img { transform:scale(1); }
.hero-slide::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg,#17201736 0%,transparent 36%,#17201745 57%,#172017ed 100%); pointer-events:none; }
.hero-slideshow .hero-stamp { z-index:3; right:30px; top:29px; pointer-events:none; }
.hero-slide-source { position:absolute; left:30px; top:32px; z-index:2; max-width:calc(100% - 160px); padding:7px 10px; color:#fff; background:#26302490; border:1px solid #ffffff38; backdrop-filter:blur(10px); font-size:.67rem; line-height:1.45; letter-spacing:.035em; }
.hero-slide-copy { position:absolute; z-index:2; left:34px; right:34px; bottom:126px; color:#fff; }
.hero-slide-category { color:#e4d2b5; font-size:.65rem; letter-spacing:.17em; margin-bottom:13px; }
.hero-slide-copy h2 { max-width:570px; font-size:clamp(2rem,3.4vw,3.8rem); letter-spacing:-.045em; line-height:1.07; text-wrap:balance; }
.hero-slide-description { max-width:440px; margin-top:13px; color:#f1efe6e0; font-size:.85rem; line-height:1.55; }
.hero-slide-link { display:inline-flex; align-items:center; gap:26px; min-height:44px; margin-top:13px; font-size:.8rem; border-bottom:1px solid #fff8; }
.hero-slide-link span { font-size:1.4rem; transition:transform .2s; }
.hero-slide-link:hover span { transform:translate(3px,-3px); }
.hero-controls { position:absolute; left:34px; right:34px; bottom:17px; z-index:4; }
.hero-controls[hidden] { display:none; }
.hero-control-row { display:flex; justify-content:space-between; align-items:center; gap:20px; }
.hero-counter { font-variant-numeric:tabular-nums; font-size:.8rem; letter-spacing:.12em; color:#fff; }
.hero-counter b { font-weight:400; font-size:1.1rem; }
.hero-counter>span { opacity:.6; }
.hero-control-buttons { display:flex; gap:8px; }
.hero-control-buttons button { width:44px; height:44px; padding:0; display:grid; place-items:center; background:#ffffff0f; color:#fff; border:1px solid #ffffff50; border-radius:50%; font-size:1.15rem; cursor:pointer; transition:background .2s; }
.hero-control-buttons button:hover { background:#ffffff30; }
.hero-control-buttons .hero-rotation { margin-right:12px; border-color:transparent; font-size:.9rem; }
.hero-control-buttons button:disabled { opacity:.35; cursor:default; }
.hero-selectors { display:flex; gap:8px; }
.hero-selector { flex:1; border:0; background:transparent; min-width:0; height:44px; padding:17px 0; cursor:pointer; }
.hero-selector>span { display:block; height:2px; background:#ffffff40; position:relative; overflow:hidden; }
.hero-selector b { display:block; height:100%; width:100%; background:var(--sand); transform:scaleX(0); transform-origin:left; }
.hero-selector[aria-pressed=true] b { transform:scaleX(1); }
.hero-slideshow.is-playing .hero-selector[aria-pressed=true] b { animation:hero-progress var(--slide-duration) linear both; }
.hero-selector:hover>span { background:#ffffff80; }
.hero-slideshow :is(a,button):focus-visible { outline:2px solid #fff; outline-offset:4px; }
.hero-announcement { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@keyframes hero-progress { from { transform:scaleX(0); } to { transform:scaleX(1); } }
@media(max-width:1100px) and (min-width:801px) { .hero-slide-copy,.hero-controls { left:25px; right:25px; } .hero-slide-copy h2 { font-size:2.3rem; } }
@media(max-width:800px) { .hero-slideshow { height:560px; } .hero-slide-copy h2 { font-size:clamp(2rem,6vw,3rem); max-width:470px; } .hero-slide-copy { bottom:120px; } }
@media(max-width:520px) { .hero-slideshow { height:510px; } .hero-slide-copy,.hero-controls { left:23px; right:23px; } .hero-slide-copy { bottom:117px; } .hero-slide-copy h2 { font-size:2rem; } .hero-slide-description { max-width:310px; font-size:.8rem; } .hero-slide-category { margin-bottom:10px; } .hero-slide-source { left:23px; top:25px; max-width:calc(100% - 140px); font-size:.6rem; } .hero-slideshow .hero-stamp { right:23px; top:24px; font-size:.65rem; } .hero-slide-link { margin-top:9px; } }
@media(prefers-reduced-motion:reduce) { .hero-slide,.hero-slide>img,.hero-slide-link span { transition:none; transform:none; } .hero-slideshow.is-playing .hero-selector[aria-pressed=true] b { animation:none; } }