/* =====================================================================
   DISOBEY PREMIUM 2.42.63 — HOME RHYTHM / A NOSA VILA APPROVED HERO
   More breathing room between homepage modules, no thin separator lines,
   and the approved A Nosa Vila coastal banner.
   ===================================================================== */

#index{
  --diso-home-module-gap:clamp(54px,4.6vw,92px);
  --diso-home-gap-bg:#070708;
}

body#index,
#index #wrapper,
#index #content-wrapper,
#index #main,
#index .page-home,
#index .diso-home{
  background:var(--diso-home-gap-bg)!important;
}

#index .diso-home > section{
  position:relative;
  border-top:0!important;
  border-bottom:0!important;
  outline:0!important;
}
#index .diso-home > section + section{
  margin-top:var(--diso-home-module-gap)!important;
  box-shadow:none!important;
}

/* Remove the decorative hairlines that were visually joining modules. */
#index .diso-new-drop,
#index .diso-editorial,
#index .diso-brand-section,
#index .diso-cmston-apple,
#index .diso-motion-stage,
#index .diso-category-grid{
  border-top:0!important;
  border-bottom:0!important;
  box-shadow:none!important;
}
#index .diso-category-grid:before{
  display:none!important;
  content:none!important;
}

/* Category band follows the same large module rhythm. */
#index .diso-home > .diso-category-grid,
#index .diso-home > .diso-category-grid.diso-reveal,
#index .diso-home > .diso-category-grid.diso-reveal.is-visible{
  margin-top:var(--diso-home-module-gap)!important;
  margin-bottom:0!important;
  border:0!important;
}

/* A NOSA VILA — full-frame photo + independent live text layer.
   The artwork stays 1:1 (no lateral crop); the HTML copy moves at a
   different scroll speed to recover a premium parallax separation. */
@media (min-width:768px){
  #index .diso-editorial--anosa{
    min-height:0!important;
    height:clamp(560px,40vw,760px)!important;
    display:block!important;
    overflow:hidden!important;
    background:#07090a!important;
    isolation:isolate!important;
  }
  /* Vertical overscan only: full width is always preserved, so no lateral crop. */
  #index .diso-editorial--anosa .diso-editorial__image{
    inset:-110px 0!important;
    transform:none!important;
    background-image:url('../img/disobey/anosa.jpg')!important;
    background-size:100% auto!important;
    background-position:center 50%!important;
    background-color:#07090a!important;
    background-repeat:no-repeat!important;
    pointer-events:none!important;
    will-change:transform!important;
    z-index:1!important;
  }
  /* Clean photograph: only a soft readability veil under the live HTML copy. */
  #index .diso-editorial--anosa .diso-editorial__shade{
    display:block!important;
    z-index:3!important;
    pointer-events:none!important;
    background:linear-gradient(90deg,
      rgba(7,9,10,.82) 0%,
      rgba(7,9,10,.64) 10%,
      rgba(7,9,10,.42) 20%,
      rgba(7,9,10,.18) 31%,
      rgba(7,9,10,.04) 42%,
      rgba(7,9,10,0) 50%)!important;
  }
  /* Subtle right fade only for city readability; the source photo contains no baked city names. */
  #index .diso-editorial--anosa::after{
    content:"";
    position:absolute;
    z-index:4;
    top:0;right:0;bottom:0;
    width:15%;
    pointer-events:none;
    background:linear-gradient(90deg,
      rgba(7,9,10,0) 0%,
      rgba(7,9,10,.05) 28%,
      rgba(7,9,10,.18) 52%,
      rgba(7,9,10,.46) 76%,
      rgba(7,9,10,.72) 100%);
  }
  #index .diso-editorial--anosa .diso-editorial__copy{
    display:block!important;
    position:absolute!important;
    z-index:8!important;
    left:3.7%!important;
    top:16%!important;
    width:min(34%,610px)!important;
    margin:0!important;
    pointer-events:auto!important;
    will-change:transform!important;
  }
  #index .diso-editorial--anosa .diso-editorial__copy .diso-kicker{display:none!important;}
  #index .diso-editorial--anosa .diso-editorial__copy h2{
    filter:none!important;
    margin:0 0 clamp(18px,1.5vw,28px)!important;
    color:#fff!important;
    font-size:clamp(4.2rem,6.4vw,8rem)!important;
    line-height:.76!important;
    letter-spacing:-.06em!important;
    text-shadow:0 3px 16px rgba(0,0,0,.35)!important;
  }
  #index .diso-editorial--anosa .diso-editorial__copy p{
    max-width:570px!important;
    margin:0 0 clamp(20px,1.7vw,32px)!important;
    color:rgba(255,255,255,.88)!important;
    font-size:clamp(.92rem,1.02vw,1.15rem)!important;
    line-height:1.44!important;
    text-shadow:0 2px 12px rgba(0,0,0,.5)!important;
  }
  #index .diso-editorial--anosa .diso-editorial__copy .diso-button{
    position:relative!important;
    z-index:10!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
  }
  #index .diso-editorial--anosa .diso-places{
    display:flex!important;
    flex-direction:column!important;
    gap:0!important;
    position:absolute!important;
    z-index:9!important;
    top:8.5%!important;
    right:2.2%!important;
    width:clamp(118px,8.5vw,158px)!important;
    margin:0!important;
    padding:2px 0 2px 14px!important;
    border-left:2px solid #e31b2b!important;
    pointer-events:none!important;
    will-change:transform!important;
  }
  #index .diso-editorial--anosa .diso-places span{
    display:block!important;
    color:rgba(255,255,255,.92)!important;
    font-size:clamp(9px,.61vw,12px)!important;
    line-height:1.32!important;
    letter-spacing:.12em!important;
    font-weight:700!important;
    white-space:nowrap!important;
    text-shadow:0 2px 9px rgba(0,0,0,.72)!important;
  }
  #index .diso-anosa-desktop-hotspot{display:none!important;}
}

