.elementor-1504 .elementor-element.elementor-element-0b56ea3{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-1504 .elementor-element.elementor-element-0b56ea3{--padding-top:0px;--padding-bottom:0px;--padding-left:013px;--padding-right:13px;}.elementor-1504 .elementor-element.elementor-element-9becaf4{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;padding:0% 0% 0% 0%;}}/* Start custom CSS for container, class: .elementor-element-0b56ea3 *//* ── SHARED ── */
.v-project-list { list-style: none; padding: 0; margin: 0; }

.v-project-item {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 0.85 !important;
  text-align: center;
  filter: blur(0px);
  letter-spacing: -1px;
  display: flex;
  justify-content: center;
  align-content: center;
}
.v-project-item a {
  font-weight: bold;
  font-family:"Grotesk condensed";
  text-transform: uppercase;
  text-decoration: none;
  color: #000 !important;
  display: block;
}

/* ── MOBILE (≤768px) ── */
@media (max-width: 768px) {
  #mob-scroll-wrapper {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    background: #fff;
    z-index: 10;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-top: 8%;
    padding-left:13px;
    padding-right: 13px;
  }
  #mob-scroll-wrapper::-webkit-scrollbar { display: none; }

  .v-project-item a { font-size: 2.5rem; }

  #mob-scroll-wrapper.is-interacting .v-project-item.active-selection {
    filter: blur(2px);
  }

  #mob-image-card {
    position: fixed;
    bottom: 30px; right: 20px;
    width: 45%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 999999;
    pointer-events: none;
    display: none;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    transition: opacity 0.2s ease, height 0.3s ease;
    opacity: 0;
  }
  #mob-image-card.is-visible { opacity: 1; }

  #desk-scroll-wrapper,
  #desk-list-wrapper,
  #desk-image-card { display: none !important; }
}

/* ── DESKTOP (>768px) ── */
@media (min-width: 769px) {
  #mob-scroll-wrapper,
  #mob-image-card { display: none !important; }

  #desk-scroll-wrapper {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
    scrollbar-width: none;
    background: #fff;
    padding-top: 6%;
  }
  #desk-scroll-wrapper::-webkit-scrollbar { display: none; }

  #desk-list-wrapper { width: 100%; }

  #desk-list-wrapper .v-project-item a {
    font-size: clamp(5rem, 9vw, 8.5rem);
    transition: filter 0.25s ease;
  }
 

  #desk-list-wrapper .v-project-item.desk-hovered a{
    filter: blur(3px);
  }
  
  

  #desk-image-card {
    position: fixed;
    bottom: 38px; right: 20px;
    width: 50%; max-width: 320px;
    pointer-events: none;
    z-index: 999999;
    border-radius: 5px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.2);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    display: none;
    transition: opacity 0.22s ease, height 0.25s ease;
  }
  #desk-image-card.is-visible { opacity: 1; }
}/* End custom CSS */