/* Liberty Law — Record band */
.lls-record{position:relative;overflow:hidden;color:#fff}
/* Two classes — see the note in hero.css; `.elementor img{height:auto}` beats
   a single class and the photograph stops covering the band on narrow screens. */
.lls .lls-record__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.lls-record::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(12,12,14,.92) 8%,rgba(12,12,14,.66) 52%,rgba(12,12,14,.44) 100%)}
.lls-record .lls__shell{position:relative;z-index:2}
.lls-record .lls__h2{max-width:18ch}
.lls-record__copy{margin-top:1.75rem;max-width:54ch}
.lls-record .lls-record__copy + .lls-record__copy{margin-top:1rem}
.lls-record__figs{display:grid;grid-template-columns:repeat(auto-fit,minmax(11rem,1fr));gap:2.25rem clamp(1.5rem,3vw,3rem);margin:clamp(2.5rem,4.5vw,3.75rem) 0 0;padding:clamp(1.75rem,3vw,2.5rem) 0 0;max-width:66rem;border-top:1px solid rgba(255,255,255,.28)}
.lls-record__figs li{list-style:none;margin:0}
.lls-record__figs li > span{display:block;margin-top:1rem;font-size:.9375rem;color:rgba(255,255,255,.76);line-height:1.5;max-width:22ch}

/* Odometer figures — every digit is its own column rolling up to its value,
   like the wheels of a mileage counter. Tabular numerals keep the columns one
   width; --lh is one digit's height and the strip moves in whole steps of it. */
.lls-odo{--lh:1.08em;display:flex;align-items:flex-start;font-size:clamp(3.25rem,6.4vw,5.5rem);font-weight:700;line-height:1;color:#fff;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.lls-odo__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.lls-odo__digits{display:inline-flex}
.lls-odo__col{display:block;height:var(--lh);overflow:hidden}
.lls-odo__strip{display:flex;flex-direction:column;transform:translateY(calc(var(--to) * var(--lh) * -1))}
/* flex centring overflows evenly both sides, so a narrowed column stays centred */
.lls-odo__strip span{display:flex;justify-content:center;height:var(--lh);line-height:var(--lh)}
/* a tabular 1 sits in a full-width cell and reads "1 0"; tighten its column */
.lls-odo__col[data-d="1"]{width:.5em}
/* armed by record.js: parked on zero, no transition */
.lls-odo.is-armed .lls-odo__strip{transform:translateY(0);transition:none}
/* rolling: soft fade at the column edges so digits arrive rather than cut in */
.lls-odo.is-rolling .lls-odo__col{-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}
.lls-odo.is-rolling .lls-odo__strip{transition:transform var(--dur,1.9s) cubic-bezier(.16,1,.3,1) var(--delay,0s)}
.lls-odo__x{display:block;height:var(--lh);line-height:var(--lh);margin-left:.04em}
.lls-record__figs li > b + span{position:relative;padding-top:1rem;margin-top:1rem}
.lls-record__figs li > b + span::before{content:"";position:absolute;top:0;left:0;width:28px;height:3px;background:var(--lls-red-on-photo)}

@media (max-width:640px){
  .lls-record__figs{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.25rem}
}