[data-how-it-works]{--how-title: clamp(42px, 7.4vw, 112px);--how-lead: clamp(20px, 2.15vw, 30px);--how-step-title: clamp(23px, 2.15vw, 31px);--how-body: clamp(18px, 1.4vw, 20px);--how-gap: var(--space-content)}.how-it-works-heading{text-align:center;margin-bottom:var(--space-stack)}.how-it-works-heading h2{margin:0;font-size:var(--how-title);line-height:var(--leading-display);letter-spacing:var(--tracking-display);font-weight:var(--font-weight-display)}.how-it-works-heading p{margin:var(--space-stack) 0 0;color:var(--chalk-paper-body);font-size:var(--how-lead);line-height:var(--leading-title)}.how-it-works-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--how-gap);list-style:none;padding:0;margin:0}.how-it-works-step{position:relative;min-width:0;display:flex;flex-direction:column;gap:var(--space-stack-sm)}.how-it-works-art-wrap{position:relative}.how-it-works-art{display:block;width:100%;height:auto;aspect-ratio:520 / 472;object-fit:contain}.how-it-works-connector{position:absolute;left:calc(100% + var(--how-gap) / 2);top:50%;transform:translate(-50%,-50%)}.how-it-works-connector svg{transform:rotate(-90deg)}.how-it-works-caption{padding:0 var(--space-stack-lg)}.how-it-works-step+.how-it-works-step .how-it-works-caption{border-left:var(--border-width) solid var(--chalk-rule)}.how-it-works-number{flex-shrink:0;color:var(--chalk-violet-ink)}.how-it-works-caption h3{display:flex;align-items:baseline;gap:var(--space-inline);margin:0 0 var(--space-stack-sm);font-size:var(--how-step-title);font-weight:var(--font-weight-display);line-height:var(--leading-title);letter-spacing:var(--tracking-title)}.how-it-works-caption p{margin:0;font-size:var(--how-body);line-height:var(--leading-body);color:var(--chalk-paper-body)}@media (max-width: 900px) and (min-width: 641px){.how-it-works-caption{padding-inline:var(--space-stack-sm)}}@media (max-width: 640px){[data-how-it-works]{--how-gap: calc(var(--space-content) * 2)}.how-it-works-steps{grid-template-columns:minmax(0,1fr)}.how-it-works-art-wrap{display:contents}.how-it-works-art{aspect-ratio:auto}.how-it-works-connector{left:50%;top:auto;bottom:calc(var(--how-gap) / -2);transform:translate(-50%,50%)}.how-it-works-connector svg{transform:none}.how-it-works-caption{padding-inline:0}.how-it-works-step+.how-it-works-step .how-it-works-caption{border-left:0}}