.rhythm{display:grid;gap:var(--spacing-32);grid-template-columns:repeat(3,1fr)}@media(max-width:699px){.rhythm{grid-template-columns:1fr}}.rhythm__item{border-top:1px solid var(--color-cloud);padding-top:var(--spacing-24);position:relative}.rhythm__when{color:var(--color-slate-600);font-size:var(--text-micro);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-micro);line-height:var(--leading-caption);text-transform:uppercase}.rhythm__h{color:var(--color-slate-900);font-size:var(--text-subheading);font-weight:var(--font-weight-regular);line-height:var(--leading-subheading)}.rhythm__b,.rhythm__h{margin-top:var(--spacing-8)}.rhythm__b{color:var(--color-slate-600);font-size:var(--text-body-sm);line-height:var(--leading-body-sm)}@media(max-width:767px){.rhythm{gap:var(--spacing-24)}}.rhythm__scale{display:flex;height:0;justify-content:space-around;left:0;position:absolute;right:0;top:-1px}.rhythm__tick{background:var(--color-slate-900);border-radius:1px;height:.5625rem;margin-top:-.25rem;width:.125rem}.rhythm__key{align-items:center;color:var(--color-slate-900);display:flex;font-size:var(--text-body);font-weight:var(--font-weight-medium);gap:var(--spacing-16);line-height:var(--leading-body);margin-top:var(--spacing-16);max-width:var(--measure-lede)}.rhythm__span{background:linear-gradient(var(--color-cloud),var(--color-cloud)) 50%/100% 1px no-repeat;flex:none;height:.5625rem;position:relative;width:var(--spacing-48)}.rhythm__span:after,.rhythm__span:before{background:var(--color-slate-900);border-radius:1px;content:"";height:100%;position:absolute;top:0;width:.125rem}.rhythm__span:before{left:0}.rhythm__span:after{right:0}