#loader,.nav{position:fixed;top:0}#loader,.center,.inside_nav,.right{display:flex}.main,.scroll-section,body,html{overflow:hidden}#loader{z-index:9999;left:0;width:100%;height:100%;background:#000;justify-content:center;align-items:center;flex-direction:column;transition:opacity .8s,visibility .8s}a{text-decoration:none;color:#fff}#loader.fade-out{opacity:0;visibility:hidden}.loader-content{text-align:center;color:#fff;font-family:'Helvetica Neue',sans-serif}.spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.2);border-top:5px solid #fff;border-radius:50%;animation:1.2s linear infinite spin;margin:0 auto 20px}.mobile-menu>div,.nav{border-bottom:1px solid rgba(255,255,255,.1)}.loader-text{font-size:18px;letter-spacing:1px;opacity:.8}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;background-color:#000;color:#fff}.nav{width:100%;background:rgba(0,0,0,.85);z-index:1000}.inside_nav{justify-content:space-between;align-items:center;height:70px;padding:0 20px;max-width:1400px;margin:0 auto}.left img{height:35px;width:auto}.center{gap:15px}.center>div{padding:8px 16px;cursor:pointer;border-radius:20px;font-size:14px;font-weight:500;transition:background-color .2s}.center>div:hover{background-color:rgba(255,255,255,.15)}.right{gap:12px}.right img{width:28px;height:28px;cursor:pointer;opacity:.8;transition:opacity .2s}.right img:hover{opacity:1}.mobile-menu-btn{padding-left:24px;display:none;background:0 0;border:none;color:#fff;font-size:24px;cursor:pointer}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:rgba(0,0,0,.95);padding:2px}.mobile-menu.active{display:block}.mobile-menu>div{padding:12px 0;text-align:center;cursor:pointer}.main{display:flex;flex-direction:row;height:calc(100vh)}.auto-scroll{transition:transform linear}.scroll-section{flex:1;position:relative}.scroll-container{position:absolute;width:100%;will-change:transform}.scroll-section img{width:100%;display:block;object-fit:cover;filter:grayscale(1);margin-bottom:3px}#scroll-section-1 img:first-child,#scroll-section-2 img:nth-child(2),#scroll-section-3 img:nth-child(2){height:85vh}#scroll-section-1 img:nth-child(2),#scroll-section-2 img:nth-child(4),#scroll-section-3 img:nth-child(4){height:95vh}#scroll-section-1 img:nth-child(3),#scroll-section-2 img:first-child,#scroll-section-3 img:nth-child(3){height:80vh}#scroll-section-1 img:nth-child(4),#scroll-section-3 img:first-child{height:90vh}#scroll-section-1 img:nth-child(5),#scroll-section-2 img:nth-child(5),#scroll-section-3 img:nth-child(5){height:100vh}#scroll-section-2 img:nth-child(3){height:75vh}@media (max-width:768px){.inside_nav{height:60px;padding:0 15px}.center{display:none}.mobile-menu-btn{display:block}.right{gap:8px}.right img{width:24px;height:24px}.scroll-section img{height:100vh!important;margin-bottom:8px}}@media (max-width:480px){.inside_nav{padding:0 10px}.left img{height:30px}.right img{width:22px;height:22px}.scroll-section img{height:100vh!important}}@media (max-width:1024px){html{scroll-behavior:smooth}}/* Hide mobile auto scroll on desktop */
.mobile-scroll-gallery {
  display: none;
}

@media (max-width: 768px) {
  /* Hide desktop content on mobile */
  .main {
    display: none;
  }

  .mobile-scroll-gallery {
    display: block;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    background: #000;
    z-index: 10;
  }

  .mobile-scroll-images {
    display: flex;
    flex-direction: column;
    transition: transform 1s ease-in-out;
  }

  .mobile-scroll-images picture {
    width: 100vw;
    height: 100vh;
    flex-shrink: 0;
  }

  .mobile-scroll-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    filter: grayscale(1);
  }
}