/* On mobile use the center of the same approved photo and keep the native,
   responsive copy/button so the section remains readable and tappable. */
@media (max-width:767px){
  #index{--diso-home-module-gap:28px;}
  #index .diso-editorial--anosa{
    min-height:720px!important;
    height:88svh!important;
  }
  #index .diso-editorial--anosa .diso-editorial__image{
    inset:-12% 0!important;
    transform:none!important;
    background-image:url('../img/disobey/anosa.jpg')!important;
    background-size:cover!important;
    background-position:64% center!important;
    background-repeat:no-repeat!important;
  }
  #index .diso-editorial--anosa .diso-editorial__shade{
    display:block!important;
    background:linear-gradient(180deg,rgba(0,0,0,.18),rgba(0,0,0,.12) 38%,rgba(0,0,0,.72) 100%)!important;
  }
  #index .diso-editorial--anosa .diso-editorial__copy{
    display:block!important;
    width:calc(100% - 36px)!important;
    margin:0 18px 42px!important;
  }
  #index .diso-editorial--anosa .diso-editorial__copy h2{
    filter:drop-shadow(0 14px 28px rgba(0,0,0,.24))!important;
    font-size:clamp(4.1rem,21vw,6rem)!important;
  }
  #index .diso-editorial--anosa .diso-places{display:none!important;}
  #index .diso-editorial--anosa .diso-places span{display:none!important;}
  #index .diso-anosa-desktop-hotspot{display:none!important;}
}

/* Empty Classic page footer must never create a white strip on home. */
#index .page-footer,
#index .page-footer:empty{
  display:none!important;
  height:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
}

#index #footer{
  margin-top:0!important;
  padding-top:var(--diso-home-module-gap)!important;
  border-top:0!important;
  background:var(--diso-home-gap-bg)!important;
}
#index #footer .diso-footer{margin-top:0!important;}