.carousel{background:var(--gold-50)}.carousel-swiper{display:flex;flex-direction:column;height:60vw;opacity:0;position:relative;width:100%}.crsl-nav{background:linear-gradient(180deg,transparent,rgba(0,0,0,.5));bottom:0;display:flex;gap:.5em;justify-content:center;left:0;list-style:none;padding:2em 0 1em;position:absolute;width:100%;z-index:5}.crsl-nav button{background:var(--gold-50);font-size:8px;height:3px;opacity:.5;transition:opacity .3s ease;width:3em}.crsl-nav li.active button{opacity:1}.crsl-nav li button:hover{opacity:.8}.carousel-swiper.active{opacity:1}.carousel-swiper .swiper,.carousel-swiper .swiper-slide,.carousel-swiper .swiper-wrapper{height:100%;width:100%}