.mock-art{background:#eee5d8}.mock-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}.mock-art:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#14181188)}.mock-art small{z-index:1!important;color:#fff!important;text-shadow:0 1px 6px #0008}.qr-note{display:flex;align-items:center;gap:10px;right:-2%;top:8%;padding:8px;background:#f4f3ee;color:#141612;transform:rotate(3deg)}.qr-note img{width:59px;height:59px;display:block;background:#fff}.qr-note span{display:block;padding-right:5px}.qr-note small{color:#64665d;font-size:7px;white-space:nowrap}.qr-note b{color:#28310b;font-size:8px;white-space:nowrap}.note-two{max-width:165px}.qr-menu-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:7vw;align-items:start;padding:10px 0 75px}.qr-sample{position:sticky;top:125px;padding:22px;background:#f4f3ee;color:#11130f;text-align:center}.qr-sample img{display:block;width:min(100%,240px);margin:auto;padding:10px;background:white}.qr-sample p{font-size:12px;line-height:1.7}.qr-sample .text-link{display:inline-block;color:#25271f;font-size:10px}.menu-demo-brand{padding:10px 0 24px}.menu-demo-brand h2{margin:12px 0 7px;font-size:38px;letter-spacing:-.06em;font-weight:500}.menu-demo-brand p{margin:0;color:#a7a9a2;font-size:12px;line-height:1.7}.menu-demo-tabs{position:sticky;top:79px;z-index:8;display:flex;gap:7px;padding:12px 0;background:#0b0c0bf2;border-bottom:1px solid var(--line)}.menu-demo-tabs a{padding:9px 13px;border:1px solid #ffffff27;border-radius:30px;font-size:10px;color:#e5e6df}.menu-demo-tabs a:hover{border-color:var(--lime);color:var(--lime)}.menu-demo-group{padding:24px 0 6px;scroll-margin-top:135px}.menu-demo-group>small{font:9px var(--mono);letter-spacing:.12em;color:var(--lime)}.menu-demo-group article{display:grid;grid-template-columns:140px 1fr;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.menu-demo-group article img{width:140px;height:102px;object-fit:cover}.menu-demo-group h3{margin:0 0 6px;font-size:16px;font-weight:500}.menu-demo-group article p{margin:0;color:#a3a59d;font-size:11px;line-height:1.65}.menu-demo-note{padding:14px 0;color:#82857b;font:9px/1.7 var(--mono)}@media(max-width:620px){.qr-note{top:6%;right:-2%;gap:7px;padding:6px}.qr-note img{width:47px;height:47px}.qr-note small{font-size:6px}.qr-note b{font-size:7px}.qr-menu-layout{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.qr-sample{position:relative;top:auto;display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:center;text-align:left;padding:14px}.qr-sample img{width:100px}.qr-sample p{font-size:10px}.qr-sample .text-link{grid-column:2}.menu-demo-tabs{top:64px}.menu-demo-group{scroll-margin-top:125px}.menu-demo-group article{grid-template-columns:100px 1fr;gap:12px}.menu-demo-group article img{width:100px;height:82px}}