.mas-value-props{padding-block:var(--py-top, 72px) var(--py-bottom, 72px)}.mas-value-props__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-value-props__heading{margin:0;font-size:var(--mas-h2)}.mas-value-props__intro{color:var(--mas-text);font-size:var(--mas-text-lg)}.mas-value-props__intro p{margin:0}.color-charcoal .mas-value-props__intro{color:#ffffffc7}.mas-value-props__card{display:flex;flex-direction:column;align-items:center;gap:var(--mas-3);text-align:center;padding:var(--mas-7) var(--mas-5);background-color:var(--mas-cream);border:1px solid var(--mas-stone);border-radius:var(--mas-r-lg);box-shadow:var(--mas-shadow-sm);transition:transform var(--mas-dur) var(--mas-ease),box-shadow var(--mas-dur) var(--mas-ease),border-color var(--mas-dur) var(--mas-ease)}.mas-value-props__card:hover{transform:translateY(-6px);box-shadow:var(--mas-shadow-md);border-color:var(--mas-amber)}.color-cream .mas-value-props__card{background-color:var(--mas-white)}.color-white .mas-value-props__card{background-color:var(--mas-cream)}.color-sand .mas-value-props__card{background-color:var(--mas-white)}.color-charcoal .mas-value-props__card{background-color:#ffffff0a;border-color:#ffffff1a}.mas-value-props__icon{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:var(--mas-r-pill);background-color:var(--mas-amber-soft);color:var(--mas-amber);font-size:2.25rem;line-height:1}.mas-value-props__icon img{width:56px;height:56px;object-fit:contain}.mas-value-props__title{margin:0;font-size:var(--mas-text-xl);font-weight:var(--mas-w-bold);color:var(--mas-charcoal)}.color-charcoal .mas-value-props__title{color:var(--mas-white)}.mas-value-props__body{color:var(--mas-text);font-size:var(--mas-text-base)}.mas-value-props__body p{margin:0;max-width:38ch}.color-charcoal .mas-value-props__body{color:#ffffffd1}.mas-value-props.mas-section{padding-block:var(--py-top, var(--mas-section-y)) var(--py-bottom, var(--mas-section-y))}
/*# sourceMappingURL=/cdn/shop/t/2/assets/mas-section-value-props.css.map */