.timeline-section{padding-top:3rem;padding-bottom:4rem;background-color:#f5f5f480}.timeline-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:1.5rem;padding-right:1.5rem}.timeline-header{text-align:center;margin-bottom:6rem}.timeline-subtitle{font-size:.75rem;color:#78716c;text-transform:uppercase;letter-spacing:.2em;margin-bottom:1rem;display:block}.timeline-title{font-family:serif;font-size:2.25rem;color:#1c1917}@media(min-width:768px){.timeline-title{font-size:3rem}}.timeline-content{position:relative}.desktop-connector-line{display:none}@media(min-width:768px){.desktop-connector-line{display:block;position:absolute;top:24px;left:12%;right:12%;height:1px;background-color:#d6d3d1;z-index:0}}.timeline-steps{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.timeline-steps{grid-template-columns:repeat(4,1fr);gap:2rem}}.timeline-step{position:relative;z-index:10;display:flex;align-items:flex-start}@media(min-width:768px){.timeline-step{flex-direction:column;align-items:center}}.mobile-connector-line{display:block;position:absolute;left:24px;top:48px;bottom:-48px;width:1px;background-color:#e7e5e4;z-index:-10}@media(min-width:768px){.mobile-connector-line{display:none}}.step-icon-circle{flex-shrink:0;width:3rem;height:3rem;background-color:#fff;border:1px solid #e7e5e4;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#44403c;box-shadow:0 1px 2px #0000000d;transition:transform .3s ease;margin-right:1.5rem}@media(min-width:768px){.step-icon-circle{margin-bottom:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}}.step-icon-circle:hover{transform:scale(1.1)}.step-icon{width:1.25rem;height:1.25rem;stroke-width:1.5}.step-content{flex:1;padding-top:.25rem}@media(min-width:768px){.step-content{text-align:center;padding-top:0}}.step-title{font-family:serif;font-size:1.25rem;color:#1c1917;margin-bottom:.5rem}@media(min-width:768px){.step-title{text-align:center}}.step-time-badge{display:inline-block;background-color:#f5f5f4;color:#57534e;font-size:.825rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:9999px;margin-bottom:.75rem}.step-description{font-size:.875rem;color:#78716c;line-height:1.625}@media(min-width:768px){.step-description{padding-left:1rem}}.timeline-step:last-child .mobile-connector-line{display:none}@media(max-width:767px){.timeline-step{flex-direction:row;align-items:flex-start;gap:1.5rem}.timeline-step:not(:first-child){margin-top:3rem}}
/*# sourceMappingURL=/cdn/shop/t/1/assets/timeline.css.map */