.phua3{padding:3.2rem 0 clamp(3.2rem,5vw,5.6rem);background:var(--holus-cream);overflow-x:clip}.phua3__container{width:min(clamp(1080px,88vw,1400px),calc(100% - 40px));max-width:none;margin:0 auto}.phua3__outer-panel{padding:3.4rem 0 3rem}.phua3__timeline{--node-h: 7.2rem;--footer-h: 4.8rem;--badge-size: 5.2rem;--line-color: #a8de88;--line-w: 3px;position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;isolation:isolate}.phua3__timeline:before{content:"";position:absolute;left:calc(100% / 6);right:calc(100% / 6);bottom:calc(var(--footer-h) + var(--node-h) / 2);transform:translateY(50%);height:var(--line-w);background:var(--line-color);border-radius:2px;z-index:0}.phua3__eyebrow{display:none;color:#2a1b1299;font-family:var(--holus-font-heading);font-size:1.25rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.phua3__heading{margin:0 0 2.4rem;text-align:left;color:#2a1b12;font-size:clamp(2.6rem,3.4vw,4.6rem);line-height:1.15;letter-spacing:-.015em;font-family:var(--holus-font-heading);font-weight:900}.phua3__card{display:flex;flex-direction:column;position:relative;z-index:1}.phua3__card-media{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;border-radius:clamp(1.2rem,1.6vw,2rem) clamp(1.2rem,1.6vw,2rem) 0 0;background:#efe8de;flex-shrink:0}.phua3__card-img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.phua3__card:hover .phua3__card-img{transform:scale(1.04)}.phua3__node{height:var(--node-h);display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.phua3__badge{width:var(--badge-size);height:var(--badge-size);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:#a8de88;color:#2a1b12;font-family:var(--holus-font-heading);font-size:2.4rem;font-weight:900;line-height:1;letter-spacing:-.02em;box-shadow:0 0 0 4px var(--holus-cream);position:relative;z-index:1}.phua3__card-footer{height:var(--footer-h);min-height:var(--footer-h);display:flex;align-items:center;justify-content:center;padding:0 .8rem;margin:0}.phua3__step-text{display:block;width:100%;text-align:center;color:#2a1b12;font-family:var(--holus-font-heading);font-size:clamp(1.65rem,1.9vw,2.2rem);font-weight:800;line-height:1.25;letter-spacing:-.01em}.phua3--anim-card{opacity:1;transform:none}.phua3.phua3--anim-enabled .phua3--anim-card{opacity:0;transform:translateY(14px);transition:opacity .4s ease calc(.15s + var(--card-delay, 0ms)),transform .4s ease calc(.15s + var(--card-delay, 0ms))}.phua3.phua3--anim-enabled .phua3--visible{opacity:1!important;transform:none!important}@media screen and (max-width:989px){.phua3{padding:2.4rem 0}.phua3__container{width:min(1000px,calc(100% - 42px))}.phua3__outer-panel{padding:2rem 0 1.6rem}.phua3__timeline{--node-h: 6.4rem;--footer-h: 4.4rem;--badge-size: 4.6rem;gap:2rem}.phua3__badge{font-size:2.1rem}}@media screen and (max-width:749px){.phua3{padding:2.6rem 0 3rem;background:var(--holus-cream)}.phua3__container{width:100%;max-width:none;margin:0}.phua3__outer-panel{width:100%;background:transparent;border-radius:0;padding:0 1.4rem;display:block}.phua3__heading{text-align:left;margin:0 0 1.6rem;font-size:2.6rem;line-height:1.2}.phua3__timeline{--node-h: 7rem;--footer-h: 4.4rem;--badge-size: 4.6rem;display:flex;flex-direction:row;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.2rem;margin:0 -1.4rem;padding:.4rem 1.4rem 1rem;isolation:isolate;position:relative}.phua3__timeline::-webkit-scrollbar{display:none}.phua3__timeline:before{display:block;left:calc(1.4rem + 36vw);width:calc((72vw + 1.2rem)*2);right:auto;bottom:calc(var(--footer-h) + var(--node-h) / 2 + 1rem);transform:translateY(50%)}.phua3__card{flex:0 0 72vw;scroll-snap-align:center;background:transparent;border-radius:0;overflow:visible;box-shadow:none}.phua3__card-media{width:100%;aspect-ratio:4 / 3;flex-shrink:0;border-radius:clamp(1.2rem,1.6vw,2rem) clamp(1.2rem,1.6vw,2rem) 0 0;overflow:hidden}.phua3__node{height:var(--node-h);justify-content:center;padding:0;gap:0;flex-direction:column;align-items:center}.phua3__badge{width:var(--badge-size);height:var(--badge-size);font-size:2rem;box-shadow:0 0 0 4px var(--holus-cream);flex-shrink:0}.phua3__card-footer{height:var(--footer-h);min-height:var(--footer-h);padding:0 1.2rem;justify-content:center}.phua3__step-text{font-size:1.75rem;text-align:center}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-product-holus-usage-steps-alt-3.css.map */