.hero-carousel{direction:ltr;justify-content:center;align-items:center;width:100%;display:flex;position:relative}.hero-carousel__container{width:100%;max-width:1600px;margin:0 auto;position:relative}.hero-carousel__swiper{width:100%;padding:50px 0}.hero-carousel__slide{width:100%;height:320px;transition:all .3s}.hero-carousel__slide.swiper-slide-active{height:400px}.hero-carousel__slide.swiper-slide-active .hero-carousel__card{border-radius:20px}.hero-carousel__slide.swiper-slide-active .hero-carousel__title{font-size:1.5rem}.hero-carousel__slide.swiper-slide-active .hero-carousel__text{opacity:1;font-size:14px}.hero-carousel__slide.swiper-slide-active .hero-carousel__btn{opacity:1;transform:translateY(0)}.hero-carousel__card{color:#fff;background-position:50%;background-size:cover;border-radius:15px;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.3)}.hero-carousel__overlay{background:linear-gradient(rgba(0,0,0,.2) 0%,rgba(0,0,0,.6) 100%);width:100%;height:100%;position:absolute;top:0;left:0}.hero-carousel__content{z-index:2;text-align:center;color:#fff;padding:30px;position:relative}.hero-carousel__title{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5);margin-bottom:15px;font-size:1.25rem;font-weight:700;transition:all .3s}.hero-carousel__text{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);margin-bottom:20px;font-size:12px;line-height:1.6;transition:all .3s}.hero-carousel__btn{color:#fff;cursor:pointer;background-color:#81a285;border-radius:24px;align-items:center;gap:8px;padding:8px 16px;font-size:.95rem;font-weight:500;display:flex}.hero-carousel__btn svg{fill:#fff}.hero-carousel__btn:hover{color:#667eea;background:#fff;transform:translateY(-2px)}.swiper-slide-active .hero-carousel__btn{opacity:1;transform:translateY(0)}.hero-carousel__navigation{margin-top:30px;position:relative}.hero-carousel__button{cursor:pointer;z-index:10;color:#667eea;background:rgba(255,255,255,.9);border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 15px rgba(0,0,0,.2)}.hero-carousel__button:hover{background:#fff;transform:translateY(-50%)scale(1.1);box-shadow:0 6px 20px rgba(0,0,0,.3)}.hero-carousel__button:active{opacity:0;transform:translateY(-50%)scale(.95)}.hero-carousel__button--prev{left:20px}.hero-carousel__button--next{right:20px}.hero-carousel__button.swiper-button-disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.hero-carousel__slide{height:280px}.hero-carousel__slide.swiper-slide-active{height:380px}.hero-carousel__title{font-size:1.5rem}.hero-carousel__text{font-size:.9rem}.hero-carousel__btn{padding:10px 25px;font-size:.9rem}.hero-carousel__button{width:40px;height:40px}.hero-carousel__button--prev{left:10px}.hero-carousel__button--next{right:10px}}
.proj-hero{background-color:#81a285;flex-direction:column-reverse;align-items:center;gap:24px;width:100%;padding:64px 24px;display:flex}.proj-hero__right{text-overflow:ellipsis;flex-direction:column;justify-content:space-around;gap:16px;width:100%;display:flex;overflow:hidden}.proj-hero__right h3{color:#fff;font-size:max(16px,min(2vw,20px))}.proj-hero__right p{color:#fff;-webkit-line-clamp:9;text-overflow:ellipsis;-webkit-box-orient:vertical;font-size:max(14px,min(2vw,16px));font-weight:500;line-height:36px;display:-webkit-box;overflow:hidden}.proj-hero__left{border-radius:24px;width:100%;max-width:100%;height:400px;overflow:hidden}.proj-hero__left .swiper{width:100%;height:100%}.proj-hero__left .swiper-slide{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.proj-hero__left .swiper-slide img{object-fit:cover;width:100%;height:100%}.proj-hero__left .swiper-pagination{z-index:10}.proj-hero__left .swiper-pagination-bullet{opacity:1;background-color:#545775;width:12px;height:12px}.proj-hero__left .swiper-pagination-bullet-active{background-color:#81a285}.proj-hero__left img{object-fit:cover;width:100%;height:100%;aspect-ratio:16/9!important}@media (min-width:600px){.proj-hero{grid-template-columns:1fr 1fr;display:grid}}@media (min-width:1025px){.proj-hero{gap:64px;padding:64px}}