.mas-how-it-works{padding-block:var(--py-top, 80px) var(--py-bottom, 80px)}.mas-how-it-works__header{display:flex;flex-direction:column;align-items:center;gap:var(--mas-3);text-align:center;max-width:720px;margin:0 auto var(--mas-7)}.mas-how-it-works__heading{margin:0;font-size:var(--mas-h2)}.mas-how-it-works__intro{color:var(--mas-text);font-size:var(--mas-text-lg)}.mas-how-it-works__intro p{margin:0}.color-charcoal .mas-how-it-works__intro{color:#ffffffc7}.mas-how-it-works__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--mas-6);grid-template-columns:1fr;position:relative}@media(min-width:750px){.mas-how-it-works__steps{grid-template-columns:repeat(2,1fr)}}@media(min-width:990px){.mas-how-it-works__steps{grid-template-columns:repeat(4,1fr);gap:var(--mas-7)}}.mas-how-it-works__step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--mas-3);text-align:center;padding:var(--mas-6) var(--mas-4);background-color:var(--mas-white);border:1px solid var(--mas-stone);border-radius:var(--mas-r-md);box-shadow:var(--mas-shadow-sm);transition:transform var(--mas-dur) var(--mas-ease),box-shadow var(--mas-dur) var(--mas-ease)}.mas-how-it-works__step:hover{transform:translateY(-4px);box-shadow:var(--mas-shadow-md)}.color-charcoal .mas-how-it-works__step{background-color:#ffffff0a;border-color:#ffffff1a}.mas-how-it-works__step:not(:last-child):after{content:"";display:none}@media(min-width:990px){.mas-how-it-works__step:not(:last-child):after{display:block;position:absolute;top:38px;right:calc(-1 * var(--mas-7) / 2);width:var(--mas-7);height:2px;background:repeating-linear-gradient(to right,var(--mas-amber) 0 6px,transparent 6px 12px);pointer-events:none}}.mas-how-it-works__index{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--mas-r-pill);background:var(--mas-warm-glow);color:var(--mas-white);font-size:var(--mas-text-xl);font-weight:var(--mas-w-black);letter-spacing:0;box-shadow:var(--mas-shadow-warm)}.mas-how-it-works__icon{font-size:2rem;line-height:1;color:var(--mas-amber)}.mas-how-it-works__icon img{width:64px;height:64px;object-fit:contain}.mas-how-it-works__step-title{margin:0;font-size:var(--mas-text-xl);font-weight:var(--mas-w-bold);color:var(--mas-charcoal)}.color-charcoal .mas-how-it-works__step-title{color:var(--mas-white)}.mas-how-it-works__step-body{color:var(--mas-text);font-size:var(--mas-text-sm)}.mas-how-it-works__step-body p{margin:0;max-width:none}.color-charcoal .mas-how-it-works__step-body{color:#ffffffc7}@media(min-width:990px){.mas-how-it-works__steps:has(>li:nth-child(3):last-child){grid-template-columns:repeat(3,1fr);max-width:1000px;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mas-section-how-it-works.css.map */