/* Scroll-driven product environments */
.hero-copy>.eyebrow{line-height:1.6;max-width:100%;font-size:12px}
.product-story{grid-template-columns:1.13fr 1fr;gap:6%}
.sticky-product{height:auto;min-height:0;top:35px;overflow:hidden;display:block;border-radius:20px;background:radial-gradient(ellipse at 50% 53%,#39412a44,transparent 65%),#1d201c;isolation:isolate}
.scene-topline{display:flex;justify-content:space-between;gap:15px;padding:24px 22px 0;font-size:11px;letter-spacing:.12em;color:#bbc0ac;position:relative;z-index:4}
.scene-topline>span:last-child{color:var(--orange);white-space:nowrap}.scene-canvas{position:relative;width:100%;aspect-ratio:1.05;overflow:hidden}.scene-halo{position:absolute;inset:15% 5% 0;background:radial-gradient(ellipse,#71815330,transparent 66%);border-radius:50%}.motion-prop{position:absolute;will-change:transform,opacity;transform-origin:50% 85%}.prop-art{display:block;width:100%;height:auto;overflow:hidden;isolation:isolate}.scene-group{position:absolute;inset:0;pointer-events:none}.scene-table{left:-5%;top:68%;width:110%;z-index:0}.cash-drawer{left:5%;top:65%;width:58%;z-index:1}.pos-station{left:7%;top:17%;width:59%;z-index:2}.station-printer{left:68%;top:57%;width:27%;z-index:2}.slim-laptop{left:2%;top:35%;width:68%;z-index:2}.desk-props{left:68%;top:36%;width:30%;z-index:1}.service-tablet{left:2%;top:4%;width:87%;z-index:3;transform-origin:10% 100%}.office-scene .motion-prop,.table-scene .motion-prop{opacity:0}.prop-label{position:absolute;bottom:3%;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.14em;color:#c6cbb8;z-index:5}.office-scene .prop-label,.table-scene .prop-label{opacity:0}.scene-footer{padding:5px 20px 0;position:relative;z-index:5;text-align:center;background:linear-gradient(transparent,#1d201c)}.scene-footer .screen-caption{display:block;margin:0;font-size:12px;letter-spacing:.14em;color:#dce1d2}.scene-footer .story-meter{justify-content:center;margin-top:18px}.hardware-note{text-align:center;color:#838c78;font-size:11px;margin:19px 0 22px}.story-chapters article{min-height:740px}.story-chapters article:first-child{padding-top:65px}.story-chapters p{font-size:16px}.story-chapters .tags span{font-size:13px}
/* QR and self-service illustrations */
.order-visual{height:440px}.online-card .order-visual{background:radial-gradient(ellipse at 40% 45%,#f8faf0,#dde2d3)}.qr-tent{position:absolute;width:60%;left:1%;bottom:85px;transform:rotate(-7deg);filter:drop-shadow(0 14px 15px #23301c21)}.qr-tent-print{position:absolute;top:12%;left:15%;width:64%;display:flex;align-items:center;flex-direction:column;transform:skewX(-7deg);color:#222c20}.qr-tent-print strong{font-size:clamp(12px,1.2vw,17px);letter-spacing:.05em;line-height:1.3;margin-bottom:6px}.qr-tent-print img{width:72%;height:auto;display:block;mix-blend-mode:multiply}.qr-tent-print>span{font-size:10px;margin-top:5px}.online-card .phone-model{position:absolute;right:8%;bottom:-8px;width:180px;height:320px;transform:rotate(9deg);z-index:2;box-shadow:10px 20px 25px #1e281b35}.scan-connection{position:absolute;left:44%;top:15%;font-size:42px;color:#66804d;transform:rotate(20deg)}.visual-label{font-size:11px}.large-kiosk{position:absolute;width:182px;bottom:5px;left:50%;transform:translateX(-50%);filter:drop-shadow(8px 18px 16px #1d27142c)}.kiosk-card .order-visual{background:radial-gradient(ellipse at 50% 30%,#f8f3e9,#e4e1d6)}.kiosk-interface{position:absolute;left:18%;top:4.8%;width:58%;height:38.5%;background:#f9f3e9;color:#222b1d;transform:skew(-4deg) rotate(-1deg);padding:9px 8px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.kiosk-greeting{font-size:8px;letter-spacing:.09em;color:#777c69}.kiosk-interface>strong{font-family:Manrope;font-size:19px;line-height:1.06;letter-spacing:-.035em;margin:5px 0}.kiosk-menu-preview{height:57px;overflow:hidden;border-radius:3px}.kiosk-menu-preview img{width:170%;max-width:none;display:block;transform:translate(-18%,-8%)}.kiosk-start{font-size:8px;padding:5px;background:#ff971f;line-height:1.25;text-align:center;border-radius:2px;margin-top:6px}.printed-receipt{position:absolute;top:50.4%;left:34%;width:18%;height:7%;font-size:4px;text-align:center;line-height:1.35;transform:rotate(4deg);color:#656558}.printed-receipt b{font-size:7px;display:block}.printed-receipt i{display:block;border-top:1px solid #b3b1a4;margin:2px auto;width:80%}.kiosk-callout{position:absolute;right:6%;bottom:26%;width:100px;font-size:12px;line-height:1.5;color:#69705e}.kiosk-callout span{font-size:27px;display:block;color:#b8621c}
/* The customer collection follows two gently curved, opposing paths. */
.community-section{background:#171a16;padding-top:85px;padding-bottom:75px;overflow:hidden}.community-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.community-heading h2{font-size:clamp(36px,4.2vw,61px);margin:0}.community-heading h2 em{color:#b8c49f}.community-side{max-width:330px}.community-side p{color:#afb7a3;font-size:15px;line-height:1.8;margin-bottom:17px}.motion-toggle{display:inline-flex;align-items:center;gap:20px;border:1px solid #535d47;border-radius:30px;background:transparent;color:#d9dfcf;font-size:12px;padding:9px 15px;cursor:pointer}.motion-toggle:hover{background:#343d2b}.motion-toggle>span{color:#ff9b48}.community-gallery{position:relative;margin:30px -8.2% 40px;height:395px;overflow:hidden;isolation:isolate;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.gallery-orbit{position:absolute;left:-10%;width:120%;height:290px;top:30px;border:1px solid #b6c89818;border-radius:50%;transform:rotate(-3deg);pointer-events:none}.gallery-orbit:after{content:'';position:absolute;inset:40px -10px -40px;border:1px solid #b6c89812;border-radius:50%;transform:rotate(6deg)}.logo-lane{position:absolute;left:0;right:0;height:165px;top:10px}.logo-lane[data-lane="1"]{top:190px}.customer-card{position:absolute;width:148px;height:136px;top:0;left:0;margin:0;padding:10px;background:#f8f8f2;border:1px solid #ffffff33;border-radius:16px;box-shadow:0 8px 20px #0004;display:flex;flex-direction:column;align-items:center;justify-content:center;will-change:transform;transition:box-shadow .25s;overflow:hidden;outline-offset:3px}.customer-card img{display:block;width:116px;height:99px;object-fit:contain;border-radius:6px}.customer-card figcaption{display:block;max-width:100%;font-size:10px;font-weight:600;line-height:1.2;color:#29321f;text-align:center;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.customer-card:hover,.customer-card:focus-visible{z-index:6;box-shadow:0 12px 30px #0008,0 0 0 2px #ff861c}.community-seal{position:absolute;z-index:7;top:162px;left:50%;transform:translateX(-50%) rotate(-3deg);display:flex;align-items:center;gap:10px;border:1px solid #5e684f;padding:8px 15px;background:#232b1e;color:#dce7ca;border-radius:6px;box-shadow:0 7px 22px #0003;font-size:10px;letter-spacing:.11em;white-space:nowrap}.community-seal>span:last-child{padding-left:10px;border-left:1px solid #61704e;color:#ffac62}.customer-voices{border-top:1px solid #67735550;padding-top:28px;display:grid;grid-template-columns:.65fr 2fr;gap:35px}.voices-heading .eyebrow{color:#bec8ac;font-size:10px;line-height:1.7;max-width:175px;margin-bottom:13px}.voices-heading>span{color:#818e73;font-size:13px}.compact-reviews{gap:20px}.compact-reviews article{padding:22px 24px;border-radius:10px;background:#23291f;border:1px solid #47553b48}.review-logo{width:38px;height:38px;object-fit:contain;border-radius:50%;background:white}.compact-reviews .review-person{gap:10px}.compact-reviews .review-person strong{font-size:13px}.compact-reviews .review-person div>span{font-size:11px}.small-quote{font-size:42px;font-family:Georgia;color:var(--orange);margin-left:auto;line-height:1}.compact-reviews blockquote{font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6;letter-spacing:0;margin:17px 0 10px}.compact-reviews .review-source{font-size:11px;margin-top:12px;color:#a5b394}
@media(min-width:1400px){.scene-canvas{aspect-ratio:1.1}.sticky-product{max-height:calc(100vh - 60px)}.large-kiosk{width:185px}}
@media(max-width:1100px){.product-story{grid-template-columns:1.08fr 1fr;gap:5%}.scene-topline{font-size:9px;padding:22px 8px 0}.scene-footer .screen-caption{font-size:10px}.hardware-note{font-size:10px}.prop-label{font-size:9px}.story-chapters article{min-height:660px}.sticky-product{top:60px}.order-visual{height:420px}.online-card .phone-model{width:155px;height:290px;right:5%}.qr-tent{width:65%;bottom:105px;left:-2%}.qr-tent-print strong{font-size:12px}.qr-tent-print>span{font-size:8px}.large-kiosk{width:171px}.kiosk-callout{right:2%;width:75px;font-size:10px}.customer-voices{grid-template-columns:1fr}.voices-heading{display:flex;align-items:center;justify-content:space-between;gap:25px}.voices-heading .eyebrow{max-width:none;margin:0}.community-heading{gap:30px}}
@media(max-width:700px){.hero-copy>.eyebrow{font-size:11px;letter-spacing:.12em}.product-story{display:block}.sticky-product{top:0;height:350px;width:113.6%;margin:0 -6.8%;border-radius:0;padding:0;box-shadow:0 15px 25px #1d201c;z-index:4;overflow:hidden}.scene-topline{position:absolute;top:5px;left:5%;right:5%;padding:0;font-size:9px;z-index:10}.scene-canvas{height:296px;width:320px;max-width:100%;margin:0 auto;aspect-ratio:auto}.scene-footer{position:absolute;bottom:10px;left:0;right:0;padding:0}.scene-footer .screen-caption{font-size:10px}.scene-footer .story-meter{margin-top:9px}.hardware-note{display:none}.prop-label{bottom:6%;font-size:8px;display:none}.story-chapters article{min-height:560px;padding:95px 0 55px;justify-content:flex-start}.story-chapters article:first-child{padding-top:70px}.story-chapters article:last-child{min-height:570px}.story-chapters p{font-size:15px}.order-visual{height:390px}.online-card .phone-model{right:9%;width:172px;height:310px}.qr-tent{left:0;bottom:85px;width:61%}.qr-tent-print strong{font-size:13px}.qr-tent-print>span{font-size:9px}.large-kiosk{width:158px}.kiosk-interface>strong{font-size:17px}.kiosk-menu-preview{height:45px}.kiosk-callout{font-size:11px;right:6%;width:78px}.community-section{padding-top:65px;padding-bottom:55px}.community-heading{display:block}.community-side{margin-top:22px;max-width:none;display:flex;align-items:center;gap:20px;justify-content:space-between}.community-side p{font-size:13px;margin:0;max-width:210px}.motion-toggle{padding:8px 11px;font-size:11px;gap:8px;white-space:nowrap}.community-gallery{height:342px;margin:26px -6.8% 30px}.logo-lane{top:0;height:145px}.logo-lane[data-lane="1"]{top:170px}.customer-card{width:124px;height:121px;border-radius:12px;padding:8px}.customer-card img{width:101px;height:87px}.customer-card figcaption{font-size:9px}.community-seal{top:143px;font-size:8px;padding:7px 11px;gap:7px}.voices-heading{align-items:flex-start;flex-direction:column;gap:6px}.voices-heading .eyebrow{font-size:10px}.compact-reviews{grid-template-columns:1fr;gap:13px}.compact-reviews article{padding:20px}.compact-reviews blockquote{font-size:15px}.customer-voices{gap:20px;padding-top:23px}}
@media(prefers-reduced-motion:reduce){.motion-prop{will-change:auto}.community-gallery{height:auto;mask-image:none;margin-left:0;margin-right:0;padding:15px 0}.logo-lane{position:relative;display:flex;gap:13px;overflow-x:auto;top:auto!important;height:158px;padding:10px 3px;scrollbar-width:thin}.customer-card{position:relative;flex:none;transform:none!important;will-change:auto}.community-seal,.gallery-orbit{display:none}.motion-toggle{display:none}.sticky-product{position:sticky}.story-chapters article{min-height:660px}.scene-group .motion-prop{transition:none!important}}
/* Final alignment: objects rest on the desk and the kiosk screen leads the composition. */
.desk-props{top:50%}.prop-label{display:none}.large-kiosk{width:280px;bottom:-248px}.kiosk-interface{padding:13px 12px}.kiosk-interface>strong{font-size:27px}.kiosk-greeting{font-size:10px}.kiosk-menu-preview{height:86px}.kiosk-start{font-size:10px;padding:8px 5px}.printed-receipt{font-size:6px}.printed-receipt b{font-size:10px}.kiosk-callout{bottom:14%;right:5%;width:100px}
@media(max-width:1100px){.large-kiosk{width:257px;bottom:-206px}.kiosk-interface>strong{font-size:25px}.kiosk-menu-preview{height:75px}.kiosk-callout{right:2%;width:80px}}
@media(max-width:700px){.large-kiosk{width:235px;bottom:-185px}.kiosk-interface>strong{font-size:22px}.kiosk-menu-preview{height:68px}.kiosk-greeting{font-size:9px}.kiosk-interface{padding:10px}.kiosk-start{font-size:9px;padding:6px 4px}.kiosk-callout{right:4%;width:80px;bottom:16%}}
@media(max-width:700px){.order-visual .visual-label{z-index:4;left:12px;right:auto;bottom:10px;padding:3px 6px;border-radius:4px;background:#f1f2e9dd;color:#59624d;font-size:10px}.kiosk-callout{display:none}}
@media(max-width:430px){.online-card .phone-model{width:145px;height:290px;right:1%;bottom:6px;transform:rotate(7deg)}.qr-tent{width:65%;left:-1%;bottom:100px}.qr-tent-print strong{font-size:11px}.qr-tent-print>span{font-size:8px}.scan-connection{display:none}}