header{height:70px;position:sticky;top:0;z-index:100;background:#161615ed;backdrop-filter:blur(16px);transition:transform .32s ease,opacity .32s ease;gap:24px}header .brand{width:155px}header nav{font-size:13px;gap:23px}header .button.small{padding:10px 16px;font-size:13px}header.nav-hidden:not(.menu-open){transform:translateY(-110%);opacity:0;pointer-events:none}.mobile-menu-toggle{display:none}html{scroll-padding-top:85px;overflow-x:clip}body{overflow-x:clip}
.hero{background:linear-gradient(90deg,#161615 32%,#201e1a 66%,#322219 100%)}.hero-art{background:radial-gradient(ellipse at 100% 12%,#aa522455,transparent 70%);border-radius:0}.hero-art>.art-shade{background:linear-gradient(90deg,#161615, #171715b0 20%,transparent 70%),linear-gradient(0deg,#161615,transparent 70%)}.hero-art>.cafe-photo{mask-image:linear-gradient(90deg,transparent,#000 70%);opacity:.2}.hero-footer{justify-content:center;text-align:center;background:linear-gradient(0deg,#161615,transparent)}.hero-footer a{max-width:none!important;text-align:center!important;font-size:11px;padding:15px 20px}.hero-footer a span{display:inline-block;animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{50%{translate:0 5px}}
.pos-station{width:58%;left:6%;top:19.3%}.station-printer{left:68%;top:51%;width:22%}.dining-props{top:50%;left:36%;width:60%}.scene-table{top:68%;width:116%;left:-8%}
.order-section{background:#132324;color:#f5f3ed;padding-top:95px;padding-bottom:95px;overflow:hidden}.order-section>.eyebrow{color:#e5b28b}.order-section h2 em{color:#ff963c}.order-section .section-intro{color:#b7c6c4}.order-grid{display:flex;flex-direction:column;gap:35px}.order-grid article{display:grid;grid-template-columns:1.1fr 1fr;gap:0;padding:0;border:1px solid #6b86803b;box-shadow:none;background:#1c3030;border-radius:25px;overflow:hidden}.order-grid .order-visual{border-radius:0;height:510px;margin:0;background:radial-gradient(ellipse at 30% 15%,#e9e7d7,#9eafa7)}.order-grid .ordering-copy{padding:48px 40px;display:flex;flex-direction:column;justify-content:center}.ordering-copy>.eyebrow{margin:0 0 20px;color:#ffb276;font-size:12px}.ordering-copy>h3{font-size:clamp(31px,3.4vw,46px);line-height:1.15;color:#fff;margin:0 0 24px}.order-grid .ordering-copy>p:not(.eyebrow){font-size:17px;color:#c0ceca;line-height:1.75;margin:0 0 25px}.ordering-copy>a{align-self:flex-start;color:#f3f5e9;border-color:#80998c;font-size:16px}.kiosk-card .order-visual{order:2;background:radial-gradient(ellipse at 75% 20%,#ecd5be,#aebfbb)}.kiosk-card .ordering-copy{order:1}.precision-kiosk{width:290px!important;bottom:-12px!important;left:50%;transform:translateX(-50%);filter:drop-shadow(9px 15px 15px #12272633)}.online-card .phone-model:has(.actual-order-screen){width:200px;height:375px;right:6%;bottom:37px;transform:rotate(7deg)}.online-card .qr-tent{width:62%;left:-3%;bottom:110px;transform:rotate(-5deg)}.scan-connection{top:15%;left:45%}.order-grid .visual-label{font-size:10px;max-width:90%;background:#edf2e9cf;left:14px;bottom:12px}.order-grid .actual-order-screen{object-fit:contain;background:#fff}.order-grid .phone-camera{z-index:2}
.text-enter{transition:opacity .7s ease,translate .7s cubic-bezier(.2,.65,.3,1);transition-delay:var(--text-delay,0ms)}.text-enter.text-pending{opacity:0;translate:0 18px}.text-enter.text-visible{opacity:1;translate:0 0}.industry-content.switching{animation:copy-in .5s ease both}@keyframes copy-in{from{opacity:.2;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px){header{gap:16px}header nav{gap:15px;font-size:12px}header .brand{width:135px}.order-grid .ordering-copy{padding:32px 25px}.ordering-copy>h3{font-size:33px}.order-grid .ordering-copy>p:not(.eyebrow){font-size:16px}.order-grid .order-visual{height:470px}.precision-kiosk{width:270px!important;bottom:-10px!important}.online-card .phone-model:has(.actual-order-screen){width:174px;height:330px;right:1%;bottom:39px}.online-card .qr-tent{width:66%;left:-6%;bottom:115px}.qr-tent-print strong{font-size:12px}.qr-tent-print>span{font-size:9px}}
@media(max-width:700px){header{height:62px;padding:0 5%;gap:12px}header .brand{width:124px}header .button.small{margin-left:auto;padding:9px 12px;font-size:12px;gap:10px}header .button.small span{font-size:16px}.mobile-menu-toggle{display:flex;gap:8px;align-items:center;background:none;border:0;color:#f6f4ee;font-size:12px;padding:10px 2px;cursor:pointer;order:3}.mobile-menu-toggle span{font-size:19px}header nav{display:none;position:absolute;top:62px;left:0;right:0;background:#1b2320;padding:18px 6%;border-bottom:1px solid #546057;box-shadow:0 15px 25px #0005}header.menu-open nav{display:flex;flex-direction:column;gap:0}header nav a{display:block;padding:12px 0;font-size:16px}.hero{background:linear-gradient(135deg,#161615 45%,#322219)}.hero-art{min-height:450px}.hero-art>.art-shade{background:linear-gradient(#161615,transparent 65%),linear-gradient(0deg,#161615,transparent 45%)}.hero-footer{padding:15px 0;display:flex}.hero-footer a{font-size:10px;letter-spacing:.1em}.hero-footer a span{margin-left:12px}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.1em}.hero-note{font-size:12px}.order-section{padding:65px 5%}.order-section .section-heading{margin-bottom:30px}.order-grid{gap:25px}.order-grid article{display:flex;flex-direction:column;border-radius:19px}.order-grid .order-visual{height:415px;order:0}.order-grid .ordering-copy{padding:28px 24px 32px;order:1}.ordering-copy>h3{font-size:32px}.order-grid .ordering-copy>p:not(.eyebrow){font-size:16px;margin-bottom:20px}.ordering-copy>.eyebrow{font-size:11px;margin-bottom:15px}.precision-kiosk{width:239px!important;bottom:-8px!important}.online-card .phone-model:has(.actual-order-screen){width:177px;height:330px;right:2%;bottom:28px}.online-card .qr-tent{width:63%;left:-4%;bottom:95px}.order-grid .visual-label{font-size:9px}.scan-connection{display:none}.scene-table{top:65%;width:116%;left:-8%}.dining-props{top:46%;left:35%;width:60%}.sticky-product{top:0}.story-chapters article{scroll-margin-top:350px}.text-enter.text-pending{translate:0 12px}}
@media(max-width:360px){header .brand{width:108px}header{gap:9px}.mobile-menu-toggle{font-size:11px}header .button.small{font-size:11px}.online-card .phone-model:has(.actual-order-screen){width:158px;height:300px}.ordering-copy>h3{font-size:29px}.order-grid .order-visual{height:390px}.precision-kiosk{width:224px!important}}
@media(prefers-reduced-motion:reduce){header{transition:none}.text-enter.text-pending{opacity:1;translate:none}.text-enter{transition:none}.industry-content.switching{animation:none}.hero-footer a span{animation:none}}