.steps-animated__inner{display:grid;grid-gap:var(--gap-6);margin-inline:auto;max-width:var(--container-width)}.steps-animated__image{display:none}.steps-animated__steps{margin-top:5.6rem}.steps-animated__step{align-items:start;display:grid;gap:var(--gap-6);grid-template-columns:auto 1fr auto}.steps-animated__step-number{font-family:var(--secondary-font-family);font-variant-numeric:tabular-nums;text-align:left;width:3.5rem}.steps-animated__step:not(:last-child) .steps-animated__step-title-description{border-bottom:1px solid var(--neutral-20);margin-bottom:2.4rem;padding-bottom:2.4rem}.steps-animated__step-title{align-items:start;appearance:none;background:none;border:none;color:var(--neutral-100);cursor:pointer;display:flex;gap:var(--gap-4);margin:0;padding:0;text-align:left;width:100%}.steps-animated__step-title>svg{flex-shrink:0;margin-top:4px;rotate:180deg;transition:rotate .2s ease}.steps-animated__step-title.is-active>svg{rotate:0deg}.steps-animated__step-description{display:none;font-size:1.6rem;margin-top:2.4rem}.steps-animated__step-title.is-active+.steps-animated__step-description{display:block}@media (min-width:768px){.steps-animated__inner{grid-auto-flow:dense;grid-gap:var(--gap-10);grid-template-columns:1fr 1fr}.steps-animated__image{aspect-ratio:8/10;border-radius:var(--radius-lg);grid-column-end:-1;object-fit:cover;width:100%}.steps-animated__image.is-active{display:block}.steps-animated__step{color:var(--neutral-40)}.steps-animated__step.is-active{color:var(--neutral-100)}.steps-animated__step-number{text-align:center}.steps-animated__step-title>svg{display:none}.steps-animated__step-number,.steps-animated__step-title>span.h4{color:var(--neutral-40);font-size:1.8rem}.steps-animated__step.is-active .steps-animated__step-number,.steps-animated__step.is-active .steps-animated__step-title>span.h4{color:var(--neutral-100);font-size:2.4rem}.steps-animated__step-description{display:grid;grid-template-rows:0fr;height:0;margin-top:0;overflow:hidden;transition:grid-template-rows .4s ease}.steps-animated__step-description>div{font-size:1.6rem;margin-top:1.6rem;min-height:0;transition:visibility .4s;visibility:hidden}.steps-animated__step:not(:last-child) .steps-animated__step-title-description{border-bottom:1px solid var(--neutral-20);margin-bottom:1.6rem;padding-bottom:1.6rem}.steps-animated__step.is-active .steps-animated__step-description{grid-template-rows:1fr;height:auto}.steps-animated__step.is-active .steps-animated__step-description>div{visibility:visible}}@media (min-width:768px) and (max-height:900px){.steps-animated__image{max-height:64rem}}@media (min-width:992px){.steps-animated__step-number{text-align:center;width:10rem}}