.order-guide{--og-ink:#153c40;--og-cyan:#08bbc9;--og-orange:#ff963f;--og-yellow:#ffd440;--og-green:#87d867;color:var(--og-ink);overflow:hidden}.order-guide .og-breadcrumb{display:flex;flex-wrap:wrap;gap:11px;padding-block:25px 0;font-size:10px;color:#587575}.order-guide .og-breadcrumb a:hover{text-decoration:underline}.order-guide .og-eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:800;letter-spacing:.14em;line-height:1.6;margin:0 0 23px}.order-guide .og-eyebrow>span{width:22px;height:3px;background:var(--og-orange)}.order-guide .og-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:6%;align-items:center;padding-block:55px 60px}.order-guide .og-hero h1{font-size:clamp(46px,4.6vw,68px);line-height:1.12;letter-spacing:-.065em;font-weight:800;margin:0 0 25px}.order-guide .og-hero h1>span{position:relative;display:inline-block;z-index:0}.order-guide .og-hero h1>span:after{content:"";position:absolute;left:-2px;right:-8px;bottom:2px;height:18px;z-index:-1;background:var(--og-yellow);transform:rotate(-2deg)}.order-guide .og-hero-copy>p:not(.og-eyebrow){max-width:470px;font-size:14px;line-height:1.95;color:#526e70}.order-guide .og-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;min-height:54px;padding:16px 23px;border-radius:7px;font-size:12px;font-weight:800;line-height:1.5;margin-top:28px;transition:background .2s}.order-guide .og-button svg{width:19px;height:19px;flex:none}.order-guide .og-button-dark{color:#fffdf8;background:var(--og-ink)}.order-guide .og-button-dark:hover{background:#246169}.order-guide .og-hero-note{display:flex;gap:13px;align-items:center;margin-top:30px;font-size:11px;line-height:1.8;color:#587575}.order-guide .og-hero-note strong{color:var(--og-ink);font-weight:700}.order-guide .og-check{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:#eaf6dd;color:var(--og-ink)}.order-guide .og-check svg{width:16px;height:16px}.order-guide .og-hero-art{position:relative;border-radius:52% 46% 44% 14%;background:var(--og-cyan);aspect-ratio:1;display:flex;align-items:center;justify-content:center;isolation:isolate}.order-guide .og-hero-art:before{content:"";position:absolute;top:15%;right:7%;bottom:-4%;left:13%;border:1px solid #a9d8d0;border-radius:50% 30% 45% 15%;transform:rotate(-8deg);z-index:-1}.order-guide .og-hero-art>.og-illustration{display:block;width:100%;height:auto;max-width:100%;position:relative;margin:0}.order-guide .og-art-kicker,.order-guide .og-art-caption{position:absolute;font-size:8px;letter-spacing:.14em;font-weight:800;line-height:1.6;z-index:1}.order-guide .og-art-kicker{top:10%;left:20%;right:20%;text-align:center}.order-guide .og-art-caption{bottom:13%;left:18%;right:18%;text-align:center}.order-guide .og-route{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:24px 0;border-block:1px solid #d6e7e3}.order-guide .og-route a{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700;white-space:nowrap;min-height:36px}.order-guide .og-route a>span{display:grid;place-items:center;font-size:9px;width:28px;height:28px;border-radius:50%;background:#e4f6ef;color:#315e5f}.order-guide .og-route a:first-child>span{background:var(--og-cyan)}.order-guide .og-route a:nth-of-type(2)>span{background:var(--og-yellow)}.order-guide .og-route a:nth-of-type(3)>span{background:var(--og-green)}.order-guide .og-route a:nth-of-type(4)>span{background:var(--og-orange)}.order-guide .og-route a:hover{text-decoration:underline;text-underline-offset:4px}.order-guide .og-route-line{flex:1;max-width:65px;height:1px;background:#c8ddd6}.order-guide .og-steps{padding-top:15px}.order-guide .og-step{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding-block:65px;border-bottom:1px solid #d6e7e3;scroll-margin-top:35px}.order-guide .og-step-reverse .og-step-visual{grid-column:2;grid-row:1}.order-guide .og-step-reverse .og-step-copy{grid-column:1;grid-row:1}.order-guide .og-step-visual{position:relative;aspect-ratio:1.12;display:grid;place-items:center;border-radius:22px;min-width:0}.order-guide .og-step-visual>.og-illustration{display:block;width:100%;height:auto}.order-guide .og-visual-cyan{background:#e0f5f3}.order-guide .og-visual-yellow{background:#fff2b8}.order-guide .og-visual-green{background:#e8f4dd}.order-guide .og-visual-orange{background:#ffead9}.order-guide .og-visual-label{position:absolute;bottom:23px;left:18px;right:18px;text-align:center;font-size:8px;letter-spacing:.12em;font-weight:800;line-height:1.5;color:#4b6c6e}.order-guide .og-step-number{display:flex;align-items:center;gap:17px;font-size:37px;line-height:1;font-weight:800;letter-spacing:-.06em;margin-bottom:19px}.order-guide .og-step-number>span{font-size:9px;line-height:1.6;letter-spacing:.12em;font-weight:700;color:#587575}.order-guide .og-step h2{font-size:clamp(30px,3.3vw,43px);letter-spacing:-.055em;line-height:1.16;margin:0 0 22px}.order-guide .og-step h2 span{color:#087e88}.order-guide .og-step-copy>p{font-size:13px;line-height:1.95;color:#526e70;margin:0 0 16px;max-width:460px}.order-guide .og-small-note{margin:23px 0 24px;padding:0 0 0 18px;border-left:3px solid var(--og-cyan)}.order-guide .og-small-note strong{display:block;font-size:11px;line-height:1.7;margin-bottom:4px}.order-guide .og-small-note p{font-size:11px;line-height:1.85;color:#587575;max-width:390px}.order-guide .og-text-link{display:inline-flex;align-items:center;gap:20px;font-size:11px;line-height:1.7;font-weight:800;border-bottom:1px solid #386566;padding:5px 0}.order-guide .og-text-link svg{width:17px;height:17px}.order-guide .og-design-options{margin:22px 0 18px;padding:0;list-style:none;display:grid;gap:13px}.order-guide .og-design-options li{padding-left:19px;position:relative}.order-guide .og-design-options li:before{content:"";position:absolute;top:6px;left:0;width:7px;height:7px;background:var(--og-cyan);border-radius:2px}.order-guide .og-design-options li:nth-child(2):before{background:var(--og-orange)}.order-guide .og-design-options li:nth-child(3):before{background:var(--og-green)}.order-guide .og-design-options strong{display:block;font-size:12px;line-height:1.6}.order-guide .og-design-options span{display:block;font-size:11px;line-height:1.85;color:#587575;margin-top:3px}.order-guide .og-step-copy>p.og-caption{font-size:10px;line-height:1.9;color:#587575;margin-top:17px}.order-guide .og-checklist{display:grid;gap:14px;margin:25px 0}.order-guide .og-checklist>span{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:700;line-height:1.7}.order-guide .og-checklist svg{width:16px;height:16px;flex:none;color:#378245}.order-guide .og-approval-note{display:flex;gap:14px;align-items:flex-start;background:#eaf7df;border-radius:9px;padding:19px;margin-top:23px}.order-guide .og-approval-note>svg{width:28px;height:28px;flex:none}.order-guide .og-approval-note strong{display:block;font-size:11px;line-height:1.7}.order-guide .og-approval-note small{display:block;font-size:10px;line-height:1.8;color:#54716c;margin-top:5px}.order-guide .og-step-final{border-bottom:0;padding-bottom:70px}.order-guide .og-finale{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;border:1px solid #0aa7b3;border-radius:10px;background:var(--og-cyan);color:#fff;padding:44px 52px;margin-bottom:70px;position:relative;isolation:isolate;overflow:clip}.order-guide .og-finale-art{position:absolute;right:-90px;top:-25px;width:360px;height:360px;color:var(--og-yellow);transform:rotate(8deg);pointer-events:none;z-index:-1}.order-guide .og-finale-art svg{display:block;width:100%;height:100%}.order-guide .og-finale-copy,.order-guide .og-help{position:relative;min-width:0}.order-guide .og-finale .og-eyebrow{font-size:9px;margin-bottom:18px}.order-guide .og-finale h2{font-size:clamp(31px,3.4vw,44px);line-height:1.15;letter-spacing:-.055em;color:#fff}.order-guide .og-help{padding:0 112px 0 0}.order-guide .og-help h3{font-size:22px;letter-spacing:-.04em;line-height:1.25;color:#fff;max-width:300px}.order-guide .og-help p{font-size:12px;font-weight:650;line-height:1.8;max-width:300px;margin-top:13px;color:#fff}.order-guide .og-finale-button{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;max-width:100%;min-height:46px;margin-top:24px;padding:7px 8px 7px 18px;border:1px solid var(--og-ink);border-radius:999px;background:var(--og-ink);color:#fff;font-size:11px;font-weight:800;line-height:1.5;text-decoration:none;transition:background .15s,border-color .15s}.order-guide .og-finale-arrow{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:50%;background:var(--og-yellow);color:var(--og-ink)}.order-guide .og-finale-arrow svg{width:17px;height:17px}.order-guide .og-finale-button:hover{background:#22535a;border-color:#22535a}.order-guide .og-finale-button:focus-visible{outline:2px solid #fff;outline-offset:4px}.order-guide .og-illustration{color:var(--og-ink)}.order-guide .og-illustration text{font-family:var(--font);fill:var(--og-ink)}@media(max-width:1000px){.order-guide .og-hero{gap:5%;padding-block:40px 45px}.order-guide .og-hero h1{font-size:46px}.order-guide .og-hero-copy>p:not(.og-eyebrow){font-size:12px}.order-guide .og-hero-art{align-self:center}.order-guide .og-route{gap:9px}.order-guide .og-route a{font-size:9px;gap:6px}.order-guide .og-route-line{max-width:30px}.order-guide .og-step{gap:6%;padding-block:50px}.order-guide .og-step h2{font-size:33px}.order-guide .og-step-copy>p{font-size:12px}.order-guide .og-step-visual{aspect-ratio:1}}@media(max-width:650px){.order-guide .og-breadcrumb{font-size:9px;padding-top:20px}.order-guide .og-hero{grid-template-columns:1fr;gap:32px;padding-block:30px 35px}.order-guide .og-eyebrow{font-size:8px;letter-spacing:.1em;margin-bottom:18px}.order-guide .og-hero h1{font-size:clamp(40px,11.7vw,61px);margin-bottom:20px}.order-guide .og-hero h1>span:after{height:13px;bottom:0}.order-guide .og-hero-copy>p:not(.og-eyebrow){font-size:12px;line-height:1.9;max-width:440px}.order-guide .og-button{font-size:11px;padding:14px 19px;min-height:49px;gap:20px;margin-top:22px}.order-guide .og-hero-note{font-size:10px;margin-top:22px}.order-guide .og-hero-art{width:90%;max-width:390px;justify-self:center;aspect-ratio:1.12;margin-bottom:5px}.order-guide .og-art-kicker,.order-guide .og-art-caption{font-size:7px}.order-guide .og-route{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:17px 0;align-items:start}.order-guide .og-route a{flex-direction:column;gap:7px;font-size:8px;line-height:1.5;white-space:normal;text-align:center}.order-guide .og-route a>span{width:26px;height:26px;font-size:8px}.order-guide .og-route-line{display:none}.order-guide .og-steps{padding-top:0}.order-guide .og-step,.order-guide .og-step-reverse{display:flex;flex-direction:column;gap:27px;align-items:stretch;padding-block:35px;scroll-margin-top:20px}.order-guide .og-step-visual{order:1;width:100%;aspect-ratio:1.2;max-height:370px;overflow:hidden;border-radius:15px}.order-guide .og-step-copy{order:0}.order-guide .og-step-visual>.og-illustration{width:100%;max-width:425px;max-height:100%}.order-guide .og-visual-label{font-size:7px;bottom:16px}.order-guide .og-step-number{font-size:29px;gap:13px;margin-bottom:15px}.order-guide .og-step-number>span{font-size:8px;letter-spacing:.08em}.order-guide .og-step h2{font-size:33px;margin-bottom:18px;line-height:1.18}.order-guide .og-step-copy>p{font-size:12px;max-width:none;margin-bottom:13px}.order-guide .og-small-note{margin-block:20px;padding-left:15px}.order-guide .og-small-note p{font-size:11px}.order-guide .og-design-options{margin-top:19px;gap:13px}.order-guide .og-design-options strong{font-size:11px}.order-guide .og-design-options span{font-size:10px}.order-guide .og-step-copy>p.og-caption{font-size:10px}.order-guide .og-checklist{gap:11px;margin-block:19px}.order-guide .og-checklist>span{font-size:11px}.order-guide .og-approval-note{padding:17px;gap:11px}.order-guide .og-approval-note strong{font-size:10px}.order-guide .og-approval-note small{font-size:9px}.order-guide .og-step-final{padding-bottom:40px}}@media(max-width:1000px){.order-guide .og-finale{grid-template-columns:1fr;gap:27px;padding:35px}.order-guide .og-finale-copy{max-width:calc(100% - 90px)}.order-guide .og-help{max-width:calc(100% - 90px);padding:24px 0 0;border-left:0;border-top:1px solid #ffffff50;margin:0}.order-guide .og-help p{max-width:390px}}@media(max-width:650px){.order-guide .og-finale{display:grid;padding:28px 24px;gap:25px;margin-bottom:40px}.order-guide .og-finale-art{width:160px;height:160px;right:-90px;top:-12px}.order-guide .og-finale-copy{max-width:100%;padding-right:27px}.order-guide .og-finale h2{font-size:29px}.order-guide .og-help{max-width:100%;padding-top:23px}.order-guide .og-help h3{display:block;font-size:21px;min-height:0}.order-guide .og-help p{font-size:12px;margin-top:12px}.order-guide .og-finale-button{margin-top:20px;font-size:11px;gap:14px;padding-left:15px}}@media(min-width:651px){.order-guide .og-breadcrumb{padding-top:16px}.order-guide .og-hero{padding-block:20px 26px}.order-guide .og-eyebrow{margin-bottom:12px}.order-guide .og-hero h1{font-size:clamp(40px,3.6vw,50px);margin-bottom:14px}.order-guide .og-hero h1>span:after{height:13px}.order-guide .og-hero-copy>p:not(.og-eyebrow){font-size:13px;line-height:1.75}.order-guide .og-hero .og-button{margin-top:18px;min-height:48px;padding:13px 20px}.order-guide .og-hero-note{margin-top:16px}.order-guide .og-hero-art{width:min(100%,clamp(260px,34vh,340px));justify-self:center}.order-guide .og-route{padding-block:12px}.order-guide .og-steps{padding-top:0}.order-guide .og-step:first-child{padding-top:32px;align-items:start}}@media(min-width:1100px){.order-guide .og-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 20px;margin-top:18px}.order-guide .og-hero-actions .og-button,.order-guide .og-hero-actions .og-hero-note{margin-top:0}.order-guide .og-hero-actions .og-hero-note{font-size:10px;gap:9px}}@media(min-width:651px)and (max-height:800px){.order-guide .og-hero{padding-block:14px 22px}.order-guide .og-hero h1{font-size:42px}.order-guide .og-step:first-child{padding-top:26px}}@media(prefers-reduced-motion:reduce){.order-guide .og-button,.order-guide .og-finale-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/order-guide.css.map */
