.how-it-works{background:#fafafa;padding:5.25rem 3.56rem;position:relative}@media (max-width: 1279px){.how-it-works{padding:4rem 3rem}}@media (max-width: 781px){.how-it-works{padding:3rem 5vw}}.how-it-works .container{max-width:1200px;margin:0 auto}.how-it-works .section__header{text-align:center;margin-bottom:3rem}.how-it-works .section__title{font-family:var(--font-garamond, "Cormorant Garamond", serif);font-size:var(--fs-50, 50px);font-weight:300;font-style:italic;color:var(--color-blue-300, #070c18);margin-bottom:1rem;line-height:1.2}.how-it-works .section__subtitle{font-size:var(--fs-16, 16px);color:var(--color-gray-350, #606060);font-weight:300;letter-spacing:.5px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}@media (max-width: 781px){.steps-grid{grid-template-columns:1fr;gap:2rem}}.step{text-align:center;transition:transform .3s ease}.step:hover{transform:translateY(-5px)}.step__number{display:inline-flex;align-items:center;justify-content:center;width:50px;height:50px;line-height:50px;border:1px solid var(--color-blue-100, #273246);border-radius:50%;font-size:var(--fs-18, 18px);color:var(--color-blue-100, #273246);margin-bottom:1.5rem;transition:all .3s ease}.step:hover .step__number{background:var(--color-blue-100, #273246);color:var(--color-white, #ffffff)}.step__title{font-family:var(--font-garamond, "Cormorant Garamond", serif);font-size:var(--fs-25, 25px);font-style:italic;color:var(--color-blue-200, #171e2a);margin-bottom:1rem}.step__description{font-size:var(--fs-14, 14px);color:var(--color-gray-350, #606060);line-height:1.6;font-weight:300}.how-it-works .section__cta{text-align:center;margin-top:3rem}@media (max-width: 781px){.how-it-works .section__header{margin-bottom:2rem}.how-it-works .section__title{font-size:36px}.step{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto auto;gap:0 .75rem;text-align:left}.step__number{grid-row:1 / 3;width:36px;height:36px;line-height:36px;font-size:14px;margin-bottom:0;align-self:start;margin-top:.25rem}.step__title{font-size:20px;margin-bottom:.25rem;align-self:end}.step__description{font-size:13px;align-self:start}.step:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/50/assets/section-how-it-works.css.map */