/* Lace Secret — homepage hero clarity layer.
 * Loaded after home-hero.css so the homepage global heading rules cannot
 * override the editorial hero treatment.
 */

body.ls-ac-homepage .ls-hero__title{
  color:#fff!important;
  text-shadow:0 3px 30px rgba(0,0,0,.34),0 1px 3px rgba(0,0,0,.26);
}

/* Composition pass: the first creative no longer receives extra active zoom.
 * Sale / burgundy creatives use a small, anchored crop to remove dead wall
 * space without turning the photography into an aggressive close-up.
 */
.ls-hero__slide.is-active .ls-hero__image{
  transform:scale(1.015);
}

.ls-hero__slide--sale .ls-hero__image{
  transform-origin:34% 50%;
}

.ls-hero__slide--sale.is-active .ls-hero__image{
  transform:scale(1.035);
}

.ls-hero__slide--burgundy .ls-hero__image{
  transform-origin:36% 50%;
}

.ls-hero__slide--burgundy.is-active .ls-hero__image{
  transform:scale(1.03);
}

.ls-hero__wash{
  background:
    linear-gradient(90deg,rgba(14,1,5,.80) 0%,rgba(14,1,5,.57) 30%,rgba(14,1,5,.18) 61%,rgba(14,1,5,.03) 100%),
    linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 48%);
}

.ls-hero__slide--sale .ls-hero__wash{
  background:
    linear-gradient(90deg,rgba(57,0,7,.84) 0%,rgba(57,0,7,.61) 30%,rgba(34,0,6,.21) 62%,rgba(15,0,3,.04) 100%),
    linear-gradient(0deg,rgba(0,0,0,.25) 0%,rgba(0,0,0,0) 50%);
}

.ls-hero__slide--burgundy .ls-hero__wash{
  background:
    linear-gradient(90deg,rgba(26,0,6,.81) 0%,rgba(26,0,6,.56) 33%,rgba(26,0,6,.15) 68%,rgba(26,0,6,.03) 100%),
    radial-gradient(circle at 18% 55%,rgba(102,0,17,.25),transparent 42%);
}

.ls-hero__slide--soft .ls-hero__wash{
  background:
    linear-gradient(90deg,rgba(24,4,10,.72) 0%,rgba(24,4,10,.48) 31%,rgba(24,4,10,.10) 65%,rgba(24,4,10,.02) 100%),
    linear-gradient(0deg,rgba(10,0,3,.18),transparent 48%);
}

.ls-hero__slide--sale .ls-hero__copy{
  max-width:470px;
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}

.ls-hero__actions{
  gap:12px;
}

.ls-hero__secondary{
  display:inline-flex;
  min-height:44px;
  padding:0 16px;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:999px;
  background:rgba(255,255,255,.07);
  color:#fff!important;
  font-weight:650;
  text-shadow:0 2px 20px rgba(0,0,0,.32);
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 8px 24px rgba(0,0,0,.08);
  transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.ls-hero__secondary::after{
  display:none;
}

.ls-hero__secondary:hover,
.ls-hero__secondary:focus-visible{
  background:rgba(255,255,255,.14);
  border-color:rgba(255,255,255,.62);
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 28px rgba(0,0,0,.12);
  outline:none;
}

.ls-hero__arrow{
  width:44px;
  height:44px;
  border-color:rgba(255,255,255,.34);
  background:rgba(10,0,4,.18);
  box-shadow:0 8px 26px rgba(0,0,0,.10);
}

.ls-hero__arrow svg{
  width:20px;
  height:20px;
}

.ls-hero__arrow:hover,
.ls-hero__arrow:focus-visible{
  border-color:rgba(255,255,255,.88);
  background:rgba(57,0,7,.62);
}

.ls-hero__nav{
  bottom:17px;
  padding:5px 7px;
  gap:7px;
  border-color:rgba(255,255,255,.12);
  background:rgba(8,0,3,.12);
  box-shadow:0 8px 26px rgba(0,0,0,.08);
}

.ls-hero__autoplay{
  width:22px;
  height:22px;
}

.ls-hero__autoplay-icon{
  width:11px;
  height:11px;
}

.ls-hero__dot{
  width:6px;
  height:6px;
  background:rgba(255,255,255,.58);
}

.ls-hero__dot[aria-current="true"]{
  width:22px;
}

@media(max-width:767px){
  body.ls-ac-homepage .ls-hero__title{
    text-shadow:0 3px 24px rgba(0,0,0,.38),0 1px 3px rgba(0,0,0,.28);
  }

  .ls-hero__slide.is-active .ls-hero__image,
  .ls-hero__slide--sale.is-active .ls-hero__image,
  .ls-hero__slide--burgundy.is-active .ls-hero__image{
    transform:scale(1.01);
  }

  .ls-hero__slide--sale .ls-hero__copy{
    max-width:94%;
    -webkit-line-clamp:3;
  }

  .ls-hero__actions{
    gap:10px;
  }

  .ls-hero__secondary{
    min-height:42px;
    padding:0 14px;
    font-size:10.5px;
  }

  .ls-hero__arrow{
    width:40px;
    height:40px;
  }

  .ls-hero__nav{
    bottom:14px;
    padding:4px 6px;
  }
}

@media(prefers-reduced-motion:reduce){
  .ls-hero__image,
  .ls-hero__slide.is-active .ls-hero__image,
  .ls-hero__slide--sale.is-active .ls-hero__image,
  .ls-hero__slide--burgundy.is-active .ls-hero__image{
    transform:scale(1.01);
  }

  .ls-hero__secondary{
    transition:none;
  }
}