.hero-carousel{border-radius:.75rem;flex-direction:column;width:100%;display:flex;overflow:hidden}.hero-main{flex:none;width:100%;position:relative}.hero-main-viewport{aspect-ratio:16/10;width:100%;min-height:260px;position:relative;overflow:hidden}.hero-main-container{touch-action:pan-y pinch-zoom;height:100%;margin-left:0;display:flex}.hero-slide{flex:0 0 100%;align-self:stretch;min-width:0;height:100%;position:relative}.hero-slide img{object-fit:cover;width:100%;height:100%;display:block}.hero-slide>span{z-index:0;inset:0;width:100%!important;height:100%!important;display:block!important;position:absolute!important}.hero-slide-overlay{z-index:1;background:linear-gradient(90deg,#00000080 0%,#0003 50%,#0000 70%);flex-direction:column;justify-content:center;padding:2rem 4.5rem;display:flex;position:absolute;inset:0}.hero-slide-title{color:#fff;max-width:18ch;margin:0 0 .75rem;font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2}.hero-slide-desc{color:#ffffffe6;max-width:28ch;margin:0 0 1.25rem;font-size:clamp(.875rem,2vw,1rem);line-height:1.4}.hero-slide-btn{text-transform:uppercase;letter-spacing:.05em;color:#000;background:#fff;border-radius:.5rem;justify-content:center;align-items:center;width:fit-content;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:opacity .2s,transform .2s;display:inline-flex;box-shadow:0 2px 8px #00000026}.hero-slide-btn:hover{opacity:.95;transform:translateY(-1px)}.hero-nav{color:#333;cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;margin-top:auto;margin-bottom:auto;font-size:2.5rem;line-height:0;transition:opacity .2s,background .2s;display:flex;position:absolute;top:0;bottom:0}.hero-nav:hover{opacity:.95;background:#fff}.hero-nav-prev{left:1rem}.hero-nav-next{right:1rem}.hero-thumbs{flex:0 0 150px;padding:10px 0;overflow:hidden}.hero-thumbs-viewport{height:130px;overflow:hidden}.hero-thumbs-container{touch-action:pan-y pinch-zoom;gap:10px;height:100%;display:flex}.hero-thumb{cursor:pointer;opacity:.4;background:0 0;border:none;border-radius:.375rem;flex:1 1 0;min-width:0;height:100%;padding:0;transition:opacity .2s;position:relative;overflow:hidden}.hero-thumb:hover{opacity:.7}.hero-thumb-active{opacity:1}.hero-thumb img{object-fit:cover;width:100%;height:100%;display:block}