/* How it works, Figma 2641:4840 revision with four step images. */
.how-hero { min-height:calc(1560 * var(--u));padding-bottom:calc(60 * var(--u)); }
.how-step-photo { margin-top:14px;width:100%;height:auto;position:relative;overflow:hidden;border-radius:calc(9 * var(--u)); }
.how-step-photo img { display:block;width:100%;height:auto; }
.how-tail { min-height:calc(305 * var(--u));padding-top:calc(60 * var(--u)); }
@media(min-width:700px) {
 .how-hero { height:auto;min-height:calc(1560 * var(--u)); }
 .how-tail { height:calc(305 * var(--u));min-height:0; }
}
@media(max-width:699px) {
 .how-hero { min-height:0;padding-bottom:48px; }
 .how-step-photo { height:auto;border-radius:9px; }
 .how-tail { min-height:0;padding-top:16px;padding-bottom:48px; }
}
/* Scale corners with the actual card width once the desktop grid grows. */
@media(min-width:1441px) {
 .how-step { container-type:inline-size; }
 .how-step-photo { border-radius:2.027027cqw; }
 .how-step-photo img { border-radius:inherit; }
}