.mono,.yr{font:500 .95rem/1 ui-monospace,"SF Mono",Menlo,Consolas,monospace;letter-spacing:.02em;font-variant-numeric:tabular-nums}
.strip{grid-template-columns:4.5rem minmax(0,1fr)}
.strip small{display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:.5rem}
.strip p{max-width:62ch}
.strip a,.band a,.foot a{border-bottom:3px solid var(--lemon)}
.strip.ink a{border-color:var(--lemon)}
.sale{display:inline-block;background:var(--lemon);color:var(--ink);font:700 var(--step-ui)/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;padding:.35rem .5rem;vertical-align:middle;margin-left:.4rem}
.years{padding:1rem var(--pad) 1.2rem;border-bottom:var(--rule) solid var(--ink)}
.years h2,.band h2{margin:0 0 .6rem;font-family:var(--face);font-weight:400;font-size:clamp(1.35rem,3vw,2rem);letter-spacing:-.04em;line-height:.95;text-transform:uppercase}
.years ol{list-style:none;margin:0;padding:0}
.years li{display:grid;grid-template-columns:minmax(8rem,13rem) 1fr;gap:.6rem;align-items:center;padding:.3rem 0;border-bottom:1px solid rgba(17,17,17,.15)}
.years .track{position:relative;height:.9rem}
.years .bar{position:absolute;top:.3rem;height:.3rem;left:calc((var(--s) - 2016)/10*(100% - 2.5rem));right:0;background:linear-gradient(90deg,var(--ink) 0 calc(100% - 3rem),transparent 0),repeating-linear-gradient(90deg,var(--ink) 0 .4rem,transparent .4rem .7rem)}
.years .bar::before{content:"";position:absolute;left:-.25rem;top:-.25rem;width:.8rem;height:.8rem;border-radius:50%;background:var(--ink)}
.years .scale{display:grid;grid-template-columns:minmax(8rem,13rem) 1fr;gap:.6rem;margin-top:.4rem}
.years .scale span{display:flex;justify-content:space-between;padding-right:2.5rem}
.legend{margin:.7rem 0 0;font-size:var(--step-ui);letter-spacing:.04em}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:1rem 1.5rem;margin:.6rem 0}
.facts h3{margin:0 0 .25rem;font:700 var(--step-ui)/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.facts p,.facts ul{margin:0;max-width:40ch}
.facts ul{padding:0;list-style:none}
.foot{padding:1rem var(--pad) 1.5rem;font-size:var(--step-ui);letter-spacing:.04em;display:flex;flex-wrap:wrap;gap:.6rem 1.2rem;justify-content:space-between}
@media (max-width:700px){.strip{grid-template-columns:3rem 1fr}.years li,.years .scale{grid-template-columns:7rem 1fr}}
@media (max-width:480px){h2 .sale{margin-left:0}}