.hero-carousel{width:100%;height:600px;position:relative;overflow:hidden}.embla{width:100%;height:100%;overflow:hidden}.embla__container{height:100%;display:flex}.embla__slide{flex:0 0 100%;min-width:0;position:relative}.embla__slide__img{width:100%;height:100%;position:relative}.embla__button{z-index:10;cursor:pointer;background-color:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #00000026}.embla__button:hover{background-color:var(--tertiary);color:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 4px 12px #0003}.embla__button:active{transform:translateY(-50%)scale(.95)}.embla__button--prev{left:1rem}.embla__button--next{right:1rem}.embla__button__svg{width:24px;height:24px}.embla__dots{z-index:10;gap:.75rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.embla__dot{cursor:pointer;background-color:#ffffff80;border:2px solid #fffc;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.embla__dot:hover{background-color:#fffc;transform:scale(1.2)}.embla__dot--selected{background-color:var(--tertiary);border-color:var(--tertiary);transform:scale(1.3)}@media (max-width:768px){.hero-carousel{height:400px}.embla__button{width:40px;height:40px}.embla__button--prev{left:.5rem}.embla__button--next{right:.5rem}.embla__button__svg{width:20px;height:20px}.embla__dots{gap:.5rem;bottom:1rem}.embla__dot{width:10px;height:10px}}@media (max-width:480px){.hero-carousel{height:300px}}