.menus-page h1 em,.menus-page h2 em{font-style:normal;color:var(--synkro-green)}
.menus-hero{display:grid;grid-template-columns:1fr 1.4fr;gap:44px;align-items:center;min-height:calc(100svh - 64px);padding-top:65px;padding-bottom:80px}
.menus-hero-copy{min-width:0}.menus-hero .product-back{margin-bottom:38px}.menus-hero .eyebrow{font-size:11px;margin-bottom:24px}
.menus-hero h1{font-size:clamp(29px,3.4vw,48px);line-height:1.45;letter-spacing:-.045em;margin:0 0 24px}
.menus-hero .product-lead{max-width:400px;font-size:18px;margin-bottom:20px}
.menus-quote-note{font-size:13px;line-height:1.8;max-width:360px;margin-bottom:26px;color:var(--synkro-gray)}
.menus-preview{margin:0;min-width:0}
.menus-preview figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;color:var(--synkro-silver);margin:22px 0 0}
.menus-preview figcaption small{font-size:10px;color:var(--synkro-gray)}
.mini-menu{padding:7cqw}
.mini-menu-top{display:flex;align-items:center;justify-content:space-between;gap:4cqw;font-size:2.3cqw;letter-spacing:.15em;color:var(--synkro-green);white-space:nowrap}
.mini-menu h2{font-family:var(--font-display);font-size:6.4cqw;font-weight:400;line-height:1.4;letter-spacing:-.035em;margin:4cqw 0 5cqw;color:#f5f6f2}
.mini-menu h2 span{color:var(--synkro-green)}
.mini-menu-categories{display:flex;align-items:center;gap:4cqw;padding:3cqw 0;border-block:1px solid #ffffff20;white-space:nowrap;font-size:2.8cqw;line-height:1.3;color:#a7aaa3;margin-bottom:5cqw}
.mini-menu-categories>span:first-child{background:var(--synkro-green);color:#161910;padding:2.5cqw 3cqw;border-radius:1.1cqw;font-weight:600}
.mini-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:5cqw}
.mini-menu-photo{width:100%;aspect-ratio:1.08;border-radius:2cqw;background-image:url('assets/menu-digital-synkro.png');background-size:471% auto;background-repeat:no-repeat}
.mini-menu-potatoes{background-position:4.96% 60%}.mini-menu-burrata{background-position:33.9% 60%}.mini-menu-pasta{background-position:62.8% 60%}
.mini-menu-category{display:block;font-size:2.1cqw;letter-spacing:.1em;color:#a7aaa3;margin-top:3cqw}
.mini-menu-dish h3{font-family:var(--font-body);font-size:3.7cqw;font-weight:500;line-height:1.35;margin:1.7cqw 0 2.5cqw;letter-spacing:0}
.mini-menu-price{display:block;font-size:3.6cqw;font-weight:600;padding-top:2.7cqw;border-top:1px solid #ffffff20;color:#fff}
.menu-tablet-screen .mini-menu{padding:4cqw}
.menu-tablet-screen .mini-menu-top{font-size:1.7cqw;line-height:1.3}
.menu-tablet-screen .mini-menu h2{font-size:4.8cqw;margin:2cqw 0}
.menu-tablet-screen .mini-menu-categories{font-size:2.2cqw;padding:1cqw 0;margin-bottom:2cqw}
.menu-tablet-screen .mini-menu-categories>span:first-child{padding:1.5cqw 2cqw}
.menu-tablet-screen .mini-menu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:3cqw}
.menu-tablet-screen .mini-menu-category{font-size:1.7cqw;margin-top:2cqw}
.menu-tablet-screen .mini-menu-dish h3{font-size:2.6cqw;margin:1.5cqw 0;min-height:3.8cqw}
.menu-tablet-screen .mini-menu-price{font-size:2.8cqw;padding-top:1.8cqw}
.menu-phone-status{display:flex;justify-content:space-between;padding:6.5cqw 8cqw 0;font-size:5cqw;line-height:1.2;color:#e8ebe5}
.menu-phone-island{position:absolute;top:4.5cqw;left:32%;width:36%;height:7.5cqw;border-radius:5cqw;background:#050605}
.menu-phone-screen .mini-menu{padding:6cqw 8cqw 12cqw}
.menu-phone-screen .mini-menu-top{font-family:var(--font-display);font-size:5.1cqw;letter-spacing:.08em;color:#dce3d5}
.menu-phone-screen .mini-menu-top>span:last-child{font-family:var(--font-body);font-size:7cqw;color:#9da692}
.menu-phone-screen .mini-menu h2{font-size:8.6cqw;line-height:1.35;margin:7cqw 0 6cqw}
.menu-phone-screen .mini-menu-categories{font-size:4.6cqw;gap:4cqw;padding:4cqw 0;margin-bottom:5cqw}
.menu-phone-screen .mini-menu-categories>span:first-child{padding:3.5cqw 4cqw;border-radius:2cqw}
.menu-phone-screen .mini-menu-grid{grid-template-columns:1fr;gap:8cqw}
.menu-phone-screen .mini-menu-photo{border-radius:4cqw}
.menu-phone-screen .mini-menu-category{font-size:4.2cqw;margin-top:5cqw}
.menu-phone-screen .mini-menu-dish h3{font-size:7.7cqw;margin:3cqw 0 4cqw}
.menu-phone-screen .mini-menu-dish p{font-size:5.4cqw;color:#a7aaa3;line-height:1.5;margin:0 0 5cqw}
.menu-phone-screen .mini-menu-price{font-size:7cqw;padding-top:4cqw}
.menu-phone-home{position:absolute;left:30%;bottom:2.5cqw;width:40%;height:2.2cqw;border-radius:2cqw;background:#dce1d6;box-shadow:0 0 3cqw #111}
.menus-quote{border-top:1px solid var(--line);padding-top:76px;padding-bottom:85px;scroll-margin-top:85px}
.menus-quote-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:35px;margin-bottom:42px}
.menus-quote-heading .eyebrow{font-size:10px;max-width:230px;line-height:1.8;margin-top:10px}
.menus-quote h2{font-size:clamp(25px,2.7vw,36px);max-width:700px;line-height:1.5;margin:0}
.menus-fees{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.menus-fee{border:1px solid var(--line);border-radius:14px;padding:30px;background:var(--synkro-oxford)}
.menus-fee-label{font-size:10px;letter-spacing:.12em;color:var(--synkro-green);margin-bottom:17px}
.menus-fee h3{font-size:20px;font-weight:400;line-height:1.5;margin:0 0 14px}
.menus-fee p:last-child{font-size:15px;line-height:1.7;max-width:400px;margin:0}
.menus-quote-action{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:32px}
.menus-quote-action p{font-size:15px;max-width:430px;margin:0}.menus-quote-action .button{flex-shrink:0}
@media(max-width:1050px){.menus-hero{gap:36px}.menus-hero h1{font-size:clamp(29px,3.3vw,40px)}}
@media(max-width:760px){.menus-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:32px;padding-bottom:55px}.menus-hero .product-back{margin-bottom:28px}.menus-hero h1{font-size:clamp(28px,6.5vw,42px)}.menus-hero .product-lead{font-size:17px}.menus-preview{max-width:650px;width:100%;margin:auto}.menus-preview figcaption{font-size:11px;margin-top:18px}.menus-preview figcaption small{font-size:9px}.menus-quote{padding-top:50px;padding-bottom:55px}.menus-quote-heading{display:block;margin-bottom:28px}.menus-quote-heading .eyebrow{max-width:none;margin-bottom:18px}.menus-quote h2{font-size:25px}.menus-fees{grid-template-columns:1fr;gap:16px}.menus-fee{padding:23px}.menus-fee h3{font-size:18px}.menus-quote-action{align-items:flex-start;flex-direction:column;gap:22px;margin-top:26px}}

/* The screen content stays live HTML; only the physical hardware is a photograph. */
.menus-story{position:relative;--menus-nav-height:80px;--menus-distance:700px}
.menus-hero{grid-template-columns:.86fr 1.5fr;gap:24px;padding-top:40px;padding-bottom:40px}
.menus-visual-track{min-width:0}
.menus-devices{position:relative;width:100%;isolation:isolate;pointer-events:none;overflow:hidden}
.menus-fallback{display:block;width:100%;height:auto;border-radius:10px}
.menus-stage{display:none;position:absolute;inset:0 auto auto 0;width:1536px;height:1250px;transform:scale(var(--menus-scale, .4));transform-origin:0 0}
.menus-hardware{position:absolute;left:0;top:220px;width:1536px;height:1024px;max-width:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent),linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);mask-composite:intersect}
.menu-projection{position:absolute;left:0;top:0;transform-origin:0 0;background:#1d1d1b;overflow:hidden;backface-visibility:hidden}
.menu-device-screen{container-type:inline-size;color:#f1f3ed}
.menu-laptop-mask{position:absolute;inset:0;clip-path:polygon(0px 0px,1536px 0px,1536px 1250px,735px 1250px,735px 1000px,628px 665px,620px 653px,606px 646px,590px 645px,98px 689px,75px 700px,75px 1250px,0px 1250px)}
.menu-laptop-screen,.menu-floating-window{width:1200px;height:800px}
.menu-laptop-screen>img{display:block;width:100%;height:100%;object-fit:contain}
.menu-tablet-screen{width:1000px;height:750px;border-radius:23px;z-index:2}
.menu-phone-screen{width:360px;height:820px;border-radius:44px;z-index:3}
.menu-floating-window{border:2px solid #b9c5ac55;border-radius:18px;z-index:4;box-shadow:0 32px 80px #0009}
.menu-window-bar{position:absolute;top:0;left:0;right:0;z-index:1;height:48px;display:flex;align-items:center;gap:10px;padding:0 22px;background:#252a23;border-bottom:1px solid #ffffff15}
.menu-window-bar i{width:9px;height:9px;border-radius:50%;background:#839273}
.menu-window-bar i:first-child{background:var(--synkro-green)}
.menu-window-bar span{font:400 15px var(--font-display);color:#d0d6c7;margin:auto;letter-spacing:.14em;padding-right:50px}
.menu-floating-window>img{display:block;width:100%;height:100%;object-fit:contain}
.menu-phone-screen:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,#ffffff06,transparent 45%,#00000010);pointer-events:none}
.menus-scroll-hint{display:none;align-items:center;gap:10px;margin-top:18px;font-size:11px;color:var(--synkro-gray);min-height:20px}
.menus-hint-line{width:25px;height:1px;background:var(--synkro-green);flex-shrink:0}
.menus-motion-enabled{height:calc(var(--menus-hero-height, 100svh) + var(--menus-distance))}
.menus-motion-enabled .menus-hero{position:sticky;top:var(--menus-nav-height);min-height:calc(100svh - var(--menus-nav-height))}
.menus-motion-enabled .menus-devices{aspect-ratio:1536 / 1250}
.menus-motion-enabled .menus-fallback{display:none}
.menus-motion-enabled .menus-stage{display:block}
.menus-motion-enabled .menus-scroll-hint{display:flex}
.menus-motion-enabled .menus-preview figcaption{margin-top:0}
.menus-motion-enabled .menus-preview{max-width:min(100%,calc((100svh - var(--menus-nav-height) - 160px)*1.2288));margin-inline:auto}
.menus-motion-enabled.menus-reduced{height:auto}
.menus-reduced .menus-hero{position:static}
@media(max-width:1050px){.menus-hero{gap:20px;grid-template-columns:.95fr 1.4fr}.menus-hero h1{font-size:clamp(27px,3.2vw,40px)}}
@media(max-width:760px){
 .menus-hero{display:block;padding-top:32px;padding-bottom:35px;min-height:0}
 .menus-hero-copy{margin-bottom:28px}
 .menus-story.menus-motion-enabled{height:auto}
 .menus-motion-enabled .menus-hero{position:static;min-height:0}
 .menus-motion-enabled .menus-visual-track{height:calc(var(--menus-visual-height, 360px) + var(--menus-distance))}
 .menus-motion-enabled .menus-preview{position:sticky;top:var(--menus-sticky-top,80px);max-width:620px}
 .menus-preview{max-width:620px}
 .menus-scroll-hint{font-size:10px;margin-top:12px}
 .menus-motion-enabled.menus-reduced .menus-visual-track{height:auto}
 .menus-reduced .menus-preview{position:static}
}
@media(prefers-reduced-motion:reduce){.menus-scroll-hint{transition:none}}