.hero-art.hero-carousel{display:flex;flex-direction:column;align-items:stretch;height:610px;min-width:0;overflow:hidden;background:#fff}
.hero-viewport{position:relative;flex:1 1 0;min-height:0;width:100%;touch-action:pan-y;overflow:hidden}
.hero-track{position:absolute;inset:0;width:100%;height:100%}
.hero-slide{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateX(22px);pointer-events:none;transition:opacity .65s ease,transform .85s ease,visibility 0s .85s}
.hero-slide.is-active{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto;transition-delay:0s}
.hero-slide img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;object-position:center;user-select:none;-webkit-user-drag:none}
.hero-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;font-family:Arial,sans-serif;font-size:30px;font-weight:300;color:#666;background:rgba(255,255,255,.8);border-radius:50%;padding:0;z-index:2;opacity:.6;transition:opacity .2s}
.hero-arrow:hover,.hero-arrow:focus-visible{opacity:1}.hero-arrow.previous{left:14px}.hero-arrow.next{right:14px}
.hero-controls{flex:0 0 86px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:25px 40px;gap:4px 0;padding:0 30px 13px;align-content:end;position:relative;z-index:2;background:#fff}
.hero-controls .hero-caption{position:static;grid-column:1/-1;grid-row:1;align-items:center;font-size:10px;letter-spacing:.6px;gap:15px}
.hero-pagination{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;gap:0}
.hero-pagination button{display:grid;place-items:center;width:28px;height:36px;padding:0}
.hero-pagination button span{display:block;width:6px;height:6px;border:1px solid #8d8b84;border-radius:50%;transition:background .2s,transform .2s}
.hero-pagination button[aria-current=true] span{background:#252521;border-color:#252521;transform:scale(1.15)}
.hero-pause{grid-column:3;grid-row:2;justify-self:end;align-self:center;width:36px;height:36px;padding:0;font-size:13px;color:#6b6b64}
@media(max-width:1100px){.hero-art.hero-carousel{height:560px}}
@media(max-width:760px){.hero-art.hero-carousel{height:420px}.hero-controls{flex-basis:78px;padding:0 20px 8px;grid-template-rows:25px 36px}.hero-controls .hero-caption{font-size:9px;letter-spacing:.3px}.hero-arrow.previous{left:8px}.hero-arrow.next{right:8px}.hero-arrow{font-size:27px}.hero-pagination button{width:25px}}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-pagination button span,.hero-arrow{transition:none;transform:none}.hero-arrow{transform:translateY(-50%)}}