/* Home page only — base rules remain in style.css. */
@media (max-width: 1279px) {
    .hero--home .hero__content { margin-left: 5%; }
    .home-content { margin-inline: 5%; }
    .home-benefit { padding-inline: 18px; }
    .home-system__item { gap: 48px; }
    .home-stages__grid,
    .home-publications__grid { gap: 20px; }
}
@media (max-width: 991px) {
  
    .hero--home,
    .hero--home .hero__media,
    .hero--home .hero__background,
    .hero--home .hero__video,
    .hero--home > .container { height: 620px; }
    .hero--home .hero__content { width: min(520px, 85%); height: 100%; margin-left: 3%; }
    .hero--home .hero__title { top: 145px; width: 100%; font-size: 43px; }
    .hero--home .hero__text { top: 223px; width: 100%; font-size: 18px; line-height: 1.5; }
    .hero--home .hero__button { top: 355px; height: 50px; padding-inline: 45px; font-size: 16px; }
    .hero--home .hero__interactive { top: auto; bottom: -350px; right: -150px; width:680px; max-width: none; }
    .home-content { margin-inline: 0; }
    .home-section__title { font-size: clamp(33px, 5vw, 46px); }
    .home-section__intro { font-size: 16px; }
    .home-benefits { padding-top: 70px; }
    .home-benefits__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 48px 15px; margin-top: 45px; }
    .home-benefit:nth-child(odd) { border-left: 0; }
    .home-benefit__value,
    .home-benefit__value--pharma { font-size: 55px; }
    .home-benefit__value--poppins { font-size: 142px; }
    .home-benefit__title { font-size: 17px; }
    .home-action { padding-block: 70px 85px; }
    .home-system { padding-block: 75px 100px; }
    .home-system__items { margin-top: 55px; gap: 70px; }
    .home-system__item { gap: 28px; }
    .home-system__item-title { font-size: 35px; }
    .home-stages { padding-block: 60px 70px; }
    .home-stages__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .home-stage { padding: 32px 23px; }
    .home-publications { padding-block: 75px 85px; }
    .home-publications__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 45px; }
    .testimonial-carousel { padding-block: 65px 95px; }
    .testimonial-carousel__quote { font-size: 24px; }
}
@media (max-width: 767px) {
    .hero--home,
    .hero--home .hero__media,
    .hero--home .hero__background,
    .hero--home .hero__video,
    .hero--home > .container { height: 575px; }
    .hero--home .hero__background,
    .hero--home .hero__video { object-position: center; }
    .hero--home .hero__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start; width: 100%; margin: 0; padding-top: 123px; }
    .hero--home .hero__title { position: relative; top: auto; left: auto; font-size: clamp(30px, 8vw, 30px); line-height: 1.3; }
    .hero--home .hero__text { position: relative; top: auto; left: auto; width: min(100%, 480px); margin-top:7px; font-size:16px; line-height: 1.5; }
    .hero--home .hero__button { position: relative; top: auto; left: auto; height: 45px; margin-top: 25px; padding-inline: 30px; font-size: 14px; }
    .hero--home .hero__interactive { width: 550px; right: -225px; bottom: -275px; }
    .home-logo-strip { padding-block: 29px; }
    .home-logo-strip__image { max-height: 43px; }
    
    .home-logo-strip .home-content::before, .home-logo-strip .home-content::after { width:40px}
    .home-logo-strip__swiper .swiper-wrapper {justify-content: flex-start}
    .home-benefits { padding-block: 65px 28px; }
    .home-benefits__grid { grid-template-columns: minmax(0, 1fr); margin-top: 35px; gap: 30px; }
    .home-benefit { padding-inline: 0; border-left: 0 !important; }
    .home-benefit__value--pharma { font-size: 50px; margin-bottom: 25px; }
    .home-benefit__value--poppins { font-size: 112px; margin-bottom: 45px; }
    .home-benefit__title { max-width: 260px; margin: 0 auto 15px; font-size: 20px; }
    .home-benefit__text { max-width: 460px; margin-inline: auto; font-size: 16px}
    .home-section__title { font-size:30px; }
    .home-action { padding: 65px  0 55px 0}
    .home-section__intro {
        margin-top: 15px
    }
    .home-action__media { width: min(100%, 520px); margin-inline: auto; margin: 40px auto 0; }
    
   
    .home-action__play::after {

  top: 50%;
  left: 53%;
  width: 40px;
  height: 40px;
        transform: translate(-50%, -50%)
}
    
    .home-action__hosted-wrap {
        aspect-ratio: 4 / 4.6;
        overflow: hidden;
        position: relative;
    }

    .home-action__hosted-wrap video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    .home-action__play { width: 100px; height: 100px; }
    .home-system { padding-block: 35px 70px; }
    .home-system__items { margin-top: 36px; gap: 40px; }
    .home-system__item { grid-template-columns: minmax(0, 1fr); gap: 30px; }
    .home-system__item:nth-child(even) .home-system__media,
    .home-system__item:nth-child(even) .home-system__content { order: initial; }
    .home-system__media { width: 100%; }
    .home-system__item-title { margin-bottom: 13px; font-size: 32px; text-align: center; }
    .home-system__content { text-align: center; }
    .home-system__text { max-width: 510px; margin: 0 auto 19px; }
    .home-stages { padding-block: 43px 48px; }
    .home-stages::before { background-size: auto; width:100%; background-image: url("../images/discovery_hatter_mobil.png"); top:-170px; height: calc(100% + 380px);}
    .home-stages__grid { grid-template-columns: minmax(0, 1fr); gap: 18px; }
    .home-stage { padding: 35px 25px 45px 25px; }
    .home-stage__category { margin-bottom: 25px; }
    .home-stage__title { margin-bottom: 20px; }
    .home-publications { padding-block: 75px 60px; }
    .home-publications__grid { grid-template-columns: minmax(0, 1fr); margin-top: 34px; gap: 20px; }
    .home-publication__media { height: auto; aspect-ratio: 1.45; }
    .home-publication__content { padding: 18px 17px 22px; }
    .testimonial-carousel { padding-block: 45px 65px; margin-bottom: 40px}
    .testimonial-carousel__slide { padding-inline: 5px; }

    .testimonial-carousel__author { font-size: 24px; }
    .testimonial-carousel__role { font-size: 15px; }
    .testimonial-carousel__pagination.swiper-pagination { margin-top: 32px; }
}

@media(max-width:480px) {
    
     .home-action__media::before {
        background-image: url("../images/video_bg_left_mob.svg");
        left: -10px;
        background-size: 118px 500px;
        background-repeat: no-repeat;
        background-position: top;
       
    width: 118px;
    height: 505px;
         top: 195px
    }
    .home-action__media::after {
     background-image: url("../images/video_bg_right_mob.svg");
        right: -10px;
        background-size: 118px 500px;
     
    width: 118px;
    height: 505px;
        background-repeat: no-repeat;
          background-position: top;
      top: 195px
    }
    
    .home-section__intro br {
        display: none
    }
    
}



@media (max-width: 380px) {
    .hero--home .hero__content { padding-top: 116px; }
    .hero--home .hero__button { margin-top: 21px; }
}