.dp-how{padding:var(--section-pad) var(--pad-x)}.dp-how-h{text-box:trim-both cap alphabetic}.dp-how-steps{gap:var(--space-6);margin-top:var(--space-6);display:grid}.dp-how-step{gap:var(--space-4);grid-template-columns:40vw minmax(0,1fr);align-items:start;display:grid}.dp-how-pic{aspect-ratio:1;background:var(--color-surface);display:block;position:relative;overflow:clip}.dp-how-pic--pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;display:grid}.dp-how-half{min-inline-size:0;display:block;position:relative}.dp-how-title{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:0;font-weight:700;line-height:1.35}.dp-how-n{font-variant-numeric:lining-nums}.dp-how-words p{margin-top:var(--space-1)}@media (min-width:768px){.dp-how-steps{gap:var(--gap-roll,2px);grid-template-columns:repeat(3,minmax(0,1fr))}.dp-how-step{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}.dp-how-words{padding-inline-end:var(--space-3)}}@media (min-width:1024px){.dp-how-steps{gap:24px}.dp-how-words p{max-inline-size:22rem}}