.how-it-works-steps .page-width{position:relative}.hiws__header{text-align:center;max-width:64rem;margin:0 auto 5.6rem}.hiws__eyebrow{display:block;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;font-weight:600;color:rgba(var(--color-foreground),.6);margin-bottom:1.4rem}.hiws__heading{font-family:var(--font-heading-family);font-weight:600;font-size:min(4.2rem,6vw + 1rem);line-height:1.15;margin:0;letter-spacing:.01em;color:rgb(var(--color-foreground))}.hiws__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4.8rem;align-items:start}.hiws__step{text-align:center;padding:.8rem 1.2rem 0;transition:transform .48s cubic-bezier(0,0,.3,1)}@media(hover:hover){.hiws__step:hover{transform:translateY(-.6rem)}.hiws__step:hover .hiws__art-frame img{transform:scale(1.045)}.hiws__step:hover .hiws__art-frame{box-shadow:0 2.6rem 5.4rem -2.4rem #1b2a4a52}}.hiws__art-frame{position:relative;aspect-ratio:900 / 562;border-radius:1.4rem;overflow:hidden;background:rgb(var(--color-background));box-shadow:0 1.8rem 4.2rem -2.2rem #1b2a4a3d;margin:0 auto 2.6rem;transition:box-shadow .48s cubic-bezier(0,0,.3,1)}.hiws__art-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .9s cubic-bezier(0,0,.3,1)}@media(prefers-reduced-motion:no-preference){.hiws__art-frame--motion{animation:hiwsBreathe 6s ease-in-out infinite}}@keyframes hiwsBreathe{0%,to{box-shadow:0 1.8rem 4.2rem -2.2rem #1b2a4a3d}50%{box-shadow:0 2.2rem 4.8rem -2rem #1b2a4a57}}.hiws__num{font-family:var(--font-heading-family);font-size:1.5rem;letter-spacing:.14em;font-weight:600;color:rgba(var(--color-foreground),.45);display:block;margin-bottom:1rem}.hiws__title{font-family:var(--font-heading-family);font-weight:600;font-size:2.2rem;margin:0 0 1rem;letter-spacing:.01em;color:rgb(var(--color-foreground))}.hiws__desc{font-size:1.5rem;line-height:1.6;margin:0 auto;max-width:23rem;color:rgba(var(--color-foreground),.72)}@media screen and (max-width:749px){.hiws__header{margin-bottom:4rem}.hiws__grid{grid-template-columns:1fr;gap:5.2rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-how-it-works-steps.css.map */