.hero-carousel{background-color:#0a0f1e;width:100%;max-width:1440px;height:520px;margin:0 auto;position:relative;overflow:hidden}.hero-carousel__slide{opacity:0;transition:opacity .7s;position:absolute;inset:0}.hero-carousel__slide--active{opacity:1}.hero-carousel__slide img{object-fit:cover;width:100%;height:100%}.hero-carousel__fade{pointer-events:none;background:linear-gradient(#0000,#0a0f1e99);height:120px;position:absolute;bottom:0;left:0;right:0}.hero-carousel__title{-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;width:fit-content;max-width:80%;font-size:64px;font-weight:500;line-height:1.2;position:absolute;bottom:80px;left:70px}.hero-carousel__dots{align-items:center;gap:8px;display:flex;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.hero-carousel__dot{cursor:pointer;background-color:#fc441e4d;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:width .3s,border-radius .3s,background-color .3s}.hero-carousel__dot--active{background-color:var(--color-orange);border-radius:4px;width:28px}.hero-carousel__arrows{gap:20px;display:flex;position:absolute;bottom:20px;right:70px}.hero-carousel__arrow-btn{color:#fff;border:1px solid #ffffffb3;width:48px;height:48px}.hero-carousel__arrow-btn:hover{background-color:#ffffff1a}@media (max-width:768px){.hero-carousel{height:320px}.hero-carousel__arrows{display:none}.hero-carousel__title{font-size:32px;bottom:60px;left:20px}}