.timeline-process-section{position:relative;max-width:1330px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem;box-sizing:border-box;background-size:cover;background-position:center;background-repeat:no-repeat;overflow:hidden}.timeline-process-section.has-bg-image{color:#fff}.tp-overlay{display:flex!important;position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--overlay-bg, #000000);opacity:var(--overlay-opacity, .3);z-index:1;pointer-events:none}.tp-container{position:relative;z-index:2;padding:60px 20px 20px;box-sizing:border-box}@media screen and (min-width:750px){.tp-container{padding:0 40px}}@media screen and (min-width:990px){.tp-container{padding:0 50px}}.tp-header{margin-bottom:28px;max-width:620px;text-align:left}.tp-title{font-family:var(--font-heading-family),serif;font-size:clamp(22px,6vw,38px);font-weight:500;margin:0 0 10px;color:inherit;line-height:1.2}.tp-desc{font-family:var(--font-body-family),sans-serif;font-size:clamp(13px,3.5vw,16px);line-height:1.55;color:inherit;opacity:.88;margin:0}.tp-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;margin-left:0;margin-right:-20px;padding:0 20px 8px;box-sizing:content-box}.tp-grid::-webkit-scrollbar{display:none}.tp-card{background-color:var(--card-bg, #ffffff);color:var(--card-text, #000000);padding:20px 18px;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;box-shadow:0 8px 28px #00000014;transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);min-width:78vw;max-width:78vw;flex-shrink:0;scroll-snap-align:start}@media(hover:none){.tp-card:active{transform:scale(.98);box-shadow:0 4px 16px #0000001f}}.tp-card-content{display:flex;flex-direction:column;text-align:left;flex:1}.tp-card-title{font-family:var(--font-heading-family),serif;font-size:clamp(20px,5.5vw,36px);font-weight:400;margin:0 0 10px;line-height:1.15;letter-spacing:-.3px;color:inherit}.tp-card-desc{font-family:var(--font-body-family),sans-serif;font-size:clamp(13px,3.5vw,16px);line-height:1.55;letter-spacing:0;margin:0;color:inherit;opacity:.88}.tp-card-indicator{font-family:var(--font-heading-family),serif;font-size:clamp(16px,4vw,36px);line-height:1.1;font-weight:500;margin-top:auto;padding-top:12px;text-align:left;color:inherit;opacity:.6}.tp-card{gap:16px}.tp-scroll-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;padding-bottom:4px}.tp-scroll-dot{width:8px;height:8px;border-radius:50%;background-color:#ffffff59;border:none;padding:0;cursor:pointer;transition:background-color .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.tp-scroll-dot.is-active{background-color:#fff;transform:scale(1.3)}.timeline-process-section:not(.has-bg-image) .tp-scroll-dot{background-color:#00000026}.timeline-process-section:not(.has-bg-image) .tp-scroll-dot.is-active{background-color:#000000b3}@keyframes tp-swipeHint{0%{transform:translate(0)}40%{transform:translate(-24px)}60%{transform:translate(4px)}to{transform:translate(0)}}.tp-grid.show-swipe-hint{animation:tp-swipeHint 1s cubic-bezier(.25,.46,.45,.94) .6s 1}@media screen and (min-width:750px){.tp-card.tp-card-1{gap:80px}.tp-card.tp-card-2{gap:190px}.tp-card.tp-card-3{gap:260px}.tp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;overflow-x:visible;margin-left:0;margin-right:0;padding:0;align-items:end}.tp-card{min-width:auto;max-width:none;padding:20px}.tp-card-title{font-size:36px;line-height:1.1}.tp-card-desc{font-size:24px;line-height:1.1;letter-spacing:-.3px;opacity:1}.tp-card-indicator{font-size:36px;padding-top:0;opacity:1}.tp-scroll-dots{display:none}.tp-grid.enable-stagger{padding-top:160px;padding-bottom:60px}.tp-grid.enable-stagger .tp-card-1:hover,.tp-grid.enable-stagger .tp-card-2:hover,.tp-grid.enable-stagger .tp-card-3:hover{transform:translateY(-60px) scale(1.02);box-shadow:0 18px 44px #00000024}.tp-grid:not(.enable-stagger) .tp-card:hover{transform:translateY(0);box-shadow:0 18px 44px #00000024}}.tp-card:hover{z-index:10}
/*# sourceMappingURL=/cdn/shop/t/2/assets/timeline-process.css.map */