.pila-how-it-works{background-color:var(--pila-yellow);padding-top:var(--space-24);padding-bottom:var(--space-24)}.pila-how-it-works__grid{display:grid;grid-template-columns:522fr 522fr;gap:var(--space-12);align-items:start}.pila-how-it-works__header{position:sticky;top:13rem}.pila-how-it-works__label{font-family:var(--font-label);font-size:var(--text-base);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;line-height:var(--leading-normal);color:var(--pila-black);margin:0 0 2.5rem}.pila-how-it-works__heading{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-black);line-height:1.119;letter-spacing:-.0212em;color:var(--pila-black);margin:0}.pila-how-it-works__steps{display:flex;flex-direction:column;gap:14.5rem}.pila-how-it-works__step{display:grid;grid-template-columns:320px 1fr;align-items:start;gap:var(--space-8)}.pila-how-it-works__step-illustration{display:flex;justify-content:center}.pila-how-it-works__step-illustration img{width:226px;height:auto;object-fit:contain}.pila-how-it-works__step-title{font-family:var(--font-heading);font-size:3.4rem;font-weight:var(--weight-medium);line-height:1.245;letter-spacing:-.0218em;color:var(--pila-black);margin:0 0 1.2rem}.pila-how-it-works__step-body{font-family:var(--font-body);font-size:2.09rem;font-weight:var(--weight-book);line-height:1.5;color:var(--pila-black);margin:0;max-width:50rem}@media screen and (max-width:991px){.pila-how-it-works__grid{grid-template-columns:1fr}.pila-how-it-works__header{position:static;margin-bottom:4rem}.pila-how-it-works__heading{font-size:5.2rem}.pila-how-it-works__steps{gap:8rem}.pila-how-it-works__step-title{font-size:2.8rem}.pila-how-it-works__step-illustration img{width:180px}}@media screen and (max-width:599px){.pila-how-it-works{padding-top:4.6rem;padding-bottom:4.6rem}.pila-how-it-works__header{text-align:left}.pila-how-it-works__header{margin-bottom:2rem}.pila-how-it-works__label{margin-bottom:3rem!important}.pila-how-it-works__heading{font-size:var(--text-4xl)}.pila-how-it-works__steps{gap:5rem}.pila-how-it-works__step-title{font-size:4rem;line-height:1.05;letter-spacing:-.0184em}.pila-how-it-works__step-illustration img{width:150px}.pila-how-it-works__step{grid-template-columns:1fr auto}.pila-how-it-works__step-illustration{order:2}.pila-how-it-works__step-text{order:1}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/pila-how-it-works.css.map */