.journey{--jp: 0;--bx: -20;--s-weborder: 1;--s-cashier: 0;--s-kds: 0;--s-handoff: 0;--r-weborder: 1;--r-cashier: 0;--r-kds: 0;--r-handoff: 0;--b-build: 1;--b-place: 0;--b-send-cashier: 0;--b-scan: 0;--b-price: 0;--b-tap: 0;--b-send-kds: 0;--b-ticket: 0;--b-cook: 0;--b-bump: 0;--b-send-pass: 0;--b-deliver: 0;--b-celebrate: 0;--rider-top: 46vh;--burger-w: min(190px, 26vw);--burger-base: calc(var(--burger-w) * .345);--amp: 1;padding:110px 0 40px;overflow-x:clip;background:radial-gradient(1100px 900px at 50% 40%,rgba(245,165,36,.09),transparent 70%),var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.journey__head{display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;padding:0 40px}.journey__head .lede{max-width:58ch}html{scroll-snap-type:y proximity}@media (hover: none){html{scroll-snap-type:none}}.jrest{position:absolute;left:0;width:1px;height:1px;top:calc(var(--rest) * 100% - var(--rider-top));scroll-snap-align:start;pointer-events:none}.jpath{position:relative;width:min(var(--maxw),calc(100% - 80px));margin:0 auto}.jpath__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.jpath__line,.jpath__done{fill:none;stroke-width:2;stroke-linecap:round;transform-box:view-box;transform-origin:50% 50%;transform:scaleX(var(--amp))}.jpath__line{stroke:var(--line-2);stroke-dasharray:7 9}.jpath__done{stroke:var(--amber)}.jrun__mask{transform:scaleY(var(--jp));transform-origin:0 0}.rider-track{position:absolute;top:0;left:0;right:0;height:87.5%;z-index:3;pointer-events:none}.rider{position:sticky;top:var(--rider-top);height:0}.burger-mount{position:absolute;left:calc(50% + var(--bx) * var(--amp) * 1%);top:0;width:var(--burger-w);transform:translate(-50%,-50%) scale(calc(1 + var(--b-deliver) * .14));will-change:transform,left}.burger{width:100%;height:auto;overflow:visible}.burger__layer{transform:translateY(calc((1 - var(--b-build)) * var(--k) * -130px));opacity:calc(var(--b-build) * 3 - var(--k))}.burger__shadow{fill:#17120a24;opacity:calc(var(--b-build) * 1.4 - .4)}.burger__steam{opacity:calc(var(--b-cook) * 1.6 - var(--b-bump) * 1.6)}.burger__wisp{fill:none;stroke:#17120a47;stroke-width:3;stroke-linecap:round;animation:wisp 2.8s ease-in-out infinite;animation-delay:calc(var(--w) * -.9s)}@keyframes wisp{0%,to{opacity:.12;transform:translateY(4px)}50%{opacity:.5;transform:translateY(-10px)}}.jstop{position:relative;z-index:1;height:88vh;height:88svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%}.jstop--left{--ax: -20}.jstop--right{--ax: 20}.jstop--centre{--ax: 0}.jstop--right .jstop__module{order:2}.jstop--right .jstop__copy{order:1}.jstop--centre{grid-template-columns:1fr;justify-items:center}.jstop__module{display:flex;flex-direction:column;align-items:center;gap:20px}.jstop__copy{display:flex;flex-direction:column;gap:10px;max-width:42ch}.jstop__title{margin:0;font-family:var(--mono);font-weight:350;font-size:clamp(20px,2.1vw,27px);line-height:1.2;letter-spacing:-.015em;color:var(--ink)}.jstop__blurb{margin:0;font-size:15.5px;line-height:1.6;color:var(--muted);text-wrap:pretty}.jstop .bezel--journey{width:min(230px,44vw,25vh)}.jstop .screen{position:relative}.phone{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);display:flex;flex-direction:column;font-family:var(--mono);font-size:clamp(7px,.85vw,10px)}.phone__bar{padding:.9em 1em;border-bottom:1px solid var(--line);color:var(--muted-2);font-size:.95em;text-align:center}.phone__hero{flex:1;background:repeating-linear-gradient(135deg,#f4f4f5 0,#f4f4f5 10px,#efeff1 10px,#efeff1 20px)}.phone__name{padding:1.1em 1.1em 0;font-size:1.15em;color:var(--ink)}.phone__desc{padding:.5em 1.1em 0;color:var(--muted-2)}.phone__foot{display:flex;align-items:center;justify-content:space-between;gap:.6em;padding:1.1em}.phone__price{font-size:1.5em;color:var(--ink)}.phone__cta{position:relative;display:grid;place-items:center;padding:.8em 1.1em;border-radius:.6em;background:var(--amber);color:var(--ink);font-weight:600;letter-spacing:.08em;transform:scale(calc(1 - var(--b-place) * .07 + var(--b-place) * var(--b-place) * .07))}.phone__cta-a,.phone__cta-b{grid-area:1 / 1;white-space:nowrap}.phone__cta-a{opacity:calc(1.8 - var(--b-place) * 3.6)}.phone__cta-b{opacity:calc(var(--b-place) * 3.6 - 1.2)}.phone__ring{position:absolute;left:50%;top:50%;width:3em;height:3em;margin:-1.5em 0 0 -1.5em;border:2px solid var(--amber-deep);border-radius:50%;transform:scale(calc(.3 + var(--b-place) * 2.6));opacity:calc(1 - (var(--b-place) - .35) * (var(--b-place) - .35) * 7)}.till{position:relative;width:min(300px,56vw);padding:1.4em 1.5em;background:var(--receipt);border:1px solid var(--receipt-line);border-radius:4px;box-shadow:0 28px 60px -34px #17120a59;font-family:var(--mono);font-size:clamp(10px,1.05vw,13px);opacity:calc(var(--b-price) * 4);transform:translateY(calc((1 - var(--b-price)) * 16px))}.till__head{font-size:.92em;letter-spacing:.08em;color:var(--muted-2);padding-bottom:.8em;border-bottom:1px dashed rgba(23,18,10,.4)}.till__row{display:flex;justify-content:space-between;gap:.8em;padding-top:.8em;color:var(--ink)}.till__row[data-i="0"]{opacity:calc(var(--b-price) * 3 - .2)}.till__row[data-i="1"]{opacity:calc(var(--b-price) * 3 - 1.1)}.till__rule{margin-top:.8em;border-top:1px dashed rgba(23,18,10,.4)}.till__total{display:flex;justify-content:space-between;gap:.8em;padding-top:.8em;font-weight:600;color:var(--ink)}.tap{position:relative;height:5.4em;margin-top:1.2em;opacity:calc(var(--b-price) * 2.5)}.tap__pad{position:absolute;left:50%;bottom:0;width:7em;height:2.6em;margin-left:-3.5em;border-radius:.6em;background:linear-gradient(180deg,#2a2c31,var(--device));border:1px solid var(--device-line)}.tap__card{position:absolute;left:50%;width:5em;height:3.1em;margin-left:-2.5em;border-radius:.35em;background:linear-gradient(135deg,#f0f0f2,#d8d8dd);border:1px solid var(--line-2);bottom:calc(2em + (1 - var(--b-tap)) * 4em);transform:rotate(calc((1 - var(--b-tap)) * -14deg));opacity:calc(var(--b-tap) * 5)}.tap__wave{position:absolute;left:50%;bottom:1.3em;width:3.4em;height:3.4em;margin:0 0 -1.7em -1.7em;border:2px solid var(--amber);border-radius:50%;transform:scale(calc(.2 + var(--b-tap) * 2.8));opacity:calc(1 - (var(--b-tap) - .55) * (var(--b-tap) - .55) * 8)}.tap__paid{position:absolute;left:50%;top:0;transform:translate(-50%) scale(calc(.6 + var(--b-tap) * .4));padding:.5em .9em;border-radius:.5em;background:var(--ink);color:#fff;letter-spacing:.14em;opacity:calc(var(--b-tap) * 4 - 2.4)}.scanner{position:absolute;left:calc(50% + var(--ax) * var(--amp) * 1%);top:calc(50% - 30vh);transform:translate(-50%);width:min(150px,26vw);display:grid;justify-items:center}.scanner__head{width:60%;height:14px;border-radius:7px;background:linear-gradient(180deg,#2a2c31,var(--device));border:1px solid var(--device-line);box-shadow:0 10px 24px -12px #17120a80}.scanner__beam{width:100%;height:22vh;margin-top:-2px;clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);background:linear-gradient(180deg,#f5a52466,#f5a52400);opacity:calc(1 - (var(--b-scan) - .45) * (var(--b-scan) - .45) * 3.4)}.scanline{position:absolute;left:calc(50% + var(--ax) * var(--amp) * 1% - min(110px,17vw));width:min(220px,34vw);top:calc(50% - 14vh + var(--b-scan) * 20vh);height:2px;border-radius:2px;background:var(--amber);box-shadow:0 0 12px 2px #f5a524bf,0 0 30px 8px #f5a5244d;opacity:calc(1 - (var(--b-scan) - .5) * (var(--b-scan) - .5) * 4)}.kds{position:relative;width:min(320px,60vw);background:var(--device);border:1px solid var(--device-line);border-radius:12px;overflow:hidden;box-shadow:0 30px 64px -34px #17120a8c;font-family:var(--mono);font-size:clamp(10px,1.05vw,13px);opacity:calc(var(--b-ticket) * 4);transform:translateY(calc((1 - var(--b-ticket)) * 18px))}.kds__bar{display:flex;justify-content:space-between;gap:.6em;padding:.8em 1em;background:#121214;color:#8a8a92;font-size:.9em;letter-spacing:.08em;border-bottom:1px solid var(--device-line)}.kds__clock{color:var(--amber)}.kds__ticket{padding:1em}.kds__tno{color:var(--amber);font-size:1.35em;letter-spacing:.04em}.kds__item{margin-top:.5em;color:#f4f4f5;font-size:1.02em}.kds__mods{margin-top:.35em;color:#8a8a92;font-size:.88em}.kds__chips{margin-top:1em;display:flex;gap:.4em}.kds__chip{flex:1;text-align:center;padding:.55em 0;border-radius:.4em;font-size:.82em;letter-spacing:.06em;background:rgba(255,255,255,calc(.04 + var(--lit) * .12));color:rgba(244,244,245,calc(.4 + var(--lit) * .6));border:1px solid rgba(245,165,36,calc(var(--lit) * .55))}.kds__chip[data-i="0"]{--lit: calc(var(--b-cook) * 3)}.kds__chip[data-i="1"]{--lit: calc(var(--b-cook) * 3 - 1)}.kds__chip[data-i="2"]{--lit: calc(var(--b-cook) * 3 - 2)}.kds__status{margin-top:1em;display:grid;place-items:center;padding:.6em;border-radius:.4em;border:1px solid var(--device-line);letter-spacing:.16em;font-size:.85em}.kds__status-a,.kds__status-b{grid-area:1 / 1}.kds__status-a{color:#8a8a92;opacity:calc(1.8 - var(--b-bump) * 3.6)}.kds__status-b{color:var(--amber);opacity:calc(var(--b-bump) * 3.6 - 1.2)}.bump{display:flex;flex-direction:column;align-items:center;gap:.7em;font-family:var(--mono);font-size:clamp(10px,1.05vw,13px);opacity:calc(var(--b-ticket) * 3)}.bump__keys{display:flex;gap:.5em}.bump__key{width:3.6em;height:1.6em;border-radius:.35em;background:linear-gradient(180deg,#2a2c31,var(--device));border:1px solid var(--device-line);box-shadow:0 3px #0e0f11}.bump__key--go{background:linear-gradient(180deg,#3c2d13,#241a08);border-color:rgba(245,165,36,calc(.28 + var(--b-bump) * .7));transform:translateY(calc(var(--b-bump) * 3px));box-shadow:0 calc(3px - var(--b-bump) * 3px) 0 0 #0e0f11,0 0 calc(var(--b-bump) * 16px) #f5a5248c}.bump__label{font-size:.85em;letter-spacing:.18em;color:var(--muted-2)}.heat{position:absolute;left:calc(50% + var(--ax) * var(--amp) * 1%);top:50%;width:min(220px,32vw);height:min(150px,22vw);transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(closest-side,rgba(245,165,36,.45),transparent 72%);opacity:calc(var(--b-cook) * 1.5 - var(--b-bump) * 1.5)}.jstop--centre{display:block}.finale{position:absolute;top:calc(50% + var(--burger-base));left:50%;width:100%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center}.tbl{position:relative;width:min(420px,76vw);height:104px}.tbl__top{position:absolute;left:0;right:0;top:0;height:14px;border-radius:5px;background:linear-gradient(180deg,#33363c,#1f2126);box-shadow:0 18px 34px -18px #17120a80;opacity:calc(var(--b-deliver) * 3)}.tbl__leg{position:absolute;top:14px;width:9px;height:90px;border-radius:0 0 3px 3px;background:linear-gradient(180deg,#2a2c31,#17181b);opacity:calc(var(--b-deliver) * 3)}.tbl__leg--l{left:16%}.tbl__leg--r{right:16%}.tbl__plate{position:absolute;left:50%;top:-10px;width:44%;height:20px;transform:translate(-50%);border-radius:50%;background:radial-gradient(closest-side,#fff,#e6e6ea);box-shadow:0 6px 14px -6px #17120a73;opacity:calc(var(--b-deliver) * 3)}.tbl__glass{position:absolute;right:9%;top:-52px;width:32px;height:52px;border-radius:3px 3px 7px 7px;background:linear-gradient(180deg,#f5a52429,#f5a52470);border:1px solid rgba(23,18,10,.16);opacity:calc(var(--b-deliver) * 3 - .6)}.pop{position:absolute;left:50%;top:calc(-1 * var(--burger-base));width:min(220px,34vw);aspect-ratio:1;transform:translate(-50%,-50%) scale(calc(.4 + var(--b-celebrate) * 2.6));border-radius:50%;border:2px solid var(--amber);opacity:calc(1 - (var(--b-celebrate) - .18) * (var(--b-celebrate) - .18) * 11)}.jstop__copy--centre{align-items:center;text-align:center;margin-top:34px}.stats{display:flex;gap:1.6em;flex-wrap:wrap;justify-content:center;margin-top:6px;font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;color:var(--muted-2);opacity:calc(var(--b-celebrate) * 5 - 1.5)}.confetti{--c: var(--b-celebrate);position:absolute;left:calc(50% + var(--bx) * var(--amp) * 1%);top:0;width:0;height:0;pointer-events:none}.confetti__bit{position:absolute;display:block;border-radius:1px;transform:translate(calc(var(--dx) * var(--c) * 1px),calc(var(--dy) * var(--c) * 1px + var(--c) * var(--c) * 170px)) rotate(calc(var(--rot) * var(--c) * 1deg));opacity:calc(var(--c) * 6 - var(--c) * var(--c) * 6)}.journey__steps{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;list-style:none}@media (max-width: 900px){.journey{--amp: .42}.jpath{width:min(var(--maxw),calc(100% - 40px))}.jstop{grid-template-columns:1fr;justify-items:center;text-align:center;gap:22px;height:92vh;height:92svh}.jstop--right .jstop__module{order:1}.jstop--right .jstop__copy{order:2}.jstop__copy{align-items:center;max-width:40ch}.jstop__module{margin-bottom:7vh}.jstop__copy--centre{margin-top:5vh}.journey__head{padding:0 20px}}@media (prefers-reduced-motion: reduce){html{scroll-snap-type:none}.journey{padding:76px 0;background:var(--bg)}.jrest,.jpath__svg,.rider,.jpath{display:none}.journey__steps{position:static;width:auto;height:auto;margin:32px auto 0;padding:0 40px;clip:auto;overflow:visible;white-space:normal;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.journey__steps li{display:flex;flex-direction:column;gap:8px;padding:24px;background:var(--glass-fill);border:1px solid var(--glass-line);border-radius:14px}.journey__steps-label{font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:var(--amber-deep)}.journey__steps-title{font-weight:600;font-size:16px}.journey__steps-blurb{font-size:14.5px;line-height:1.55;color:var(--muted)}}