.product-process-banner{position:relative;overflow:hidden;background:var(--k9-color-bg-subtle, #f5f5f5);padding:var(--k9-space-6, 48px) 0}.product-process-banner__swipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--k9-color-blue, #163286);transform:scaleX(0);transform-origin:left center}.product-process-banner__particles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.product-process-banner__particle{position:absolute;display:block;width:var(--particle-size, 3px);height:var(--particle-size, 3px);left:var(--particle-x, 50%);top:var(--particle-y, 50%);border-radius:50%;background:rgba(255,255,255,var(--particle-opacity, .22));box-shadow:0 0 8px #ffffff1f;animation:process-particle-drift var(--particle-duration, 12s) ease-in-out infinite alternate;animation-delay:var(--particle-delay, 0s)}.product-process-banner__particle:nth-child(1){--particle-x: 8%;--particle-y: 24%;--particle-size: 2px;--particle-opacity: .16;--particle-duration: 11s;--particle-delay: -2s}.product-process-banner__particle:nth-child(2){--particle-x: 16%;--particle-y: 70%;--particle-size: 3px;--particle-opacity: .2;--particle-duration: 15s;--particle-delay: -6s}.product-process-banner__particle:nth-child(3){--particle-x: 24%;--particle-y: 38%;--particle-size: 2px;--particle-opacity: .14;--particle-duration: 13s;--particle-delay: -4s}.product-process-banner__particle:nth-child(4){--particle-x: 31%;--particle-y: 18%;--particle-size: 4px;--particle-opacity: .13;--particle-duration: 18s;--particle-delay: -9s}.product-process-banner__particle:nth-child(5){--particle-x: 39%;--particle-y: 78%;--particle-size: 2px;--particle-opacity: .18;--particle-duration: 12s;--particle-delay: -5s}.product-process-banner__particle:nth-child(6){--particle-x: 47%;--particle-y: 30%;--particle-size: 3px;--particle-opacity: .16;--particle-duration: 16s;--particle-delay: -8s}.product-process-banner__particle:nth-child(7){--particle-x: 54%;--particle-y: 66%;--particle-size: 2px;--particle-opacity: .2;--particle-duration: 14s;--particle-delay: -3s}.product-process-banner__particle:nth-child(8){--particle-x: 62%;--particle-y: 22%;--particle-size: 3px;--particle-opacity: .13;--particle-duration: 19s;--particle-delay: -11s}.product-process-banner__particle:nth-child(9){--particle-x: 71%;--particle-y: 76%;--particle-size: 2px;--particle-opacity: .17;--particle-duration: 12s;--particle-delay: -7s}.product-process-banner__particle:nth-child(10){--particle-x: 79%;--particle-y: 35%;--particle-size: 4px;--particle-opacity: .12;--particle-duration: 17s;--particle-delay: -10s}.product-process-banner__particle:nth-child(11){--particle-x: 88%;--particle-y: 58%;--particle-size: 2px;--particle-opacity: .2;--particle-duration: 13s;--particle-delay: -4s}.product-process-banner__particle:nth-child(12){--particle-x: 94%;--particle-y: 20%;--particle-size: 3px;--particle-opacity: .14;--particle-duration: 20s;--particle-delay: -12s}.product-process-banner__particle:nth-child(13){--particle-x: 12%;--particle-y: 48%;--particle-size: 2px;--particle-opacity: .12;--particle-duration: 16s;--particle-delay: -6s}.product-process-banner__particle:nth-child(14){--particle-x: 34%;--particle-y: 54%;--particle-size: 3px;--particle-opacity: .15;--particle-duration: 18s;--particle-delay: -8s}.product-process-banner__particle:nth-child(15){--particle-x: 58%;--particle-y: 46%;--particle-size: 2px;--particle-opacity: .18;--particle-duration: 14s;--particle-delay: -5s}.product-process-banner__particle:nth-child(16){--particle-x: 83%;--particle-y: 82%;--particle-size: 3px;--particle-opacity: .13;--particle-duration: 19s;--particle-delay: -13s}.product-process-banner__particle:nth-child(17){--particle-x: 4%;--particle-y: 84%;--particle-size: 2px;--particle-opacity: .16;--particle-duration: 15s;--particle-delay: -9s}.product-process-banner__particle:nth-child(18){--particle-x: 97%;--particle-y: 43%;--particle-size: 2px;--particle-opacity: .18;--particle-duration: 12s;--particle-delay: -3s}.product-process-banner__particle:nth-child(19){--particle-x: 19%;--particle-y: 14%;--particle-size: 2px;--particle-opacity: .13;--particle-duration: 17s;--particle-delay: -7s}.product-process-banner__particle:nth-child(20){--particle-x: 27%;--particle-y: 88%;--particle-size: 3px;--particle-opacity: .12;--particle-duration: 21s;--particle-delay: -15s}.product-process-banner__particle:nth-child(21){--particle-x: 44%;--particle-y: 12%;--particle-size: 2px;--particle-opacity: .16;--particle-duration: 13s;--particle-delay: -5s}.product-process-banner__particle:nth-child(22){--particle-x: 68%;--particle-y: 14%;--particle-size: 2px;--particle-opacity: .14;--particle-duration: 18s;--particle-delay: -11s}.product-process-banner__particle:nth-child(23){--particle-x: 76%;--particle-y: 88%;--particle-size: 3px;--particle-opacity: .11;--particle-duration: 20s;--particle-delay: -9s}.product-process-banner__particle:nth-child(24){--particle-x: 91%;--particle-y: 72%;--particle-size: 2px;--particle-opacity: .15;--particle-duration: 15s;--particle-delay: -6s}.product-process-banner__inner{position:relative;z-index:2}.product-process-banner__heading{margin:0 0 var(--k9-space-5, 32px);font-family:var(--k9-font-display, inherit);font-weight:400;font-size:clamp(1.6rem,3vw,2.2rem);line-height:1.05;letter-spacing:.01em;text-transform:uppercase;text-align:center;color:#fff}.product-process-banner__steps{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--k9-space-4, 24px);margin:0;padding:0;list-style:none}.product-process-banner__line{position:absolute;top:23px;left:calc(12.5% + 22px);right:calc(12.5% + 22px);height:1px;margin:0;padding:0;list-style:none;background:#ffffff57;transform-origin:left center;z-index:0}.product-process-banner__step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.product-process-banner__step-number{display:none}.product-process-banner__step-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:4px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#fff;color:var(--k9-color-blue, #163286);box-shadow:0 10px 26px #0000001f}.product-process-banner__step-icon svg{width:22px;height:22px}.product-process-banner__step-title{font-family:var(--k9-font-heading, inherit);font-weight:800;font-size:.9rem;letter-spacing:.02em;text-transform:uppercase;color:#fff}.product-process-banner__step-subtitle{font-size:.8rem;color:#ffffffbf}[data-process-item]{opacity:0;transform:translateY(20px)}[data-process-line]{transform:scaleX(0)}.no-js [data-process-item]{opacity:1;transform:none}.no-js [data-process-line],.no-js .product-process-banner__swipe{transform:scaleX(1)}@media(max-width:700px){.product-process-banner__steps{grid-template-columns:repeat(2,1fr);row-gap:var(--k9-space-5, 32px)}.product-process-banner__line{display:none}}@keyframes process-particle-drift{0%{transform:translateZ(0) scale(1)}35%{transform:translate3d(10px,-8px,0) scale(.86)}70%{transform:translate3d(-8px,7px,0) scale(1.08)}to{transform:translate3d(14px,-12px,0) scale(.94)}}.product-process-banner__steps:before{content:"";position:absolute;top:23px;left:calc(12.5% + 22px);right:calc(12.5% + 22px);height:1px;background:#ffffff29;z-index:0}.product-process-banner__line{background:#fff;height:1px}.product-process-banner__step-icon{border:1px solid rgba(255,255,255,.55);border-radius:0;background:var(--k9-color-blue, #163286);color:#fff;box-shadow:none;transition:background-color .45s ease,border-color .45s ease,color .45s ease,transform .45s var(--k9-ease-calm, ease)}.product-process-banner__step-icon svg{width:20px;height:20px}.product-process-banner__step.is-lit .product-process-banner__step-icon{border-color:#fff;background:#fff;color:var(--k9-ink, #0b1430);transform:translateY(-2px)}.product-process-banner__step-number{display:block;margin-top:8px;color:#ffffff8c;font-family:var(--k9-font-nav, var(--k9-font-body));font-size:.6rem;font-weight:600;letter-spacing:.16em;font-variant-numeric:tabular-nums}.product-process-banner__step-title{font-family:var(--k9-font-nav, var(--k9-font-body));font-size:.7rem;font-weight:600;letter-spacing:.16em}.product-process-banner__step-subtitle{max-width:24ch;font-size:.82rem;line-height:1.45;color:#ffffffb8}.no-js .product-process-banner__step .product-process-banner__step-icon{border-color:#fff;background:#fff;color:var(--k9-ink, #0b1430)}@media(max-width:700px){.product-process-banner__steps:before{display:none}}@media(prefers-reduced-motion:reduce){.product-process-banner__step-icon{transition:none}}.product-process-banner__step{gap:4px}.product-process-banner__step-icon{order:0}.product-process-banner__step-number{order:1;margin-top:10px}.product-process-banner__step-title{order:2}.product-process-banner__step-subtitle{order:3;max-width:none}.product-process-banner__heading{margin-bottom:24px}.product-process-banner{padding:36px 0}@media(max-width:700px){.product-process-banner{padding:26px 0}.product-process-banner__steps{row-gap:22px!important}.product-process-banner__step-number{margin-top:6px}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/product-process-banner.css.map */