.order-hero{padding-bottom:65px}.order-intro{max-width:1050px;margin-bottom:55px}.order-intro .tw-lede{max-width:850px}.order-hero h1{font-size:clamp(40px,4.7vw,68px)}.order-flow{border:1px solid #65734d;border-radius:24px;padding:28px;background:radial-gradient(ellipse at 50% 30%,#2c3b2b,#111d16 75%);overflow:hidden}.of-heading{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.1em;color:#dac68c;padding-bottom:25px;border-bottom:1px solid #63714b66}.of-heading span:last-child{color:#aebba2;letter-spacing:0}.of-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:30px 0}.of-stage{min-width:0;border:1px solid #64755366;border-radius:15px;padding:20px 16px;background:#15231b;transition:border-color .4s,box-shadow .4s,background .4s}.of-label{font-size:10px;letter-spacing:.12em;color:#cab77b;margin:0 0 17px}.of-stage h2{font-size:21px;line-height:1.2;letter-spacing:-.025em;min-height:51px;margin:0 0 22px}.of-channel{position:relative;padding:12px 8px;border:1px solid #4e624c;border-radius:8px;margin-bottom:10px;background:#213225}.of-channel b,.of-channel span{display:block}.of-channel b{font-size:13px}.of-channel span{font-size:10px;color:#b1c0a4;margin-top:5px}.of-channel i{font-style:normal;font-size:9px;background:#d7bd7c;color:#20301e;padding:3px 5px;position:absolute;right:-9px;top:9px;animation:of-arrive 3s infinite}.of-channel:nth-of-type(2) i{animation-delay:.5s}.of-channel:nth-of-type(3) i{animation-delay:1s}.of-channel:nth-of-type(4) i{animation-delay:1.5s}.of-stock-top,.of-available{background:#263b29;border-radius:12px;padding:18px;display:flex;align-items:center;justify-content:space-between}.of-stock-top span,.of-available span{font-size:11px;letter-spacing:.08em}.of-stock-top strong,.of-available strong{font-size:42px;font-variant-numeric:tabular-nums;color:#e4cf91}.of-ledger{margin:15px 0}.of-ledger div{display:flex;justify-content:space-between;align-items:center;gap:8px;border-bottom:1px solid #46583e;padding:15px 0;font-size:12px}.of-ledger dd{font-size:23px;margin:0;color:#e4cf91;font-variant-numeric:tabular-nums}.of-available{background:#3b4e30}.of-foot{font-size:12px;color:#aebb9f;line-height:1.6;margin:18px 0 0}.of-orca{text-align:center;background:#d8c180;border-radius:10px;padding:15px;color:#25321e}.of-orca img{display:block;width:110px;margin:0 auto 9px}.of-orca span{font-size:9px;letter-spacing:.2em}.of-rules{display:flex;flex-wrap:wrap;justify-content:center;gap:5px;padding:15px 0}.of-rules span{font-size:10px;border:1px solid #63774d;border-radius:20px;padding:5px 8px}.of-route{border-left:2px solid #d4bf7f;padding:10px 12px;margin-top:10px;background:#26372a;transition:background .3s}.of-route b,.of-route span{display:block;font-size:12px}.of-route span{font-size:10px;color:#bac7aa;margin-top:5px}.of-order-id{font-size:10px;letter-spacing:.08em;padding:12px 0;color:#cfbb80}.of-parcel{display:flex;gap:10px;align-items:center;padding:18px 9px;border:1px solid #5b704c;border-radius:10px;margin:10px 0}.of-box{font-size:32px;color:#d7bb77}.of-parcel b{font-size:12px;display:block}.of-parcel div>span{font-size:11px;display:block;margin-top:8px;color:#b8c9a3}.of-parcel i{color:#d4e6ab;opacity:.18;transition:opacity .4s}.of-return{font-size:12px;color:#dfc987;line-height:1.8;padding:15px 0;opacity:.35;transition:opacity .5s}.of-return b{font-size:11px;font-weight:400}.of-caption{border-top:1px solid #63714b66;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:84px}.of-caption>span{font-size:15px;color:#e0d7b4}.of-caption>div{display:flex;gap:8px;flex-shrink:0}.of-caption button{border:1px solid #7b865d;background:#243324;color:#f1f1e5;border-radius:30px;padding:12px 17px;cursor:pointer}.of-caption button:focus-visible{outline:2px solid #e6cc89;outline-offset:3px}.of-progress{height:3px;background:#536443;border-radius:3px;overflow:hidden}.of-progress span{display:block;height:100%;background:#e1c882;width:0}.of-disclaimer{font-size:11px;color:#9caa91;line-height:1.7;margin:16px 0 0}.order-flow[data-step="0"] .of-intake,.order-flow[data-step="1"] .of-stock,.order-flow[data-step="2"] .of-routing,.order-flow[data-step="3"] .of-ship,.order-flow[data-step="4"] .of-ship{border-color:#e3c983;box-shadow:0 0 28px #c7b87818;background:#213225}.order-flow[data-step="2"] .of-route{background:#3c5031}.order-flow[data-step="3"] .of-parcel i,.order-flow[data-step="4"] .of-parcel i,.order-flow[data-step="4"] .of-return{opacity:1}.order-flow.is-paused *{animation-play-state:paused!important}.order-routing-map{display:grid;grid-template-columns:1fr 1.25fr 1fr;gap:24px;align-items:center;margin:35px 0}.order-routing-map>div{padding:28px;border:1px solid #596347;border-radius:15px}.order-routing-map span{font-size:11px;color:#d9bd7a;letter-spacing:.1em}.order-routing-map h3{font-size:23px;line-height:1.35}.order-map-center{background:#263626}.order-map-center p,.order-map-note{color:#bac3b0;line-height:1.7}.order-map-note{max-width:950px}@keyframes of-arrive{0%,15%{opacity:0;transform:translateX(-18px)}35%,75%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(12px)}}@media(max-width:1000px){.of-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.of-stage h2{min-height:0}.order-routing-map{grid-template-columns:1fr}}@media(max-width:560px){.order-flow{padding:18px}.of-stages{grid-template-columns:1fr}.of-heading,.of-caption{align-items:flex-start;flex-direction:column}.of-stage{padding:22px}.of-stage h2{font-size:24px}.of-channel b,.of-route b,.of-parcel b{font-size:15px}.of-channel span,.of-route span,.of-parcel div>span,.of-foot{font-size:13px}.of-channel{padding:14px}.of-label{font-size:12px}.of-ledger div{font-size:14px}}@media(prefers-reduced-motion:reduce){.order-flow *{animation:none!important;transition:none!important}.of-channel i{opacity:1}}
.of-stage{position:relative}.of-stage:not(:last-child)::after{content:'→';position:absolute;right:-19px;top:48%;z-index:2;color:#e1c882;font-size:22px;text-shadow:0 0 12px #d5c17d;animation:of-handoff 2s ease-in-out infinite}.of-stage:nth-child(2)::after{animation-delay:.5s}.of-stage:nth-child(3)::after{animation-delay:1s}@keyframes of-handoff{0%,100%{opacity:.35;transform:translateX(-3px)}50%{opacity:1;transform:translateX(2px)}}@media(min-width:561px) and (max-width:1000px){.of-stage:nth-child(2)::after{display:none}}@media(max-width:560px){.of-stage:not(:last-child)::after{content:'↓';right:50%;top:auto;bottom:-23px;animation:none}}#order-workflow{scroll-margin-top:115px}
.restored-orders.shipping-demo{display:block;margin:0;max-width:none}.restored-orders svg{display:block;width:100%;height:auto;margin:18px 0}.restored-orders .shipping-controls{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.restored-orders .mc-edi{animation:mc-edi 14s linear infinite}@keyframes mc-edi{0%,25%{transform:translate(222px,496px);opacity:0}26%{transform:translate(222px,496px);opacity:1}31%{transform:translate(330px,496px)}39%{transform:translate(330px,330px)}42%{transform:translate(360px,330px);opacity:1}43%,100%{transform:translate(360px,330px);opacity:0}}
/* Three distinct fulfillment destinations, scoped to the order page. */
.restored-orders .mc-out-1{animation-name:mc-route-warehouse}.restored-orders .mc-out-2{animation-name:mc-route-3pl}.restored-orders .mc-out-3{animation:mc-route-edi 14s linear infinite}.restored-orders .mc-destination-3{animation:mc-edi-confirm 14s infinite}.restored-orders .mc-return{animation-name:mc-three-return}
@keyframes mc-route-warehouse{0%,51%{transform:translate(632px,246px);opacity:0}52%{transform:translate(632px,246px);opacity:1}57%{transform:translate(690px,246px)}62%{transform:translate(690px,130px)}66%{transform:translate(745px,130px);opacity:1}67%,100%{transform:translate(745px,130px);opacity:0}}
@keyframes mc-route-3pl{0%,57%{transform:translate(632px,278px);opacity:0}58%{transform:translate(632px,278px);opacity:1}63%{transform:translate(690px,278px)}66%{transform:translate(690px,290px)}70%{transform:translate(745px,290px);opacity:1}71%,100%{transform:translate(745px,290px);opacity:0}}
@keyframes mc-route-edi{0%,61%{transform:translate(632px,310px);opacity:0}62%{transform:translate(632px,310px);opacity:1}66%{transform:translate(680px,310px)}73%{transform:translate(680px,450px)}77%{transform:translate(745px,450px);opacity:1}78%,100%{transform:translate(745px,450px);opacity:0}}
@keyframes mc-edi-confirm{0%,76%{opacity:.2}80%,100%{opacity:1}}
@keyframes mc-three-return{0%,81%{transform:translate(854px,518px);opacity:0}82%{transform:translate(854px,518px);opacity:1}85%{transform:translate(854px,560px)}93%{transform:translate(495px,560px);opacity:1}97%{transform:translate(495px,431px);opacity:1}98%,100%{transform:translate(495px,431px);opacity:0}}
.restored-orders.is-still .mc-destination-3{opacity:1}@media(prefers-reduced-motion:reduce){.restored-orders .mc-destination-3{opacity:1}}
.order-waiting{background:radial-gradient(ellipse at 15% 40%,#26322255,transparent 65%)}.waiting-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:40px}.waiting-path{min-width:0;background:linear-gradient(145deg,#1b281e,#111a14);border:1px solid #586447;border-radius:20px;padding:32px}.waiting-heading{display:flex;gap:18px;align-items:flex-start}.waiting-icon{display:grid;place-items:center;flex-shrink:0;width:52px;height:52px;border:1px solid #9b9563;border-radius:13px;background:#35452d;color:#e0c789;font-size:31px}.waiting-heading .eyebrow{font-size:11px;margin:0 0 12px}.waiting-heading h3{font-size:27px;line-height:1.2;letter-spacing:-.025em;margin:0}.waiting-path>p{color:#bec7b5;font-size:16px;line-height:1.75;margin:24px 0}.waiting-example{border:1px solid #546548;border-radius:14px;background:#0e1912;padding:24px;margin-top:26px}.waiting-example-label{font-size:10px;letter-spacing:.12em;color:#d5c187}.waiting-steps{padding:0;margin:22px 0 0;list-style:none}.waiting-steps li{display:flex;gap:16px;position:relative;padding-bottom:25px}.waiting-steps li:not(:last-child):before{content:'';position:absolute;top:32px;bottom:0;left:16px;width:1px;background:#61744a}.waiting-steps li>span{display:grid;place-items:center;flex-shrink:0;width:33px;height:33px;border-radius:50%;border:1px solid #8a9665;background:#2a3c27;color:#ddca8f;font-size:12px}.waiting-steps strong{font-size:16px;font-weight:600}.waiting-steps p{font-size:13px;line-height:1.6;color:#afbea1;margin:6px 0 0}.waiting-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;position:relative;padding-top:15px;border-top:1px solid #6e7b53}.waiting-split>div{border-radius:10px;padding:18px 14px;border:1px solid #6b7e50}.waiting-ready{background:#30462a}.waiting-held{background:#292b20}.waiting-split span{font-size:9px;letter-spacing:.08em;color:#daca98}.waiting-split strong{font-size:42px;display:block;color:#e1d5a3;margin:12px 0}.waiting-split small{font-size:15px;font-weight:400}.waiting-split p,.waiting-example-note{font-size:12px!important;line-height:1.6;color:#b9c7a9;margin:0}.waiting-example-note{margin-top:16px}.waiting-benefits{padding-left:20px;margin:25px 0 0;color:#c8cfbf;font-size:15px;line-height:1.7}.waiting-benefits li{padding-left:5px;margin:12px 0}.waiting-benefits li::marker{color:#d2b97b}.waiting-release{margin-top:26px;border-left:2px solid #cab57a;padding-left:20px}.waiting-release>span{font-size:10px;letter-spacing:.1em;color:#d7c287}.waiting-release p{color:#b9c4ad;font-size:14px;line-height:1.7}.waiting-release strong{color:#edf0e4}.waiting-takeaway{display:grid;grid-template-columns:1fr 1.2fr;gap:25px 45px;align-items:center;margin-top:35px;padding:32px;border:1px solid #5c6549;border-radius:16px}.waiting-takeaway h3{font-size:28px;line-height:1.2;margin:0}.waiting-takeaway .eyebrow{font-size:10px}.waiting-takeaway p:not(.eyebrow){font-size:16px;line-height:1.7;color:#bec6b4;margin:0}.waiting-takeaway .button{justify-self:start;grid-column:1/-1}#backorders-preorders{scroll-margin-top:95px}@media(max-width:850px){.waiting-paths{grid-template-columns:1fr}.waiting-takeaway{grid-template-columns:1fr}}@media(max-width:500px){.waiting-path{padding:22px}.waiting-heading h3{font-size:24px}.waiting-icon{width:40px;height:40px;font-size:25px}.waiting-example{padding:18px}.waiting-split{gap:8px}.waiting-split>div{padding:15px 10px}.waiting-split span{font-size:9px;letter-spacing:0}.waiting-takeaway{padding:24px}}
.order-journey-nav{display:flex;gap:24px;flex-wrap:wrap;padding-top:30px;padding-bottom:30px;scroll-margin-top:100px}.order-journey-nav a{display:flex;align-items:center;gap:10px;color:#d7decf;text-decoration:none;font-size:14px}.order-journey-nav span{color:#d8bd79;font-size:11px;border:1px solid #5e6e4c;border-radius:50%;padding:8px}.journey-tinted{background:linear-gradient(135deg,#19261b66,#0c120e)}.journey-inventory{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:24px;align-items:center;margin-top:35px}.journey-inventory>div{padding:28px;background:#1b2a1d;border:1px solid #5e704b;border-radius:15px}.journey-inventory>div:last-child{background:#32452b}.journey-inventory span,.journey-return article>span,.journey-related>span{font-size:11px;color:#dcca8a;letter-spacing:.12em}.journey-inventory strong{display:block;font-size:58px;line-height:1.1;margin:20px 0;color:#e6d9ac}.journey-inventory p{font-size:15px;color:#bfcab4;margin:0}.journey-inventory>b{font-size:28px;color:#d5bf83}.journey-note{font-size:12px;color:#a4b19a;line-height:1.7;margin:18px 0 30px}.journey-two{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:40px}.journey-two h3{font-size:26px;line-height:1.2}.journey-two p,.journey-close-copy{font-size:17px;line-height:1.8;color:#bec7b4}.journey-routing{border:1px solid #536448;border-radius:14px;padding:24px;text-align:center;background:#101b13}.journey-routing>span{font-size:10px;letter-spacing:.1em;color:#b6c4a6}.journey-routing-hub{font-size:29px;letter-spacing:.18em;background:#d5bf82;color:#1d2b1d;border-radius:10px;padding:18px;margin:20px 0}.journey-destinations{display:grid;gap:10px}.journey-destinations p{font-size:14px;margin:0;padding:12px;border:1px solid #667950;border-radius:8px;color:#dce4d0}.journey-remaining h3{font-size:30px;margin:12px 0 30px}.journey-remaining .waiting-steps{margin-top:30px}.journey-return{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;margin-top:38px}.journey-return article{padding:32px;border:1px solid #6d7953;border-radius:17px;background:#1b2b20}.journey-return h3{font-size:27px;margin:22px 0 15px}.journey-return p{color:#b6c5a9;font-size:16px;line-height:1.7}.journey-tracking{padding:17px;border-radius:9px;background:#33482c;color:#dbe8c8;margin-top:24px;font-size:14px}.journey-return-arrow{font-size:40px;color:#dac68b}.journey-close-copy{max-width:850px}.journey-finish .tw-lede{max-width:850px}.journey-related{display:flex;gap:20px 30px;flex-wrap:wrap;border-top:1px solid #5a664644;padding-top:28px;margin-top:50px;align-items:center}.journey-related a{font-size:14px;color:#cfd7c4}.journey-related>span{width:100%;font-size:10px}#explore,#route-release,#close-the-loop{scroll-margin-top:100px}@media(max-width:700px){.journey-inventory{gap:10px}.journey-inventory>div{padding:18px 12px}.journey-inventory strong{font-size:38px}.journey-inventory span{font-size:9px;letter-spacing:0}.journey-inventory p{font-size:12px}.journey-two,.journey-return{grid-template-columns:1fr;gap:20px}.journey-return-arrow{text-align:center;transform:rotate(90deg)}.order-journey-nav{gap:16px}.order-journey-nav a{font-size:13px}.journey-return article{padding:24px}}@media(max-width:420px){.journey-inventory{gap:6px}.journey-inventory strong{font-size:31px}.journey-inventory>div{padding:16px 8px}.journey-inventory>b{font-size:20px}}
/* Availability includes stock held out of sale, separately from order commitments. */
.journey-inventory{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:16px}.journey-inventory .journey-inventory-held{background:#302d20;border-color:#8a7950}@media(max-width:700px){.journey-inventory{grid-template-columns:28px minmax(0,1fr);gap:12px}.journey-inventory>div:first-child{grid-column:2}.journey-inventory>div{padding:20px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px 16px}.journey-inventory strong{grid-column:2;grid-row:1/3;margin:0;font-size:38px}.journey-inventory span{font-size:11px;letter-spacing:.08em}.journey-inventory p{font-size:14px}.journey-inventory>b{text-align:center;font-size:24px}}