/* Diagonal split collection heroes — loaded last */
.collection-hero-brand{
  position:relative!important;
  min-height:72vh!important;
  overflow:hidden!important;
  display:block!important;
  padding:0!important;
  isolation:isolate;
  background:#bfeff3!important;
}
.collection-hero-brand:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-color:#bfeff3;
  background-image:radial-gradient(rgba(22,72,166,.18) 1.6px,transparent 1.6px);
  background-size:14px 14px;
}
.collection-hero-brand.manifestation:before{background-color:#ffd8e8;background-image:radial-gradient(rgba(255,47,134,.17) 1.6px,transparent 1.6px)}
.collection-hero-brand.crystal:before{background-color:#cceff3;background-image:radial-gradient(rgba(88,75,190,.17) 1.6px,transparent 1.6px)}

.collection-hero-brand>div:first-child{
  position:relative;
  z-index:3;
  width:min(48%,680px);
  min-height:72vh;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  padding:clamp(70px,8vw,120px) clamp(34px,7vw,110px);
}
.collection-hero-brand>div:first-child h1{max-width:7.5ch}

.collection-hero-brand .collection-preview-detail{
  position:absolute!important;
  inset:0 0 0 auto!important;
  z-index:2!important;
  width:58%!important;
  height:100%!important;
  margin:0!important;
  transform:none!important;
  border:0!important;
  border-radius:0!important;
  overflow:hidden!important;
  clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);
  background:transparent!important;
  box-shadow:none!important;
}
.collection-hero-brand .collection-preview-detail .collection-art{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  display:block!important;
  transform:none!important;
}
.collection-hero-brand:after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  background:rgba(255,255,255,.94);
  clip-path:polygon(54.52% 0,54.98% 0,42.24% 100%,41.78% 100%);
  filter:drop-shadow(0 0 8px rgba(255,255,255,.38));
}

/* Hero carousel uses dots/swipe only; directional arrows are intentionally removed. */
.carousel-arrow,
.carousel-prev,
.carousel-next{
  display:none!important;
}

/* Tablet/mobile: stop treating the desktop diagonal as a fixed-height composition.
   Copy owns its natural height, artwork follows it, and the CTA stays inside the copy block. */
@media(max-width:900px){
  .collection-hero-brand{
    min-height:0!important;
    display:flex!important;
    flex-direction:column!important;
    overflow:hidden!important;
  }
  .collection-hero-brand>div:first-child{
    width:100%!important;
    min-height:0!important;
    padding:88px 28px 42px!important;
    flex:0 0 auto!important;
  }
  .collection-hero-brand>div:first-child h1{
    max-width:none!important;
    overflow-wrap:normal;
    word-break:normal;
  }
  .collection-hero-brand>div:first-child>p:not(.eyebrow){
    max-width:650px;
    margin-bottom:24px!important;
  }
  .collection-hero-brand>div:first-child .primary{
    position:relative!important;
    z-index:6!important;
    width:auto!important;
    max-width:100%!important;
    margin-top:0!important;
    align-self:flex-start!important;
  }
  .collection-hero-brand .collection-preview-detail{
    position:relative!important;
    inset:auto!important;
    order:2!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    clip-path:none!important;
    overflow:hidden!important;
  }
  .collection-hero-brand .collection-preview-detail .collection-art{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
  }
  .collection-hero-brand:after{display:none!important}
}

@media(max-width:560px){
  .collection-hero-brand{min-height:0!important}
  .collection-hero-brand>div:first-child{
    min-height:0!important;
    padding:92px 20px 30px!important;
  }
  .collection-hero-brand>div:first-child .launch-chip{
    margin:0 0 18px!important;
    white-space:normal!important;
  }
  .collection-hero-brand>div:first-child .eyebrow{
    margin:0 0 22px!important;
    font-size:10px!important;
    line-height:1.45!important;
    letter-spacing:.18em!important;
  }
  .collection-hero-brand>div:first-child h1{
    max-width:none!important;
    margin:0 0 24px!important;
    font-size:clamp(48px,14.5vw,68px)!important;
    line-height:.88!important;
    letter-spacing:-.065em!important;
  }
  .collection-hero-brand>div:first-child>p:not(.eyebrow){
    margin:0 0 24px!important;
    font-size:clamp(17px,5vw,22px)!important;
    line-height:1.42!important;
  }
  .collection-hero-brand>div:first-child .primary{
    width:100%!important;
    min-height:58px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    padding:15px 18px!important;
    text-align:center!important;
    white-space:normal!important;
    line-height:1.15!important;
  }
  .collection-hero-brand .collection-preview-detail{
    aspect-ratio:1 / 1!important;
  }
}

@media(max-width:380px){
  .collection-hero-brand>div:first-child{padding-left:16px!important;padding-right:16px!important}
  .collection-hero-brand>div:first-child h1{font-size:46px!important}
}