.timeline-section{width:100%;background-color:#faf9f6}.timeline-page-width{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}.timeline-header{text-align:center;margin-bottom:5rem;display:flex;flex-direction:column;align-items:center}.timeline-title{font-family:var(--font-heading-family);font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-heading-weight);color:#2a2a2a;margin:0 0 1.25rem;letter-spacing:-.01em;line-height:1.1}.timeline-subtitle{font-family:var(--font-body-family);font-size:clamp(1.45rem,2.2vw,1.65rem);color:#555;margin:0;font-weight:400;line-height:1.95;max-width:650px}.premium-step-container{padding:1rem 0 4rem}.premium-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}.premium-step-card{display:flex;flex-direction:column;text-align:start;background-color:#fff;border:1px solid rgba(0,0,0,.04);border-radius:12px;padding:3rem 2.5rem;box-shadow:0 10px 40px #00000008;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.premium-step-card:hover{transform:translateY(-4px);border-color:#b89b72;box-shadow:0 15px 50px #0000000f}.premium-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2.5rem}.premium-step-number{font-family:var(--font-heading-family);font-size:2.5rem;font-weight:300;color:#b89b72;line-height:1}.premium-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background-color:#faf9f6;color:#2a2a2a}.premium-micro-icon{width:20px;height:20px;color:#2a2a2a;opacity:.8}.premium-card-title{font-family:var(--font-heading-family);font-size:1.45rem;font-weight:600;color:#161616;margin:0 0 1.125rem;line-height:1.22;letter-spacing:-.025em}@media screen and (min-width:750px){.premium-card-title{font-size:1.625rem;line-height:1.2;margin-bottom:1.25rem}}[dir=rtl] .premium-card-title{letter-spacing:0}.premium-card-text{font-family:var(--font-body-family);font-size:1.15rem;color:#5e5e5e;line-height:1.78;font-weight:400}@media screen and (min-width:750px){.premium-card-text{font-size:1.3125rem;line-height:1.72;letter-spacing:.01em;color:#5c5c5c}}.premium-card-text p{margin:0}html[dir=rtl] .premium-step-card,[dir=rtl] .premium-step-card{text-align:right}@media screen and (max-width:989px){.premium-step-grid{grid-template-columns:1fr;gap:2rem}}@media screen and (max-width:749px){.timeline-title{font-size:2.25rem}.timeline-header{margin-bottom:3rem}.premium-step-card{padding:2.5rem 2rem}.premium-card-header{margin-bottom:2rem}.premium-step-number{font-size:2rem}.premium-card-title{font-size:1.4rem;line-height:1.24}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-how-it-works-timeline.css.map */