.how-order{--how-accent: #2457d6;--how-accent-rgb: 36, 87, 214;--how-ink: #111318;--how-muted: #666b74;--how-line: #e5e8ed;--how-soft: #f5f7fa;overflow:hidden;color:var(--how-ink);background:#fff}.how-order *{box-sizing:border-box}.how-order__inner{width:min(100% - 40px,1200px);margin-inline:auto}.how-order__hero{position:relative;min-height:510px;padding:70px 0 126px;border-bottom:1px solid var(--how-line)}.how-order__hero:before{content:"";position:absolute;top:26px;right:-78px;width:220px;height:220px;border:1px solid rgba(var(--how-accent-rgb),.13);border-radius:50%}.how-order__english,.how-order__label{margin:0 0 18px;color:var(--how-accent);font-size:1.1rem;font-weight:700;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.how-order__title{max-width:8em;margin:0;color:var(--how-ink);font-family:var(--font-heading-family);font-size:clamp(4.6rem,14vw,8.2rem);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:-.055em;line-height:1.02}.how-order__intro{max-width:42em;margin-top:30px;color:var(--how-muted);font-size:1.55rem;line-height:1.9}.how-order__intro p{margin:0}.how-order__character{position:absolute;z-index:1;right:18px;bottom:-7px;width:clamp(94px,27vw,120px);line-height:0;pointer-events:none}.how-order__character:before{content:"";position:absolute;z-index:-1;top:18%;right:5%;bottom:0;left:5%;border-radius:50%;background:rgba(var(--how-accent-rgb),.07);filter:blur(16px)}.how-order__character-image{display:block;width:100%;height:auto}.how-order__flow-head{padding:64px 0 32px}.how-order__flow-head h2{max-width:10em;margin:0;font-family:var(--font-heading-family);font-size:clamp(3.1rem,9vw,5.2rem);font-weight:var(--font-heading-weight);letter-spacing:-.045em;line-height:1.15}.how-order__steps{position:relative;padding:18px 0 40px}.how-order__steps:before{content:"";position:absolute;top:42px;bottom:68px;left:25px;width:1px;background:linear-gradient(to bottom,var(--how-accent),var(--how-line) 88%)}.how-order__step{position:relative;padding:30px 0 48px 58px}.how-order__step-marker{position:absolute;z-index:2;top:30px;left:0;display:grid;width:50px;height:50px;border:1px solid rgba(var(--how-accent-rgb),.28);border-radius:50%;place-items:center;color:var(--how-accent);background:#fff;font-size:1.2rem;font-weight:700}.how-order__step-shell{display:block}.how-order__step-count{display:flex;align-items:flex-end;gap:10px;margin-bottom:22px;color:var(--how-accent)}.how-order__step-word{padding-bottom:.45em;font-size:1rem;font-weight:700;letter-spacing:.18em}.how-order__step-number{font-family:var(--font-heading-family);font-size:clamp(5.8rem,18vw,9rem);font-weight:var(--font-heading-weight);letter-spacing:-.075em;line-height:.72}.how-order__step-copy h3{margin:0;color:var(--how-ink);font-family:var(--font-heading-family);font-size:clamp(2.3rem,7vw,3.7rem);font-weight:var(--font-heading-weight);letter-spacing:-.035em;line-height:1.25}.how-order__step-copy .rte{margin-top:14px;color:var(--how-muted);font-size:1.45rem;line-height:1.85}.how-order__step-copy .rte p{margin:0}.how-order__step-copy{max-width:58rem}.how-order__video-section{padding:10px 0 56px}.how-order__video-heading{margin:0 0 24px;color:var(--how-ink);font-family:var(--font-heading-family);font-size:clamp(2.6rem,8vw,4.4rem);font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:1.2}.how-order__video-media{aspect-ratio:16 / 9;overflow:hidden;border-radius:6px;background:var(--how-soft)}.how-order__video-media video,.how-order__video-media iframe{display:block;width:100%;height:100%;border:0;object-fit:contain;background:#000}.how-order__cta{padding:56px 0 80px}.how-order__cta-panel{position:relative;overflow:hidden;padding:44px 26px;color:#fff;background:#168fcb}.how-order__cta-panel:after{content:"START";position:absolute;right:-8px;bottom:-20px;color:#ffffff0b;font-size:9rem;font-weight:800;letter-spacing:-.07em;line-height:1}.how-order__cta-copy,.how-order__button{position:relative;z-index:1}.how-order__cta-copy h2{max-width:12em;margin:0;color:#fff;font-family:var(--font-heading-family);font-size:clamp(2.7rem,8vw,4.6rem);font-weight:var(--font-heading-weight);letter-spacing:-.04em;line-height:1.2}.how-order__cta-copy p{margin:16px 0 0;color:#ffffffe6;font-size:1.4rem;line-height:1.8}.how-order__button{display:inline-flex;align-items:center;justify-content:space-between;width:100%;min-height:56px;margin-top:32px;padding:0 20px;border-radius:2px;color:var(--how-ink);background:#fff;font-size:1.4rem;font-weight:700;text-decoration:none;transition:color .18s ease,background-color .18s ease}.how-order__button:after{content:"\2192";font-size:1.9rem;font-weight:400}.how-order__button:hover{color:#fff;background:var(--how-accent)}@media screen and (min-width:750px){.how-order__inner{width:min(100% - 80px,1200px)}.how-order__hero{min-height:620px;padding:118px 0 145px}.how-order__hero-content{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:80px;align-items:end}.how-order__intro{margin-top:0;padding-bottom:5px}.how-order__character{right:max(34px,calc((100vw - 1200px)/2));width:150px}.how-order__flow-head{padding:105px 0 64px}.how-order__steps{padding:30px 0 80px}.how-order__steps:before{top:58px;bottom:96px;left:29px}.how-order__step{padding:38px 0 72px 92px}.how-order__step-marker{top:44px;left:0;width:58px;height:58px}.how-order__step-shell{display:block}.how-order__step-copy{max-width:72rem}.how-order__video-section{padding:10px 0 80px}.how-order__video-heading{margin-bottom:34px}.how-order__cta{padding:70px 0 110px}.how-order__cta-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:80px;align-items:center;padding:72px}.how-order__button{width:auto;min-width:240px;margin-top:0}}@media(prefers-reduced-motion:reduce){.how-order__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/section-how-to-order.css.map */