.hero-carousel>.hero-slide{object-position:50% 48%;animation:photo-fade .45s ease-out}.hero-carousel>img:first-child{object-position:50% 51%}.hero-carousel figcaption{bottom:94px}.hero-controls{position:absolute;bottom:24px;left:30px;right:30px;z-index:3;display:flex;align-items:center;justify-content:flex-end;gap:10px}.hero-controls>button{width:40px;height:40px;color:white;background:#151a17a3;border:1px solid #ffffff55;font-size:20px}.hero-controls>button:hover{background:#e6372d}.hero-dots{display:flex;gap:0;background:#151a1766;padding:0 7px;height:40px;align-items:center}.hero-dots button{background:none;border:0;width:28px;height:40px;padding:10px;display:grid;place-content:center}.hero-dots span{width:6px;height:6px;border-radius:50%;background:#ffffff66}.hero-dots button[aria-pressed=true] span{background:white;width:17px;border-radius:6px}.hero-controls #heroPause{font-size:14px;margin-left:4px}.hero-carousel .photo-top>span:first-child{max-width:85%}.hero-carousel .photo-top #heroKind{font-size:inherit}.hero-carousel .photo-top #heroCounter{display:block}@keyframes photo-fade{from{opacity:.5}to{opacity:1}}
@media(max-width:560px){.hero-carousel{height:430px;min-height:430px}.hero-carousel>img:first-child{object-position:50% 52%}.hero-carousel figcaption{bottom:85px}.hero-carousel figcaption strong{font-size:17px}.hero-controls{bottom:20px;left:20px;right:20px}.hero-controls>button{height:42px;width:42px}.hero-carousel .photo-top{font-size:7px}.hero-carousel .photo-top>span:first-child{max-width:82%}.hero-dots,.hero-dots button{height:42px}}
@media(prefers-reduced-motion:reduce){.hero-carousel>.hero-slide{animation:none}}