/* Liberty Law — Hero */

.lls-hero{
  position:relative;display:flex;align-items:flex-end;overflow:hidden;
  min-height:min(94vh,1020px);background:#0a0a0c;
}
/* Two classes, not one: Elementor's `.elementor img{height:auto}` is (0,1,1)
   and silently wins against a single class, leaving the photograph at its own
   aspect ratio instead of covering the band. It only shows on narrow screens,
   where the image is no longer accidentally taller than the section. */
.lls .lls-hero__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%}
/* Two layers: one from the left so the type always has ground, one from the
   bottom so the foot rule reads. */
.lls-hero::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg,rgba(10,10,12,.58) 0%,rgba(10,10,12,.12) 58%,transparent 100%),
    linear-gradient(180deg,rgba(10,10,12,.7) 0%,rgba(10,10,12,.38) 26%,rgba(10,10,12,.62) 58%,rgba(10,10,12,.9) 100%);
}
.lls-hero__inner{position:relative;z-index:2;width:100%;padding-block:clamp(7rem,14vw,11rem) clamp(3rem,6vw,5rem)}

.lls-hero__title{
  color:#fff;font-weight:700;letter-spacing:-.042em;line-height:.94;
  font-size:clamp(2.6rem,8vw,7rem);max-width:15ch;text-wrap:balance;margin:0;
}
.lls-hero__title em{font-style:normal;color:var(--lls-red-on-photo)}
.lls-hero__title br{line-height:0}

.lls-hero__foot{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;
  gap:1.5rem 2.5rem;margin-top:clamp(2.25rem,4.5vw,3.75rem);
  padding-top:clamp(1.5rem,3vw,2.5rem);border-top:1px solid rgba(255,255,255,.24);
}
.lls-hero__foot p{font-size:1rem;line-height:1.65;max-width:44ch;color:rgba(255,255,255,.82)}

.lls-hero__num{
  display:block;white-space:nowrap;color:#fff;text-decoration:none;
  font-size:clamp(1.625rem,3.2vw,2.5rem);font-weight:700;letter-spacing:-.03em;line-height:1;
  border-bottom:2px solid transparent;padding-bottom:.15rem;transition:border-color .25s ease;
}
.lls-hero__num:hover{border-bottom-color:rgba(255,255,255,.7);color:#fff}
/* brand red measures 2.8:1 on this ground, so the label uses the lifted tint */
.lls-hero__num small{
  display:block;margin-bottom:.5rem;font-size:.6875rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--lls-red-on-dark);
}

@media (max-width:640px){
  .lls-hero__inner{padding-block:clamp(5.5rem,22vw,8rem) 2.5rem}
  .lls-hero__foot{gap:1.25rem}
}