.pre-planning-steps{--pps-bg: #f8f6f2;--pps-dark: #18171c;--pps-body: #525155;--pps-gold: #bc9e6f;--pps-white: #ffffff;--pps-number-size: 44px;--pps-number-font: 24px;--pps-heading-size: clamp(28px, 4.5vw, 55px);--pps-step-title-size: clamp(22px, 2.8vw, 35px);--pps-step-desc-size: 16px;--pps-section-py: 40px;--pps-image-radius: 12px;--pps-progress-h: 4px}.pre-planning-steps{background-color:var(--pps-bg);padding-block:var(--pps-section-py);margin:0}.pre-planning-steps__container{display:flex;flex-direction:column;align-items:center;gap:24px}.pre-planning-steps__heading{font-family:var(--font-heading--family);font-size:var(--pps-heading-size);font-weight:400;line-height:1.1;letter-spacing:0;color:var(--pps-dark);text-align:center;max-width:888px;margin:0}.pre-planning-steps__dots{display:flex;gap:8px;align-items:center;justify-content:center}.pre-planning-steps__dot{display:flex;align-items:center;justify-content:center;width:var(--pps-number-size);height:var(--pps-number-size);border-radius:999px;border:1.5px solid var(--pps-dark);background:transparent;cursor:pointer;padding:0;flex-shrink:0;transition:background-color .2s ease,border-color .2s ease}.pre-planning-steps__dot span{font-family:var(--font-heading--family);font-size:var(--pps-number-font);font-weight:400;line-height:1.2;color:var(--pps-dark);transition:color .2s ease}.pre-planning-steps__dot--active{background-color:var(--pps-gold);border-color:var(--pps-gold)}.pre-planning-steps__dot--active span{color:var(--pps-white)}.pre-planning-steps__slider{display:flex;flex-direction:column;gap:16px;width:100%}.pre-planning-steps__grid{display:flex;flex-direction:row;gap:16px;list-style:none;margin:0;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pre-planning-steps__grid::-webkit-scrollbar{display:none}.pre-planning-steps__step{flex:0 0 100%;scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:16px;padding-block-end:4px}.pre-planning-steps__step-number{display:none}.pre-planning-steps__step-number span{font-family:var(--font-heading--family);font-size:var(--pps-number-font);font-weight:400;line-height:1.2;color:var(--pps-dark)}.pre-planning-steps__image-wrap{width:100%;aspect-ratio:4 / 3;border-radius:var(--pps-image-radius);overflow:hidden;position:relative}.pre-planning-steps__image{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.pre-planning-steps__image-wrap--placeholder{background-color:color-mix(in srgb,var(--pps-dark) 8%,transparent)}.pre-planning-steps__image-placeholder{width:100%;height:100%;display:block}.pre-planning-steps__step-text{display:flex;flex-direction:column;gap:16px;text-align:center;width:100%}.pre-planning-steps__step-title{font-family:var(--font-heading--family);font-size:var(--pps-step-title-size);font-weight:400;line-height:1.2;color:var(--pps-dark);margin:0}.pre-planning-steps__step-desc{font-family:var(--font-body--family);font-size:var(--pps-step-desc-size);font-weight:400;line-height:1.5;color:var(--pps-dark);opacity:.75;margin:0}.pre-planning-steps__progress{position:relative;width:100%;height:var(--pps-progress-h);border-radius:999px;background-color:color-mix(in srgb,var(--pps-dark) 15%,transparent);overflow:hidden}.pre-planning-steps__progress-thumb{position:absolute;inset-block:0;left:0;width:33.33%;border-radius:inherit;background-color:var(--pps-gold);transition:width .12s linear}.pre-planning-steps__cta-wrap{display:flex;justify-content:center;width:100%}.pre-planning-steps__cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding-inline:28px;border-radius:999px;background-color:var(--pps-gold);color:var(--pps-white);font-family:var(--font-body--family);font-size:18px;font-weight:500;line-height:1;text-decoration:none;white-space:nowrap;width:100%;transition:opacity var(--oc-transition-base, .25s ease-out)}.pre-planning-steps__cta:hover{opacity:.88}.pre-planning-steps__cta:focus-visible{outline:2px solid var(--pps-gold);outline-offset:3px}@media(min-width:750px){.pre-planning-steps{--pps-section-py: 96px;--pps-image-radius: 16px;--pps-number-size: 56px;--pps-number-font: 35px;--pps-step-desc-size: 18px}.pre-planning-steps__container{gap:48px}.pre-planning-steps__dots{display:none}.pre-planning-steps__slider{gap:0;overflow:visible}.pre-planning-steps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;overflow:visible;scroll-snap-type:none}.pre-planning-steps__step{flex:initial;gap:24px;padding-block-end:24px}.pre-planning-steps__step-number{display:flex;align-items:center;justify-content:center;width:var(--pps-number-size);height:var(--pps-number-size);border-radius:999px;border:1.5px solid var(--pps-dark);flex-shrink:0}.pre-planning-steps__step:before{display:none}.pre-planning-steps__progress{display:none}.pre-planning-steps__cta{width:auto}}@media(max-width:749px){.pre-planning-steps{padding-block:32px}.pre-planning-steps__step{gap:24px}.pre-planning-steps__slider{gap:40px}.pre-planning-steps__heading,.pre-planning-steps__dot span{font-size:35px}.pre-planning-steps__step-title{font-size:24px}.pre-planning-steps__step-text{gap:8px}.pre-planning-steps__step-desc{padding:0 10px}.pre-planning-steps__progress-thumb{background-color:#5e5e5e}.pre-planning-steps__container{gap:32px}}@media(prefers-reduced-motion:reduce){.pre-planning-steps__cta,.pre-planning-steps__dot,.pre-planning-steps__dot span,.pre-planning-steps__progress-thumb{transition:none}.pre-planning-steps__grid{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/section-pre-planning-steps.css.map */