.stepper__nav{max-height:max(50vh,20rem);font-family:var(--font-serif);height:100%;margin-block:auto;font-size:1.5rem}.stepper__nav .active{font-size:2.5em}@media (min-width: 640px){.stepper-grid{display:grid;grid-template-columns:2fr 3fr 3rem;min-height:max(30rem,70vh)}.stepper__nav{grid-column-start:3;grid-row-start:1}.stepper__image{grid-column-start:1;grid-row-start:1}.stepper__content{grid-column-start:2;grid-row-start:1}}@media (max-width: 640px){.stepper-grid{display:grid;grid-template-columns:1fr 3rem}.stepper__nav{grid-column-start:2;grid-row:span 2 / span 2;grid-row-start:1}.stepper__image{grid-column-start:1;grid-row-start:1}.stepper__content{grid-column-start:1;grid-row-start:2}}