.craftsmanship-process{position:relative;background:radial-gradient(ellipse at 50% 0%,#123,#080e14 70%,#05090d);color:#fff;overflow:hidden;padding-top:var(--section-padding-top, 5rem);padding-bottom:var(--section-padding-bottom, 6rem)}.craftsmanship-process:before{content:"";position:absolute;top:0;left:0;right:0;height:.1rem;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}.craftsmanship-process__header{text-align:center;max-width:78rem;margin:0 auto 2.8rem;position:relative;z-index:2}.craftsmanship-process__tagline{display:inline-block;font-family:var(--font-body-family);font-size:1.25rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#1c87dc;margin-bottom:1rem;text-shadow:0 0 1.2rem rgba(28,135,220,.4)}.craftsmanship-process__title{color:#fff;font-size:3.6rem;font-weight:800;letter-spacing:.02em;line-height:1.15;margin:0;text-transform:capitalize}.craftsmanship-process__title:not(:last-child){margin-bottom:1.4rem}.craftsmanship-process__description{color:#94a3b8;font-family:var(--font-body-family);font-size:1.55rem;line-height:1.5;margin:0 auto}.craftsmanship-process__container{position:relative;z-index:2}.craftsmanship-process__container:before{content:"";position:absolute;top:55%;left:50%;transform:translate(-50%,-45%);width:100%;max-width:110rem;height:85%;background:radial-gradient(ellipse at center,rgba(28,135,220,.22) 0%,rgba(13,57,95,.12) 50%,transparent 75%);pointer-events:none;z-index:1;filter:blur(50px)}.craftsmanship-process__timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:6rem;list-style:none;padding:1.6rem 0 0;margin:0 auto;max-width:108rem;position:relative}@media screen and (min-width:990px){.craftsmanship-process__timeline:before{content:"";position:absolute;top:3.6rem;left:calc(12.5% + 2rem);right:calc(12.5% + 2rem);height:.2rem;background:#1c87dc;box-shadow:0 0 .8rem #1c87dc99;z-index:1}}.craftsmanship-step{display:flex;flex-direction:column;position:relative;z-index:2;transition:transform var(--duration-default) ease}.craftsmanship-step__badge-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:1.6rem;position:relative;z-index:3}.craftsmanship-step__badge{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:50%;background:#0b1723;border:.2rem solid #1c87dc;color:#fff;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:800;letter-spacing:.05em;box-shadow:0 0 1.6rem #1c87dc99,inset 0 0 .8rem #1c87dc4d;transition:all var(--duration-default) ease}.craftsmanship-step__card{display:flex;flex-direction:column;background:#0b1422bf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:.15rem solid rgba(56,189,248,.35);border-radius:0;overflow:hidden;box-shadow:0 1.6rem 3.6rem #0009,0 0 2rem #1c87dc40,inset 0 .1rem .15rem #ffffff40;height:100%;transition:transform var(--duration-default) ease,border-color var(--duration-default) ease,box-shadow var(--duration-default) ease}.craftsmanship-step__media{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;background-color:#030712}.craftsmanship-step__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 .1rem #ffffff1a,inset 0 0 2rem #00000040;pointer-events:none;z-index:2;transition:box-shadow var(--duration-default) ease}.craftsmanship-step__media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}@media(hover:hover){.craftsmanship-step:hover .craftsmanship-step__badge{background:#1c87dc;color:#fff;transform:scale(1.1);box-shadow:0 0 2.2rem #1c87dccc}.craftsmanship-step:hover .craftsmanship-step__card{transform:translateY(-.8rem);border-color:#38bdf8d9;box-shadow:0 2.4rem 5rem #000000bf,0 0 3.2rem #1c87dc99,inset 0 .1rem .2rem #fff6}.craftsmanship-step:hover .craftsmanship-step__media:after{box-shadow:inset 0 0 0 .15rem #38bdf866,inset 0 0 1.5rem #00000026}.craftsmanship-step:hover .craftsmanship-step__media img{transform:scale(1.05)}}.craftsmanship-step__content{padding:2rem 1.6rem;display:flex;flex-direction:column;flex:1 1 auto;text-align:left}.craftsmanship-step__title{color:#fff;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;line-height:1.25;margin:0 0 .8rem;letter-spacing:.01em}.craftsmanship-step__text{color:#94a3b8;font-family:var(--font-body-family);font-size:1.35rem;line-height:1.5;margin:0;flex:1 1 auto}.craftsmanship-process__nav{display:none}@media screen and (max-width:989px)and (min-width:750px){.craftsmanship-process__timeline{grid-template-columns:repeat(2,1fr);gap:4rem;max-width:64rem}}@media screen and (max-width:749px){.craftsmanship-process{padding-top:2.8rem;padding-bottom:3.2rem}.craftsmanship-process__header{text-align:center;margin-bottom:2rem;padding:0 1.5rem}.craftsmanship-process__title{font-size:2.4rem}.craftsmanship-process__description{font-size:1.4rem}.craftsmanship-process__timeline{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:1.8rem;padding:1.6rem 1.6rem 1.4rem;scroll-padding-inline:1.6rem;scrollbar-width:none;-ms-overflow-style:none}.craftsmanship-process__timeline::-webkit-scrollbar{display:none}.craftsmanship-step:hover .craftsmanship-step__card,.craftsmanship-step:active .craftsmanship-step__card,.craftsmanship-step:focus .craftsmanship-step__card,.craftsmanship-step:focus-within .craftsmanship-step__card{transform:none}.craftsmanship-step:hover .craftsmanship-step__badge,.craftsmanship-step:active .craftsmanship-step__badge,.craftsmanship-step:hover .craftsmanship-step__media img,.craftsmanship-step:active .craftsmanship-step__media img{transform:none}.craftsmanship-step{flex:0 0 74%;max-width:74%;scroll-snap-align:start;scroll-snap-stop:normal}.craftsmanship-step__card{border:1px solid rgba(56,189,248,.5);background:#0b1422;backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 1.2rem 2.8rem #0009,0 0 1.6rem #1c87dc40}.craftsmanship-step__media:after{box-shadow:inset 0 0 1.8rem #00000040}.craftsmanship-step__badge-wrap{display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem;position:relative;z-index:3}.craftsmanship-step__badge-wrap:before,.craftsmanship-step__badge-wrap:after{content:"";position:absolute;top:50%;height:.2rem;background:#1c87dc;box-shadow:0 0 .8rem #1c87dc99;z-index:1}.craftsmanship-step__badge-wrap:before{left:-1rem;right:50%}.craftsmanship-step__badge-wrap:after{left:50%;right:-1rem}.craftsmanship-step:first-child .craftsmanship-step__badge-wrap:before{display:none}.craftsmanship-step:last-child .craftsmanship-step__badge-wrap:after{display:none}.craftsmanship-step__badge{position:relative;z-index:2;width:3.6rem;height:3.6rem;font-size:1.3rem}.craftsmanship-step__media{aspect-ratio:4 / 5}.craftsmanship-step__media img{object-position:center bottom}.craftsmanship-step__content{padding:1.6rem 1.4rem}.craftsmanship-step__title{font-size:1.65rem}.craftsmanship-step__text{font-size:1.3rem}.craftsmanship-process__nav{display:flex;align-items:center;justify-content:center;width:fit-content;margin:1.8rem auto 0;padding:.8rem 1.4rem;background:#0b1723bf;border:1px solid rgba(56,189,248,.25);border-radius:9999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 24px #00000080,0 0 16px #1c87dc33}.craftsmanship-process__dots{display:flex;align-items:center;gap:.8rem}.craftsmanship-process__dot{display:grid;place-items:center;width:2.4rem;height:2.4rem;background:transparent;border:none;padding:0;cursor:pointer}.craftsmanship-process__dot:before{content:"";width:.8rem;height:.8rem;border-radius:50%;background:#ffffff40;transition:width .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.craftsmanship-process__dot.is-active:before{width:2.4rem;border-radius:1rem;background:#1c87dc;box-shadow:0 0 1.2rem #1c87dcd9}.craftsmanship-process__dot:focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem}}@media(prefers-reduced-motion:reduce){.craftsmanship-process__dot:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-craftsmanship-process.css.map */