.today-order__head{text-align:center;max-width:42rem;margin-inline:auto}.today-order__eyebrow{margin:0}.today-order__title{margin:.75rem 0 0;font-size:clamp(2rem,2.2vw + 1rem,3.25rem)}.today-order__lede{max-width:36rem;margin:.9rem auto 0}.today-order__body{isolation:isolate;margin-block-start:clamp(2rem,4vw,3rem);position:relative;overflow-x:clip}.today-order__bg{pointer-events:none;z-index:0;color:var(--color-today-brand-yellow);opacity:.28;place-items:center;display:grid;position:absolute;inset:8% 4% 4%}.today-order__bg-svg{width:min(100%,48rem);height:auto}.today-order__track{--today-order-dot:.65rem;--today-order-scene:2.25rem;--today-order-phone-w:4.65rem;z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.5rem;max-width:52rem;margin-inline:auto;padding-block:2.25rem .5rem;display:grid;position:relative;overflow:visible}.today-order__phone{pointer-events:none;z-index:2;width:var(--today-order-phone-w);height:auto;color:var(--color-text);opacity:0;transition:opacity .28s var(--ease-out);position:absolute;top:0;left:0}.today-order__body[data-inview=true] .today-order__phone{opacity:1}.today-order__phone-svg{width:100%;height:auto;display:block}.today-order__scene{z-index:3;width:var(--today-order-scene);height:var(--today-order-scene);color:var(--color-muted);transition:width .28s var(--ease-out), height .28s var(--ease-out), color .22s var(--ease-out);order:0;position:relative}.today-order__scene-svg{opacity:0;width:100%;height:100%;display:block;position:relative;overflow:visible}.today-order__icon{display:block;position:absolute}.today-order__icon svg{width:100%;height:100%;display:block}.today-order__icon--map{inset:28% 2% 0}.today-order__icon--pin{inset-inline-start:28%;width:46%;height:52%;top:0}.today-order__icon--cart{inset:22% 0 0}.today-order__icon--item{inset-inline-start:30%;width:40%;height:40%;top:0}.today-order__icon--card{inset:8% 0 28%}.today-order__icon--check{inset-inline-end:0;width:42%;height:42%;bottom:0}.today-order__icon--house{inset:8% 0 18% 42%}.today-order__icon--rider{inset:28% 38% 0 0}.today-order__accent{color:var(--color-today-brand-yellow)}.today-order__step{z-index:1;color:var(--color-muted);text-align:center;cursor:pointer;transition:color .22s var(--ease-out), opacity .22s var(--ease-out);background:0 0;border:0;flex-direction:column;align-items:center;gap:.85rem;margin:0;padding:.35rem .25rem .5rem;display:flex;position:relative;overflow:visible}.today-order__step[data-state=upcoming]{opacity:.62}.today-order__step[data-state=done]{color:color-mix(in oklch, var(--color-text) 72%, var(--color-muted));opacity:1}.today-order__step[data-state=active]{z-index:2;color:var(--color-text);opacity:1}.today-order__step[data-state=done] .today-order__scene{color:color-mix(in oklch, var(--color-muted) 70%, transparent)}.today-order__step[data-state=active] .today-order__scene{width:2.55rem;height:2.55rem;color:var(--color-text)}.today-order__marker{width:var(--today-order-dot);height:var(--today-order-dot);border:2px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-bg);color:var(--color-text);transition:border-color .22s var(--ease-out), background-color .22s var(--ease-out), width .22s var(--ease-out), height .22s var(--ease-out), transform .22s var(--ease-out);order:1;place-items:center;display:grid}.today-order__step[data-state=active] .today-order__marker{border-color:var(--color-today-brand-yellow);background:var(--color-today-brand-yellow);width:.85rem;height:.85rem;transform:scale(1.08)}.today-order__step[data-state=done] .today-order__marker{background:0 0;border-color:#0000;width:1.15rem;height:1.15rem}.today-order__marker-check{width:100%;height:100%;color:var(--color-today-brand-yellow);display:block}.today-order__step-num{font-size:var(--text-fluid-xs);letter-spacing:.14em;transition:color .22s var(--ease-out);order:2}.today-order__step[data-state=active] .today-order__step-num{color:var(--color-text)}.today-order__step-label{max-width:8.5rem;font-size:var(--text-fluid-sm);text-transform:uppercase;letter-spacing:.04em;transition:font-weight .22s var(--ease-out), letter-spacing .22s var(--ease-out);order:3;font-weight:600;line-height:1.25}.today-order__step[data-state=active] .today-order__step-label{letter-spacing:.055em;font-weight:700}.today-order__step:after{content:"";border-radius:var(--radius-pill);background:var(--color-today-brand-yellow);width:0;height:3px;transition:width .28s var(--ease-out);order:4;margin-block-start:.15rem}.today-order__step[data-state=active]:after{width:2.75rem}.today-order__stage{z-index:1;isolation:isolate;width:min(72vw,15.75rem);margin:clamp(1.75rem,3vw,2.5rem) auto 0;position:relative}.today-order__stage:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 55% at 50% 45%, color-mix(in oklch, var(--color-today-brand-yellow) 26%, transparent), transparent 72%);position:absolute;inset:12% 8%}.today-order__shot{z-index:1;border-radius:1.35rem;width:100%;height:auto;display:block;position:relative}@media (max-width:767px){.today-order__bg-svg{width:min(100%,34rem)}.today-order__track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:1.75rem}.today-order__step-label{max-width:none;font-size:var(--text-fluid-xs)}}@media (prefers-reduced-motion:no-preference){.today-order__shot{transition:opacity .28s var(--ease-out)}.today-order__body:not([data-inview]) .today-order__bg,.today-order__body:not([data-inview]) .today-order__step[data-state],.today-order__body:not([data-inview]) .today-order__stage{opacity:0}.today-order__body:not([data-inview]) .today-order__step[data-state]{transform:translateY(.7rem)}.today-order__body[data-inview=true] .today-order__bg{animation:today-order-bg .72s var(--ease-out) both}.today-order__body[data-inview=true] .today-order__step{animation:today-order-rise .62s var(--ease-out) backwards}.today-order__body[data-inview=true] .today-order__step:first-of-type{animation-delay:0s}.today-order__body[data-inview=true] .today-order__step:nth-of-type(2){animation-delay:.14s}.today-order__body[data-inview=true] .today-order__step:nth-of-type(3){animation-delay:.26s}.today-order__body[data-inview=true] .today-order__step:nth-of-type(4){animation-delay:.38s}.today-order__body[data-inview=true] .today-order__stage{animation:today-order-zoom .68s var(--ease-out) .62s both}}@keyframes today-order-bg{0%{opacity:0}to{opacity:.28}}@keyframes today-order-rise{0%{opacity:0;transform:translateY(.7rem)}to{opacity:1;transform:translateY(0)}}@keyframes today-order-zoom{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}[dir=rtl] .today-order__bg-svg{transform:scaleX(-1)}