.rhythm{--moon-size: var(--space-16);--rhythm-gap: var(--space-8);background:var(--surface-page);padding-block:var(--space-12) var(--space-16);padding-inline:var(--gutter-wide);scroll-margin-top:calc(var(--header-h) + var(--space-3))}.rhythm__head{max-width:var(--container-max);margin-inline:auto;margin-bottom:var(--space-12);text-align:center}.rhythm__eyebrow{font-size:var(--text-eyebrow);color:var(--ink-accent);margin-bottom:var(--space-2)}.rhythm__headline{max-width:22ch;margin-inline:auto;text-wrap:balance}.rhythm__timeline{max-width:var(--container-max);margin-inline:auto}.rhythm__phases{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto auto;column-gap:var(--rhythm-gap)}.rhythm__phase{position:relative;display:grid;grid-row:span 4;grid-template-rows:subgrid;text-align:center;padding-inline:var(--space-2)}.rhythm__phase:not(:last-child):before{content:"";position:absolute;z-index:0;top:calc(var(--moon-size) / 2);left:calc(50% + var(--moon-size) / 2);width:calc(100% + var(--rhythm-gap) - var(--moon-size));height:1px;background:var(--border-hairline)}.rhythm__moon{position:relative;z-index:1;width:var(--moon-size);height:var(--moon-size);margin-inline:auto;margin-bottom:var(--space-4)}.rhythm__when{font-size:var(--text-eyebrow);color:var(--ink-accent);margin-bottom:var(--space-2)}.rhythm__title{font-family:var(--font-body);font-weight:var(--weight-body);font-size:var(--text-h3);line-height:var(--leading-tight);color:var(--ink-primary);margin-bottom:var(--space-3);text-wrap:balance}.rhythm__body{color:var(--ink-secondary);text-wrap:pretty}.rhythm__star{color:var(--ink-accent)}.rhythm__star a{color:inherit;text-decoration:none}.rhythm__star a:hover{text-decoration:underline}@media(max-width:959px){.rhythm{--moon-size: var(--space-12);padding-inline:var(--gutter);padding-block:var(--space-6) var(--space-6)}.rhythm__head{margin-bottom:var(--space-6)}.rhythm__phases{grid-template-columns:1fr;grid-template-rows:none;row-gap:var(--space-8)}.rhythm__phase{display:block;grid-row:auto;padding-inline:0}.rhythm__phase:not(:last-child):before{content:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-rhythm.css.map */