/* ===== STARS DIRECT LUXE FIX ===== */

.clf-live-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:0!important;
  background:#17130f!important;
  border:0!important;
  border-radius:0!important;
}

.clf-live-hero::after{
  content:""!important;
  position:absolute!important;
  z-index:2!important;
  inset:0!important;
  pointer-events:none!important;
  background:
    linear-gradient(
      180deg,
      rgba(10,8,6,0) 34%,
      rgba(10,8,6,.08) 48%,
      rgba(10,8,6,.78) 100%
    )!important;
}

.clf-live-hero .clf-live-media{
  display:block!important;
  width:100%!important;
  height:clamp(560px,54vw,760px)!important;
  min-height:0!important;
  margin:0!important;
  overflow:hidden!important;
}

.clf-live-hero .clf-live-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:0!important;
  transition:transform .8s cubic-bezier(.2,.7,.2,1)!important;
}

.clf-live-hero:hover .clf-live-media img{
  transform:scale(1.025)!important;
}

.clf-live-original-hide{
  display:none!important;
}

.clf-live-hero-overlay{
  position:absolute!important;
  z-index:4!important;
  left:clamp(24px,3.2vw,50px)!important;
  right:clamp(24px,6vw,90px)!important;
  bottom:clamp(26px,3.3vw,48px)!important;
  color:#fff!important;
  pointer-events:auto!important;
}

.clf-live-hero-meta{
  display:flex!important;
  justify-content:space-between!important;
  align-items:center!important;
  gap:20px!important;
  max-width:720px!important;
  margin:0 0 14px!important;
  padding:0 0 12px!important;
  border-bottom:1px solid rgba(255,255,255,.32)!important;

  color:rgba(255,255,255,.86)!important;
  font-size:10px!important;
  line-height:1.35!important;
  letter-spacing:.18em!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

.clf-live-hero-title,
.clf-live-hero-title:visited{
  display:block!important;
  max-width:11ch!important;
  margin:0!important;

  color:#fff!important;
  text-decoration:none!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(44px,4.4vw,72px)!important;
  line-height:.94!important;
  letter-spacing:-.047em!important;
  font-weight:400!important;

  text-shadow:0 3px 22px rgba(0,0,0,.16)!important;
}


/* RIGHT STORIES */

.clf-live-side{
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  border-top:1px solid rgba(44,33,25,.18)!important;
  padding-top:18px!important;
}

.clf-live-side-first{
  border-top:0!important;
  padding-top:0!important;
}

.clf-live-side .clf-live-link{
  color:#211b17!important;
  text-decoration:none!important;
}

.clf-live-side-first .clf-live-link{
  display:grid!important;
  grid-template-columns:minmax(150px,44%) minmax(0,1fr)!important;
  gap:22px!important;
  align-items:stretch!important;
}

.clf-live-side .clf-live-media{
  display:block!important;
  width:100%!important;
  margin:0 0 13px!important;
  overflow:hidden!important;
  border-radius:0!important;
  background:#ded7cc!important;
  aspect-ratio:16/10!important;
}

.clf-live-side-first .clf-live-media{
  margin:0!important;
  height:100%!important;
  aspect-ratio:auto!important;
  min-height:170px!important;
}

.clf-live-side .clf-live-media img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  border-radius:0!important;
  transition:transform .7s cubic-bezier(.2,.7,.2,1)!important;
}

.clf-live-side:hover .clf-live-media img{
  transform:scale(1.035)!important;
}

.clf-live-side .clf-live-copy{
  padding:0!important;
  background:transparent!important;
  border:0!important;
}

.clf-live-side .clf-live-copy .meta,
.clf-live-side .clf-live-copy small{
  display:block!important;
  margin:0 0 10px!important;
  color:#8b654c!important;
  font-size:9px!important;
  line-height:1.45!important;
  letter-spacing:.17em!important;
  font-weight:700!important;
  text-transform:uppercase!important;
}

.clf-live-side .clf-live-copy time{
  color:#8a817a!important;
  font-size:9px!important;
  letter-spacing:.12em!important;
}

.clf-live-side .clf-live-copy h2,
.clf-live-side .clf-live-copy h3{
  margin:0!important;
  max-width:17ch!important;
  color:#211b17!important;
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(24px,2vw,32px)!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  font-weight:400!important;
}

.clf-live-side .clf-live-copy p{
  margin:12px 0 0!important;
  color:#615951!important;
  font-size:12px!important;
  line-height:1.5!important;

  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
  overflow:hidden!important;
}

.clf-live-side .clf-live-copy b,
.clf-live-side .clf-live-copy strong{
  display:none!important;
}

@media(max-width:700px){

  .clf-live-hero .clf-live-media{
    height:540px!important;
  }

  .clf-live-hero-overlay{
    left:20px!important;
    right:20px!important;
    bottom:24px!important;
  }

  .clf-live-hero-title{
    font-size:clamp(40px,11vw,56px)!important;
  }

  .clf-live-side-first .clf-live-link{
    grid-template-columns:125px minmax(0,1fr)!important;
    gap:15px!important;
  }

  .clf-live-side .clf-live-copy h2,
  .clf-live-side .clf-live-copy h3{
    font-size:22px!important;
  }

  .clf-live-side .clf-live-copy p{
    display:none!important;
  }
}