.process-step { display: grid; grid-template-columns: 1fr auto; align-content: start; padding: 15px 15px 30px; background: var(--color-canvas); }
.process-step__number { grid-column: 2; grid-row: 1; justify-self: end; color: var(--color-accent); font-family: var(--font-display); font-size: 30px; font-weight: 500; line-height: .94; }
.process-step__media { grid-column: 1; grid-row: 1; width: 163px; aspect-ratio: 163 / 147; }
.process-step__title, .process-step__text { grid-column: 1 / -1; }
.process-step__title { margin-top: 46px; font-family: var(--font-display); font-size: 22px; font-weight: 500; line-height: .94; text-transform: uppercase; }
.process-step__text { max-width: 301px; margin-top: 19.32px; color: var(--color-secondary); font-size: 16px; font-weight: 500; line-height: 22px; text-box-trim: trim-both; text-box-edge: cap alphabetic; }
@media (max-width: 639px) { .process-step { padding: 10px 10px 28px; } .process-step__number { font-size: 20px; } .process-step__media { width: 125px; aspect-ratio: 125 / 113; } .process-step__title { margin-top: 17px; font-size: 20px; } .process-step__text { margin-top: 15.2px; } }