@font-face{font-family:Syne;src:url(assets/syne.woff2) format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:Body;src:url(assets/sans.woff2) format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Editorial;src:url(assets/serif.woff2) format('woff2');font-style:italic;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:#202823;background:#e9e8df;font-family:Body,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}::selection{background:#202823;color:#e4eca7}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #dc572c;outline-offset:5px}.ambient{position:fixed;inset:0;background:rgb(var(--bg,233,232,223));z-index:-2}.progress{height:3px;background:#202823;position:fixed;left:0;top:0;width:calc(var(--page,0)*100%);z-index:30}header{height:94px;display:flex;align-items:center;justify-content:space-between;margin:0 4.5%;border-bottom:1px solid #20282340;position:relative;z-index:5}.brand{font-family:Syne;font-size:29px;font-weight:800;letter-spacing:-1.6px;display:flex;align-items:center;gap:9px}.brand svg{width:30px}.brand>span{font-family:Body;font-size:11px;align-self:flex-start;margin-top:5px;letter-spacing:0}nav{display:flex;align-items:center;gap:35px;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{background:none;border:1px solid #202823;border-radius:40px;padding:12px 20px}.nav-cta span{padding-left:15px}.hero{padding:45px 4.5% 0;min-height:830px;height:calc(100svh - 94px);max-height:1080px;position:relative;overflow:hidden}.eyebrow,.section-label,.tiny,.step-index,.vertical-caption{font:10px 'Courier New',monospace;letter-spacing:1.4px}.eyebrow{display:flex;gap:12px;align-items:center}.dot{width:7px;height:7px;border-radius:50%;background:#202823}.hero h1{font:700 clamp(65px,8.7vw,152px)/.94 Syne,sans-serif;letter-spacing:-.065em;margin:70px 0 45px;position:relative;z-index:2;max-width:1100px;pointer-events:none}.hero em,h2 em{font-family:Editorial;font-weight:400;letter-spacing:-.035em}.lastline{display:flex;align-items:center;gap:35px}.lastline svg{width:95px;stroke:currentColor;stroke-width:3;fill:none}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:42px;display:flex;justify-content:space-between;align-items:end;z-index:3}.hero-bottom p{font-size:16px;line-height:1.5}.round-link{font-size:13px;display:flex;align-items:center;gap:25px}.round-link span{border:1px solid #20282377;border-radius:50%;display:grid;place-items:center;width:44px;height:44px;font-size:23px}.tiny{line-height:1.7}.hero-collage{position:absolute;inset:0;pointer-events:none}.food{position:absolute;object-fit:cover}.food.one{width:230px;height:280px;top:66px;right:8%;transform:rotate(9deg)}.food.two{width:200px;height:245px;top:340px;right:4%;transform:rotate(-7deg)}.orbit-label{position:absolute;right:2.2%;top:75px;width:94px;height:94px;border-radius:50%;background:#dae79e;display:grid;place-content:center;font:10px monospace;text-align:center;line-height:1.6;transform:rotate(14deg);z-index:3}.tiny-ticket{background:#f7f4e9;box-shadow:0 15px 40px #19251c20;width:220px;position:absolute;right:23%;top:440px;transform:rotate(7deg);padding:20px}.tiny-ticket>span{font:8px monospace}.tiny-ticket b{display:block;font:600 24px/1.1 Syne;margin:18px 0}.tiny-ticket i{font:8px monospace;border-top:1px dashed #777;padding-top:12px;display:block;font-style:normal}.marquee{overflow:hidden;border-block:1px solid #20282344;padding:20px 0;font:600 23px Syne}.marquee>div{white-space:nowrap;width:max-content;animation:marquee 36s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:110px 7%}.intro{display:grid;grid-template-columns:1fr 2fr;gap:80px;min-height:680px}.intro>.section-label{padding-top:16px}h2{font:600 clamp(50px,6.1vw,100px)/1.01 Syne;margin:0;letter-spacing:-.055em}.intro p{font-size:18px;line-height:1.6;max-width:480px;margin:32px 0}.segment-links{display:flex;flex-wrap:wrap;gap:10px}.segment-links a{font-size:12px;border:1px solid #20282350;border-radius:40px;padding:10px 16px}.segment-links a:hover{background:#202823;color:white}.scene{height:150svh;min-height:1050px;position:relative;--accent:#52315f;--paper:#f2edf4;--text:#38213f}.scene-sticky{height:100svh;min-height:720px;max-height:1100px;position:sticky;top:0;display:grid;grid-template-columns:43% 57%;align-items:center;padding:60px 5.5% 60px 7%;overflow:hidden}.scene-copy{position:relative;z-index:4}.scene-copy h2{font-size:clamp(44px,5.4vw,90px);margin:35px 0 26px}.scene-copy>p{font-size:16px;line-height:1.65;max-width:365px}.scene-copy ul{list-style:none;padding:0;margin:25px 0 35px;font-size:12px}.scene-copy li{margin-bottom:12px}.scene-copy li:before{content:"↗";padding-right:12px}.text-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;font-size:12px;font-weight:600;background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 12px}.text-cta span{font-size:23px}.scene-art{height:650px;position:relative;perspective:1200px}.scene-photo{position:absolute;width:68%;height:460px;object-fit:cover;left:2%;top:62px;transform:translateY(calc((1 - var(--enter,1))*90px)) rotate(calc(-11deg + var(--s,0)*5deg));border-radius:2px;box-shadow:0 25px 70px #20282315}.vertical-caption{position:absolute;top:70px;right:-5px;writing-mode:vertical-rl}.phone{position:absolute;width:245px;height:505px;border-radius:35px;background:var(--paper);color:var(--text);border:7px solid #242723;box-shadow:20px 30px 45px #20282335;right:12%;top:84px;overflow:hidden;transform:translateY(calc((1 - var(--enter,1))*160px)) rotate(calc(8deg - var(--s,0)*11deg));z-index:2}.phone:before{content:"";position:absolute;top:5px;width:65px;height:15px;left:calc(50% - 32px);border-radius:20px;background:#242723}.phone-top{padding:9px 16px 5px;font-size:8px;font-weight:700;display:flex;justify-content:space-between}.demo-brand{font-family:Syne;font-size:35px;letter-spacing:-2px;font-weight:800;padding:13px 15px 10px}.demo-brand span{font:8px Body;letter-spacing:.8px;display:block}.table-badge{background:var(--accent);color:var(--paper);font:8px monospace;padding:8px 13px}.phone>img{width:100%;height:150px;object-fit:cover}.phone-body{padding:12px 14px}.phone-body small{font:7px monospace;letter-spacing:1px}.phone h3{font:700 20px Syne;letter-spacing:-1px;margin:8px 0}.phone p{font-size:9px;margin:6px 0}.pills{display:flex;gap:4px;margin:13px 0}.pills span{border:1px solid #2223;border-radius:10px;padding:5px 7px;font-size:7px}.fake-button{padding:11px 12px;background:var(--accent);color:var(--paper);font-size:9px;border-radius:5px;display:flex;justify-content:space-between}.floating-receipt{position:absolute;z-index:3;left:0;bottom:0;background:#f8f5e9;color:#202823;width:228px;padding:22px;box-shadow:0 15px 50px #20282322;transform:translate(calc((1 - var(--enter,1))*-60px),calc((1 - var(--enter,1))*70px)) rotate(calc(-8deg + var(--s,0)*9deg));clip-path:polygon(0 0,100% 0,100% 96%,95% 100%,90% 96%,85% 100%,80% 96%,75% 100%,70% 96%,65% 100%,60% 96%,55% 100%,50% 96%,45% 100%,40% 96%,35% 100%,30% 96%,25% 100%,20% 96%,15% 100%,10% 96%,5% 100%,0 96%)}.floating-receipt>span{font:7px monospace;letter-spacing:1px}.floating-receipt>b{font:700 27px Syne;display:block;margin-top:15px}.floating-receipt i{font:8px monospace;float:right;margin-top:9px}.floating-receipt p{font:10px/1.8 monospace;border-block:1px dashed #2225;padding:10px 0}.floating-receipt>div{font:7px monospace}.scene-number{font:800 225px/.8 Syne;letter-spacing:-20px;position:absolute;right:0;bottom:-16px;opacity:.12}.pastel{--accent:#c83d24;--paper:#fff2c6;--text:#742719}.burger{--accent:#293e2d;--paper:#ece8dc;--text:#263d2c}.cafe{--accent:#395467;--paper:#f2e9da;--text:#2d4351}.match-actions{display:flex;gap:12px;margin:7px 0}.match-actions span{border:1px solid #20282333;width:29px;height:29px;display:grid;place-items:center;border-radius:50%}.match-actions span:last-child{background:var(--accent);color:white}.method{padding-top:150px}.method h2{margin:40px 0 60px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.step-art{height:200px;display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:30px;transform:translateY(calc((1 - var(--enter,1))*50px))}.qr-art svg{width:120px;transform:rotate(calc(-7deg + var(--enter,1)*7deg))}.qr-art>span{font:10px monospace;margin:15px}.order-art{gap:12px;align-items:flex-start;padding:25px;background:#dce5b2;transform:rotate(-4deg) translateY(calc((1 - var(--enter,1))*50px))}.order-art span{font:13px monospace;border-bottom:1px solid #20282344;width:100%;padding-bottom:12px}.ready-art{background:#202823;color:#e6ecb7;border-radius:50% 50% 3px 3px}.ready-art>b{font:600 100px/.9 Syne}.ready-art span{font:8px monospace;margin-top:17px}.workflow h3{font:600 25px/1.2 Syne;letter-spacing:-1px}.workflow p{font-size:14px;line-height:1.7;max-width:320px}.method>.text-cta{margin-top:60px}.demo-note{display:block;font-size:10px;margin-top:12px;opacity:.7}.operation{color:#eaece0;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-block:130px}.operation h2{font-size:clamp(50px,5.7vw,90px);margin-top:40px}.operation-details article{border-top:1px solid #eaece044;padding:20px 0}.operation-details article>span{font:9px monospace;letter-spacing:1px}.operation-details h3{font:600 30px/1.1 Syne;letter-spacing:-1px;margin:20px 0}.operation-details p{font-size:14px;line-height:1.7;max-width:410px}.mini-board{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:20px}.mini-board>div{background:#ffffff0b;padding:10px}.mini-board span{font:7px monospace;display:flex;justify-content:space-between}.mini-board p{background:#e3e8cc;color:#202823;font-size:8px;padding:12px 8px}.mini-board strong{display:block;font-size:14px;margin-bottom:8px}.operation-details>small{font-size:9px;opacity:.6}.channels-heading{display:flex;gap:8%;justify-content:space-between;align-items:end;margin:45px 0 70px}.channels-heading h2{font-size:clamp(50px,5.5vw,90px)}.channels-heading>p{max-width:290px;font-size:15px;line-height:1.7}.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.channel-grid article{border-top:1px solid #20282355;display:flex;gap:30px;padding-top:25px}.channel-num{font-size:50px}.channel-grid small{font:8px monospace;letter-spacing:1px}.channel-grid h3{font:600 28px Syne;letter-spacing:-1px;margin:18px 0}.channel-grid p{font-size:14px;line-height:1.7}.status-chip{font:8px monospace;display:inline-block;background:#202823;color:#efeee3;padding:10px 12px;margin-top:12px}.status-chip.outline{background:none;color:inherit;border:1px solid #20282377}.closing{padding-block:110px 70px;position:relative;overflow:hidden}.closing h2{font-size:clamp(75px,10vw,160px);margin:50px 0 60px}.closing-star{font-family:Body;font-size:220px;position:absolute;right:8%;top:170px;transform:rotate(calc(var(--page,0)*180deg))}.closing-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.closing-bottom p{font-size:14px;line-height:1.7}.big-cta{border:0;background:#202823;color:#eff0df;padding:22px 28px;display:flex;align-items:center;justify-content:space-between;gap:40px;font-size:13px}.big-cta span{font-size:24px}footer{padding:35px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:25px;background:#202823;color:#e6e6d9}footer .brand{font-size:23px}footer>span{font-size:10px}footer>span:nth-of-type(2){font:7px monospace}footer button{background:none;border:0;color:inherit;font-size:9px;text-decoration:underline;text-underline-offset:5px}dialog{border:0;background:#eeede4;color:#202823;padding:45px;width:min(560px,calc(100% - 28px));max-height:90svh;overflow:auto;box-shadow:0 20px 100px #0005}dialog::backdrop{background:#15251bd9;backdrop-filter:blur(8px)}.close-dialog{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px;line-height:1}dialog h2{font-size:46px;margin:20px 0}dialog>p,dialog form~p{font-size:13px;line-height:1.6}label{display:flex;flex-direction:column;gap:8px;font-size:11px;margin-top:19px}input,select,textarea{min-width:0;width:100%;background:#ffffff70;border:1px solid #20282350;border-radius:0;padding:12px;color:#202823;font-size:13px}.form-row{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.checkbox{flex-direction:row;align-items:center}.checkbox input{width:16px;height:16px}.big-cta[type=submit]{width:100%;margin:20px 0 15px}form small{font-size:10px;line-height:1.6;display:block;opacity:.7}#briefStatus{font-size:12px}.live-demo{--accent:#52315f;--paper:#f2edf4}.live-demo img{height:200px;width:100%;object-fit:cover;margin-top:20px}.live-demo>p{font-size:13px;line-height:1.7}.live-demo h2{font-size:40px}.demo-options{display:flex;flex-wrap:wrap;gap:8px}.demo-options label{border:1px solid #20282344;flex-direction:row;align-items:center;padding:10px;margin-top:10px}.demo-options input{width:15px;height:15px}.demo-send{width:100%;margin-top:25px}.demo-result{border-top:1px dashed #20282366;padding-top:20px;margin-top:25px;font-size:13px;line-height:1.8}.demo-result b{display:block;font:600 27px Syne}.demo-result button{border:1px solid #202823;background:none;padding:10px 20px;margin-top:10px}.demo-mode{display:flex;gap:8px;margin:18px 0}.demo-mode button{border:1px solid #202823;padding:9px 13px;background:transparent;font-size:11px}.demo-mode button[aria-pressed=true]{background:#202823;color:#eeede4}.home-note{font-size:11px!important;padding:12px;border:1px solid #20282344}.demo-match{display:flex;gap:10px;margin-top:15px}.demo-match button{border:1px solid #202823;background:none;padding:10px 15px}.demo-match button:last-child{background:#202823;color:white}
@media(min-width:1700px){.hero{max-width:1700px;margin:auto}.food.one{right:14%}.food.two{right:10%}.tiny-ticket{right:30%}.scene-sticky{padding-inline:max(7%,calc((100vw - 1500px)/2))}}
@media(max-width:1050px){.hero{min-height:790px}.hero h1{font-size:10.3vw;margin-top:105px}.food.one{width:175px;height:210px;right:6%;top:55px}.food.two{width:150px;height:185px;top:380px}.tiny-ticket{top:455px;right:23%;width:180px}.hero-bottom .tiny{display:none}.scene-sticky{grid-template-columns:45% 55%;padding-left:5%;padding-right:3%}.scene-copy h2{font-size:5.7vw}.scene-art{height:590px}.phone{right:3%;width:220px;height:485px}.scene-photo{height:390px;width:76%;top:100px}.floating-receipt{width:200px;left:-15px}.scene-copy>p{font-size:14px;max-width:285px}.vertical-caption{right:-10px}.intro{gap:25px;grid-template-columns:1fr 2fr}.workflow{gap:25px}.section-pad{padding-inline:6%}.closing-star{font-size:150px;right:5%}.mini-board{grid-template-columns:1fr}.mini-board>div{display:flex;align-items:center;justify-content:space-between}.mini-board p{margin:0;width:65%}.mini-board>div>span{width:30%}.mini-board strong{font-size:12px;margin-bottom:4px}footer>span:nth-of-type(2){display:none}}
@media(max-width:650px){html{scroll-padding-top:25px}header{height:76px;margin-inline:6%}.brand{font-size:25px}.brand svg{width:25px}.brand>span{font-size:8px}nav{gap:0}nav>a{display:none}.nav-cta{font-size:10px;padding:10px 12px}.nav-cta span{padding-left:5px}.hero{height:auto;min-height:830px;max-height:none;padding:30px 6% 0}.eyebrow{font-size:7px;letter-spacing:1px;gap:8px}.hero h1{font-size:15.4vw;line-height:.99;margin:58px 0 0;letter-spacing:-.065em}.lastline{gap:10px}.lastline svg{width:42px;flex-shrink:0;stroke-width:4}.food.one{top:388px;width:44%;height:213px;right:auto;left:9%;transform:rotate(-9deg)}.food.two{top:433px;width:39%;height:204px;right:7%;transform:rotate(9deg)}.orbit-label{right:4%;top:360px;width:70px;height:70px;font-size:8px}.tiny-ticket{top:555px;left:12%;right:auto;width:175px;padding:15px;transform:rotate(-5deg)}.tiny-ticket b{font-size:21px;margin:13px 0}.tiny-ticket>span,.tiny-ticket i{font-size:6px}.hero-bottom{left:6%;right:6%;bottom:25px;align-items:end;gap:15px}.hero-bottom p{font-size:11px;line-height:1.6;margin:0}.round-link{font-size:9px;gap:8px;max-width:145px}.round-link span{width:30px;height:30px;flex-shrink:0;font-size:17px}.marquee{font-size:17px;padding:16px 0}.section-pad{padding:75px 6%}.intro{display:block;min-height:0}.section-label{font-size:8px;letter-spacing:1.2px}.intro h2{font-size:13.2vw;margin-top:40px}.intro p{font-size:15px;line-height:1.6}.segment-links{gap:8px}.segment-links a{font-size:10px;padding:10px 12px}.scene{height:1250px;min-height:0}.scene-sticky{height:100svh;min-height:850px;max-height:1000px;padding:50px 6% 15px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}.scene-copy h2{font-size:12.2vw;margin:22px 0 18px}.scene-copy>p{font-size:13px;line-height:1.6;max-width:100%;margin:0 0 15px}.scene-copy ul{display:none}.text-cta{font-size:10px;gap:20px;padding-bottom:8px}.scene-art{height:450px;min-height:450px;margin:10px 0 0}.scene-photo{width:67%;height:300px;top:43px;left:0}.phone{width:183px;height:398px;border-width:6px;border-radius:28px;top:15px;right:5%;box-shadow:14px 20px 30px #20282333}.phone:before{width:55px;left:calc(50% - 27px);height:12px}.phone-top{font-size:6px;padding:8px 12px 3px}.demo-brand{font-size:27px;padding:9px 11px}.demo-brand span{font-size:6px}.table-badge{font-size:6px;padding:7px 10px}.phone>img{height:118px}.phone-body{padding:10px}.phone h3{font-size:16px;margin:7px 0}.phone p{font-size:7px}.phone-body small{font-size:5px}.pills{margin:11px 0;gap:3px}.pills span{font-size:5px;padding:4px}.fake-button{font-size:7px;padding:10px}.match-actions span{width:25px;height:25px}.floating-receipt{width:165px;bottom:0;left:0;padding:17px}.floating-receipt>span{font-size:5px;letter-spacing:.5px}.floating-receipt>b{font-size:21px;margin-top:10px}.floating-receipt i{font-size:6px}.floating-receipt p{font-size:7px;line-height:1.8;padding:8px 0}.floating-receipt>div{font-size:5px}.scene-number{font-size:155px;bottom:0;right:-5px;letter-spacing:-12px}.vertical-caption{font-size:6px;right:-9px;top:80px}.method h2{font-size:12vw;margin:35px 0 40px}.workflow{grid-template-columns:1fr;gap:45px}.workflow article{display:grid;grid-template-columns:120px 1fr;column-gap:25px}.step-art{grid-row:1/4;height:160px;margin:0;align-self:center}.qr-art svg{width:85px}.qr-art>span{font-size:7px}.step-index{font-size:7px}.workflow h3{font-size:21px;margin:12px 0}.workflow p{font-size:12px;margin:0}.order-art{padding:15px;gap:10px}.order-art span{font-size:8px;padding-bottom:8px}.ready-art>b{font-size:75px}.ready-art span{font-size:5px}.method>.text-cta{margin-top:40px}.demo-note{font-size:8px;line-height:1.6}.operation{display:block}.operation h2{font-size:14vw;margin:30px 0 50px}.operation-details h3{font-size:28px}.operation-details p{font-size:13px}.mini-board{grid-template-columns:repeat(3,1fr);gap:6px}.mini-board>div{display:block;padding:7px}.mini-board>div>span{width:auto;font-size:5px}.mini-board p{width:100%;padding:8px 5px;font-size:6px;margin-top:8px}.mini-board strong{font-size:10px}.channels-heading{display:block;margin:35px 0 40px}.channels-heading h2{font-size:11.6vw}.channels-heading>p{font-size:14px;margin-top:25px}.channel-grid{grid-template-columns:1fr;gap:40px}.channel-grid article{gap:20px}.channel-num{font-size:35px}.channel-grid h3{font-size:24px}.channel-grid p{font-size:13px}.status-chip{font-size:7px}.closing h2{font-size:15.5vw;margin:40px 0}.closing-star{font-size:90px;top:185px;right:7%}.closing-bottom{display:block}.closing-bottom p{font-size:12px;max-width:290px;margin-bottom:30px}.big-cta{width:100%;font-size:12px;padding:20px 23px}footer{padding:30px 6%;flex-wrap:wrap;gap:20px}footer .brand{font-size:25px}footer>span{font-size:9px}footer button{font-size:8px;width:100%;text-align:left;padding:0}dialog{padding:35px 23px}dialog h2{font-size:40px}.form-row{grid-template-columns:1.4fr 1fr;gap:10px}.live-demo img{height:175px}.demo-mode button{font-size:10px}}
@media(max-width:370px){.hero{min-height:810px}.hero h1{font-size:15vw}.food.one{top:360px}.food.two{top:410px}.tiny-ticket{top:525px}.orbit-label{top:340px}.scene-sticky{padding-top:40px}.scene-art{margin-top:0}.scene-copy h2{font-size:12vw}.phone{right:0}.scene-photo{width:70%}.floating-receipt{width:150px}.workflow article{grid-template-columns:95px 1fr;column-gap:18px}.step-art{height:145px}.step-index{letter-spacing:.5px}.workflow h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee>div{animation:none}.scene-photo,.phone,.floating-receipt,.step-art,.closing-star{transform:none!important}.scene{height:auto;min-height:0}.scene-sticky{position:relative}.ambient{transition:none}}

@media(max-width:650px){.hero .lastline{font-size:.82em;letter-spacing:-.065em;white-space:nowrap}.hero .lastline svg{display:none}}
.operation{background:#212b28}
@media(max-width:650px){header .brand{font-size:22px}header .brand svg{width:23px}.nav-cta{font-size:9px;white-space:nowrap}}
/* v0.2 — four distinct scroll compositions; compositor-only moving layers. */
.ambient{background:#e9e8df;contain:strict}.ambient-next{position:absolute;inset:0;opacity:0;pointer-events:none}.progress{width:100%;transform:scaleX(0);transform-origin:left;contain:strict}.marquee>div{animation:none}.scene{height:180svh;min-height:1250px}.scene-sticky{contain:layout style}.scene-art{isolation:isolate;perspective:1000px}.scene-photo{transform:rotate(-9deg);box-shadow:none}.phone{transform:rotate(5deg);box-shadow:12px 18px 25px #20282324}.floating-receipt{transform:rotate(-5deg);box-shadow:none}.step-art{transform:none}.order-art{transform:rotate(-4deg)}.closing-star{transform:rotate(15deg)}.motion-on .motion-layer{opacity:0;backface-visibility:hidden}.motion-on .scene.is-near .motion-layer{will-change:transform,opacity}.motion-layer:focus-visible,.motion-layer:focus-within{opacity:1!important;transform:none!important}.line-mask{display:block;overflow:hidden;padding:.12em 0;margin:-.12em 0}.line-inner{display:block;transform-origin:0 100%}.niche-fx{display:none;position:absolute;inset:0;pointer-events:none}.motion-on .niche-fx{display:block}.niche-stamp{position:absolute;left:6%;top:0;font:700 25px/.95 Syne;letter-spacing:-1px;z-index:5;transform:rotate(-10deg)}.niche-stamp em{font:italic 32px/.9 Editorial}.orbit-path{position:absolute;width:90%;height:80%;border:1px solid #52315f4d;border-radius:50%;left:0;top:5%;transform:rotate(-28deg);z-index:-1}.ingredient{position:absolute;width:80px;z-index:4;transform-origin:center;filter:none}.ingredient svg{width:100%;height:auto;display:block}.ingredient>span{display:block;font:7px monospace;letter-spacing:1px;text-align:center;margin-top:4px}.fruit-banana{left:0;top:29%}.fruit-strawberry{right:4%;top:0;width:72px}.fruit-granola{right:0;bottom:4%;width:70px}.acai-fx .niche-stamp{left:27%;top:0;color:#52315f}.paper-fold{position:absolute;width:57%;height:67%;left:2%;top:8%;background-color:#fff0bd;background-image:repeating-linear-gradient(90deg,transparent 0 24px,#c83d2412 24px 48px),repeating-linear-gradient(0deg,transparent 0 24px,#c83d2412 24px 48px);padding:20px;color:#be3b24;transform-origin:right center;z-index:-1}.paper-fold>span{font:8px monospace;letter-spacing:1px}.fold-right{left:32%;top:15%;background-color:#f5df9a;transform-origin:left center;text-align:right}.crunch-burst{width:125px;position:absolute;right:-2%;top:-1%;z-index:4}.pastel-fx .niche-stamp{left:12%;top:0;color:#bd3d25}.motion-on .burger .scene-photo{visibility:hidden}.burger-stack{position:absolute;width:68%;height:460px;left:2%;top:62px;transform:rotate(-9deg)}.burger-cut{position:absolute;width:100%;height:25.2%;background-image:url(assets/burger-960.webp);background-size:100% 400%;background-repeat:no-repeat;transform-origin:center}.cut-1{top:0;background-position:0 0}.cut-2{top:25%;background-position:0 33.333%}.cut-3{top:50%;background-position:0 66.666%}.cut-4{top:75%;background-position:0 100%}.match-orbit{position:absolute;right:0;top:1%;width:110px;height:110px;border-radius:50%;background:#e2eca7;color:#293e2d;z-index:4;display:grid;align-content:center;text-align:center}.match-orbit>span{font-size:45px;line-height:1}.match-orbit small{font:8px monospace;letter-spacing:1px;margin-top:8px}.burger-fx .niche-stamp{color:#293e2d;top:-2%;left:12%}.pour-stream{position:absolute;top:-20px;left:32%;height:310px;width:9px;border-radius:100%;background:linear-gradient(90deg,#5b3821,#bf935c,#58331e);z-index:3;transform-origin:top}.coffee-ripple{position:absolute;left:9%;top:29%;width:235px;height:105px;border:1px solid #39546780;border-radius:50%;z-index:4;pointer-events:none}.ripple-two{left:5%;top:26%;width:280px;height:135px}.ripple-three{left:0;top:23%;width:330px;height:165px}.coffee-steam{width:55px;height:150px;color:#f2e9da;position:absolute;left:15%;top:12%;z-index:4}.steam-two{left:28%;top:9%;width:40px}.cafe-fx .niche-stamp{color:#395467;left:5%;top:-1%}.motion-on .scene-copy h2{overflow:visible}.hero .food{object-fit:cover;height:auto;aspect-ratio:23/28}.phone>img{display:block}.live-demo img{height:200px;object-fit:cover}.phone,.scene-photo,.floating-receipt,.burger-cut,.niche-fx svg{backface-visibility:hidden}
@media(max-width:1050px){.burger-stack{width:76%;height:390px;top:100px}.niche-stamp{font-size:21px}.niche-stamp em{font-size:27px}.ingredient{width:65px}.fruit-strawberry{width:60px}.fruit-granola{width:60px}.crunch-burst{width:105px}.coffee-ripple{width:180px;height:85px}.ripple-two{width:220px;height:110px}.ripple-three{width:260px;height:135px}.match-orbit{width:90px;height:90px}.match-orbit>span{font-size:35px}}
@media(max-width:650px){.scene{height:185svh;min-height:1480px}.scene-sticky{height:100svh;min-height:810px;max-height:none;padding:40px 6% 15px}.scene-art{height:430px;min-height:430px;margin-top:15px}.scene-copy h2{margin-top:20px;margin-bottom:15px}.scene-copy>p{font-size:12px;line-height:1.6;margin-bottom:13px}.phone{box-shadow:7px 10px 16px #20282321}.scene-photo{height:300px;width:67%;top:43px}.niche-stamp{font-size:17px;letter-spacing:-.5px}.niche-stamp em{font-size:23px}.acai-fx .niche-stamp{left:12%;top:0}.ingredient{width:48px}.ingredient>span{font-size:5px;letter-spacing:.6px}.fruit-banana{left:-4%;top:20%}.fruit-strawberry{right:0;top:0;width:43px}.fruit-granola{right:-1%;bottom:0;width:40px}.orbit-path{height:80%;width:98%;top:7%;left:-4%}.paper-fold{height:68%;width:62%;left:-2%;top:5%;padding:12px}.fold-right{left:28%;top:12%}.paper-fold>span{font-size:5px}.crunch-burst{width:78px;right:-2%;top:0}.pastel-fx .niche-stamp{left:6%;top:-1%}.burger-stack{width:67%;height:300px;top:43px;left:0}.burger-cut{background-image:url(assets/burger-480.webp)}.match-orbit{width:73px;height:73px;right:-1%;top:0}.match-orbit>span{font-size:29px}.match-orbit small{font-size:6px;margin-top:5px}.burger-fx .niche-stamp{top:0;left:5%}.pour-stream{top:-5px;left:27%;height:210px;width:5px}.coffee-ripple{width:125px;height:63px;top:30%;left:4%}.ripple-two{width:155px;height:80px;top:28%;left:0}.ripple-three{width:190px;height:97px;top:26%;left:-4%}.coffee-steam{left:9%;top:14%;width:32px;height:100px}.steam-two{left:22%;top:12%;width:24px}.cafe-fx .niche-stamp{left:3%;top:0}.live-demo img{height:175px}.scene-number{bottom:4%}.ambient{position:fixed}.hero-collage .food.two{aspect-ratio:39/51}.hero-collage .food.one{aspect-ratio:44/55}}
@media(max-width:650px) and (max-height:750px){.scene{min-height:1340px}.scene-sticky{min-height:710px;padding-top:25px}.scene-copy h2{font-size:11vw;margin-top:15px;margin-bottom:12px}.scene-copy>p{font-size:11px;line-height:1.5}.scene-art{height:390px;min-height:390px;margin-top:12px}.phone{width:165px;height:365px;top:15px}.phone>img{height:105px}.phone h3{font-size:14px}.phone-body{padding:8px}.phone-body .pills{margin-block:8px}.scene-photo,.burger-stack{height:275px;top:40px}.floating-receipt{width:150px;padding:14px;bottom:0}.floating-receipt p{font-size:6px}.niche-stamp{font-size:15px}.niche-stamp em{font-size:21px}}
@media(prefers-reduced-motion:reduce){.motion-on .motion-layer{opacity:1!important;transform:none!important}.line-mask{overflow:visible}.niche-fx{display:none!important}.motion-on .burger .scene-photo{visibility:visible}.scene{height:auto;min-height:0}.scene-sticky{position:relative}.progress{display:none}}

body.motion-paused .niche-fx{display:none}body.motion-paused .burger .scene-photo{visibility:visible}body.motion-paused .scene{height:auto;min-height:0}body.motion-paused .scene-sticky{position:relative}body.motion-paused .progress{display:none}#motionToggle:disabled{opacity:.6;cursor:default}body:has(dialog[open]){overflow:hidden}
.cafe .demo-brand{font-size:29px}@media(max-width:650px){.cafe .demo-brand{font-size:21px}}@media(max-width:650px) and (max-height:750px){.cafe .demo-brand{font-size:19px}}
/* Continuity: a scroll cue becomes a preview of the next chapter. */
.scroll-guide{position:fixed;z-index:12;left:24px;right:24px;bottom:max(14px,env(safe-area-inset-bottom));height:76px;pointer-events:none}.scroll-guide[hidden]{display:none}.guide-hint{position:absolute;left:50%;bottom:4px;transform:translateX(-50%);display:flex;align-items:center;gap:15px;padding:13px 19px;background:#202823;color:#f1f0e4;border:1px solid #ffffff25;white-space:nowrap;pointer-events:auto;opacity:1;transition:opacity .18s,transform .18s}.guide-arrow{font-size:24px;line-height:1;animation:guideNudge 1.1s ease-in-out 3}.guide-hint-copy{font-size:11px;line-height:1.4}.guide-count{font:8px monospace;opacity:.6;letter-spacing:1px}.guide-track{display:block;height:2px;background:#ffffff30;margin-top:7px;overflow:hidden}.guide-track i{display:block;height:100%;background:#dce8a4;transform:scaleX(0);transform-origin:left}.guide-peek{position:absolute;bottom:0;left:50%;width:min(760px,100%);height:76px;transform:translate(-50%,20px);opacity:0;display:flex;align-items:center;border:1px solid #20282335;background:#f3c95e;color:#202823;pointer-events:none;transition:opacity .2s,transform .2s;overflow:hidden}.guide-peek>img{height:100%;width:96px;object-fit:cover;flex-shrink:0}.guide-peek [hidden]{display:none}.guide-next-copy{padding:0 22px;min-width:0}.guide-next-copy small{display:block;font:7px monospace;letter-spacing:1.4px;margin-bottom:7px}.guide-next-copy strong{font:600 22px/1 Syne;letter-spacing:-.8px;display:block}.guide-next-action{margin-left:auto;display:flex;align-items:center;gap:20px;padding:0 22px;font-size:10px;white-space:nowrap}.guide-next-action b{font:400 29px Body}.guide-next-icon{height:100%;width:96px;flex-shrink:0;background:#202823;color:#e6ecb7;font:600 40px Syne;display:grid;place-items:center}.scroll-guide.is-next .guide-hint{opacity:0;transform:translate(-50%,-8px);pointer-events:none}.scroll-guide.is-next .guide-arrow{animation:none}.scroll-guide.is-next .guide-peek{opacity:1;transform:translate(-50%,0);pointer-events:auto}.guide-hint:focus-visible,.guide-peek:focus-visible{outline:3px solid #e85d33;outline-offset:3px}body:has(dialog[open]) .scroll-guide,body.motion-paused .scroll-guide{display:none}@keyframes guideNudge{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
@media(max-width:650px){.scroll-guide{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));height:68px}.guide-hint{padding:12px 14px;gap:11px;bottom:0}.guide-hint-copy{font-size:10px}.guide-count{font-size:7px;letter-spacing:0}.guide-arrow{font-size:21px}.guide-peek{height:68px}.guide-peek>img,.guide-next-icon{width:62px}.guide-next-copy{padding:0 13px}.guide-next-copy small{font-size:5px;letter-spacing:1px;margin-bottom:6px}.guide-next-copy strong{font-size:17px;letter-spacing:-.7px}.guide-next-action{font-size:0;padding:0 13px;gap:0}.guide-next-action b{font-size:26px}.guide-next-icon{font-size:30px}}
@media(prefers-reduced-motion:reduce){.scroll-guide{display:none}.guide-arrow{animation:none}.guide-hint,.guide-peek{transition:none}}
@media(max-width:650px){.guide-hint-copy{font-size:12px}.guide-next-copy small{font-size:6px}}