/*********************  HEADER & BANNER ************************/

/* RESPONSIVE */
@media (max-width:1024px){
  .navbar__inner{ padding:0 32px; }
  .navbar__list{ gap:26px; }
  .hero__preview-frame{ width:84px; height:84px; }
}
@media (max-width:860px){
  .navbar__toggle{ display:flex; }
  .navbar__nav{
    position:fixed; inset:0; z-index:105;
    background: rgba(8,8,7,0.98);
    display:flex; align-items:center; justify-content:center;
    opacity:0; visibility:hidden; transform: translateY(-12px);
    transition: opacity 0.4s var(--ease), transform 0.4s var(--ease), visibility 0.4s;
  }
  .navbar__nav.is-open{ opacity:1; visibility:visible; transform: translateY(0); }
  .navbar__list{ flex-direction:column; gap:26px; text-align:center; }
  .navbar__link{ font-size:14px; }
  .navbar__link--outline{ margin-top:8px; }
  .navbar__dropdown{
    position:static; transform:none; opacity:1; visibility:visible;
    background:transparent; border:none; box-shadow:none; display:none;
    padding:14px 0 0; text-align:center;
  }
  .navbar__item--dropdown.is-open .navbar__dropdown{ display:block; }
  .navbar__dropdown-link{ padding:10px 0; opacity:0.7; }
  .navbar__dropdown-link:hover{ padding-left:0; }
  .hero__arrow{ width:42px; height:42px; font-size:15px; }
  .hero__arrow--prev{ left:16px; }
  .hero__arrow--next{ right:16px; }
  .hero__preview{ right:18px; bottom:18px; }
  .hero__preview-frame{ width:64px; height:64px; padding:4px; }
}
@media (max-width:480px){
  .navbar__inner{ padding:0 20px; }
}









@media(max-width:992px){

    .about-section{

        justify-content:center;

        padding:80px 30px;

    }

    .about-content{

        max-width:100%;
        padding:45px;

    }

    .about-content h2{

        font-size:42px;

    }

}

@media(max-width:768px){

    .about-content{

        padding:35px;

    }

    .about-content h2{

        font-size:34px;

    }

    .about-content p{

        font-size:15px;

    }

}