.timeline-section{width:100%;background-color:#faf9f6}.section.timeline-section-wrapper{background-color:#faf9f6;margin-top:0;padding-top:clamp(20px,3vw,40px)}.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-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}.hiw-grid-wrap{padding:0 0 3rem}.hiw-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:start;gap:0}.hiw-connector{display:flex;align-items:flex-start;padding-top:calc(2.75rem + 30px);width:60px;color:var(--niche-accent-bronze)}.hiw-connector-svg{width:60px;height:12px;flex-shrink:0}.hiw-card{display:flex;flex-direction:column;align-items:center;text-align:center;background-color:#fff;border:1px solid rgba(0,0,0,.05);border-radius:14px;padding:2.75rem 1.75rem 2.5rem;box-shadow:0 8px 32px #00000008;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;height:100%}.hiw-card:hover{transform:translateY(-4px);border-color:var(--niche-accent-bronze);box-shadow:0 15px 50px #0000000f}.hiw-icon-wrap{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin-bottom:1.75rem;color:#1a1a1a;flex-shrink:0}.hiw-icon{width:64px;height:64px}.timeline-section .hiw-icon circle.hiw-truck-wheel{fill:none!important;stroke:currentColor}.hiw-card-body{display:flex;flex-direction:column;align-items:center;width:100%}.hiw-card-title{font-family:var(--font-heading-family);font-size:1.5rem;font-weight:600;color:#161616;margin:0 0 1rem;line-height:1.22;letter-spacing:-.02em}@media screen and (min-width:990px){.hiw-card-title{font-size:1.375rem;line-height:1.25}}[dir=rtl] .hiw-card-title{letter-spacing:0}.hiw-step-num{color:var(--niche-accent-bronze);font-weight:300;margin-inline-end:.2em}.hiw-card-text{font-family:var(--font-body-family);font-size:1.2rem;color:#4a4a4a;line-height:1.72;font-weight:400}.hiw-card-text p{margin:0}.hiw-tagline{font-family:var(--font-body-family);font-size:1.25rem;color:#888;text-align:center;margin:0;padding-top:1rem;letter-spacing:.01em}html[dir=rtl] .timeline-section .hiw-card,[dir=rtl] .timeline-section .hiw-card{text-align:center;align-items:center}html[dir=rtl] .timeline-section .hiw-card-body,[dir=rtl] .timeline-section .hiw-card-body{align-items:center;text-align:center}html[dir=rtl] .timeline-section .hiw-card-title,[dir=rtl] .timeline-section .hiw-card-title,html[dir=rtl] .timeline-section .hiw-card-text,[dir=rtl] .timeline-section .hiw-card-text,html[dir=rtl] .timeline-section .hiw-card-text p,[dir=rtl] .timeline-section .hiw-card-text p{text-align:center}[dir=rtl] .hiw-connector-svg{transform:scaleX(-1)}@media screen and (max-width:989px){.hiw-grid{grid-template-columns:1fr 1fr;gap:1.75rem}.hiw-connector{display:none}.timeline-header{margin-bottom:3.5rem}}@media screen and (max-width:749px){.hiw-grid{grid-template-columns:1fr;gap:1.5rem;justify-items:center}.hiw-connector{display:none}.timeline-header{margin-bottom:3rem}.hiw-card{width:100%;max-width:30rem;margin-inline:auto;padding:2.25rem 1.75rem 2rem}.hiw-card-title{font-size:1.35rem}.hiw-card-text{font-size:1.125rem;max-width:26rem}.hiw-tagline{font-size:1.125rem}}.hiw-active .hiw-connector-path{animation:hiw-slide .65s linear infinite}@keyframes hiw-slide{to{stroke-dashoffset:-14}}.hiw-active .hiw-mist{transform-origin:center;animation:hiw-spray 1.45s ease-in-out infinite}.hiw-active .hiw-mist-1{animation-delay:0s}.hiw-active .hiw-mist-2{animation-delay:.48s}.hiw-active .hiw-mist-3{animation-delay:.96s}@keyframes hiw-spray{0%{opacity:0;transform:translateY(0)}40%,60%{opacity:.92}to{opacity:0;transform:translateY(-8px)}}.hiw-active .hiw-checkmark{animation:hiw-check 2.4s ease-in-out infinite}@keyframes hiw-check{0%{stroke-dashoffset:38;opacity:0}15%{opacity:1}40%,72%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:38;opacity:0}}.hiw-active .hiw-road{animation:hiw-road-scroll .48s linear infinite}@keyframes hiw-road-scroll{to{stroke-dashoffset:12}}.hiw-active .hiw-truck-body{animation:hiw-truck-vibe .16s ease-in-out infinite alternate}@keyframes hiw-truck-vibe{0%{transform:translateY(0)}to{transform:translateY(-.8px)}}.hiw-active .hiw-heart{transform-origin:32px 31px;animation:hiw-heartbeat 2.8s ease-in-out infinite}@keyframes hiw-heartbeat{0%,to{transform:scale(1) translateY(0)}10%{transform:scale(1.05) translateY(-1px)}20%{transform:scale(1) translateY(0)}28%{transform:scale(1.03) translateY(-.5px)}42%{transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.hiw-card{transition:none}.hiw-card:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/section-how-it-works-timeline.css.map */