:root { --paper:#f8f3e9; --surface:#fffaf1; --ink:#2e211b; --muted:#76665a; --line:#e2d5c3; --accent:#e8603e; --accent-ink:#fffaf1; --focus:#a83420; --font-body:Arial,sans-serif; --action-radius:8px; }
:root[data-theme="dark"] { --paper:#211a17; --surface:#30241f; --ink:#fff3e5; --muted:#cbb9a7; --line:#4f3b31; --accent:#f27856; --accent-ink:#281a15; --focus:#ffb08c; }
.brand { flex-direction:column; gap:0; align-items:flex-start; font-size:22px; font-weight:900; letter-spacing:-.08em; line-height:.9; }
.brand small { margin-top:7px; color:var(--muted); font-size:8px; letter-spacing:.15em; }
.hero { position:relative; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(28px,5vw,74px); min-height:600px; padding:clamp(45px,7vw,88px) clamp(22px,6vw,88px) 84px; overflow:hidden; }
.hero-photo { position:relative; height:min(57vw,470px); min-height:320px; border-radius:5px; }
.hero-photo img { object-position:center; }
.hero-photo figcaption { position:absolute; left:14px; bottom:13px; padding:8px 10px; background:#241914d9; color:#fff3e5; font-size:8px; letter-spacing:.09em; }
.hero-copy { max-width:520px; }
.hero h1 { margin:16px 0; font-size:clamp(48px,7.2vw,88px); font-weight:800; line-height:.92; letter-spacing:-.08em; }
.hero h1 span { color:var(--accent); }
.hero-copy > p:not(.eyebrow) { max-width:430px; color:var(--muted); font-size:15px; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px; margin-top:26px; }
.text-action { padding:9px 0; border-bottom:1px solid var(--line); font-size:11px; font-weight:700; transition:color .2s ease,border-color .2s ease; }
.text-action:hover { border-color:var(--accent); color:var(--accent); }
.hero-ribbon { position:absolute; right:clamp(22px,6vw,88px); bottom:28px; color:var(--muted); font-size:9px; font-weight:700; letter-spacing:.16em; }
.section-shell { padding:clamp(55px,8vw,100px) clamp(22px,6vw,88px); }
.order-path { display:grid; grid-template-columns:1fr 1fr; gap:12px 54px; background:var(--ink); color:var(--paper); }
.order-heading h2,.menu-copy h2,.contact-band h2,.contact-end h2 { margin:11px 0; font-size:clamp(34px,5vw,58px); line-height:1; letter-spacing:-.065em; }
.order-heading > p:last-child,.menu-copy > p:not(.eyebrow),.contact-band > p,.contact-end > p:not(.eyebrow) { max-width:430px; color:var(--muted); font-size:13px; }
.order-path .eyebrow,.contact-band .eyebrow { color:var(--accent); }
.order-path .search-panel { align-self:center; }
.order-path .search-field { border-color:#5b4b41; background:#392b24; }
.order-path .search-field input { color:var(--paper); }
.order-path .search-field input::placeholder { color:#c1ad9d; }
.order-path .search-status { color:#c1ad9d; }
.order-links { grid-column:1/-1; display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:22px; }
.order-links a { display:grid; grid-template-columns:28px 1fr 18px; align-items:center; gap:10px; min-height:62px; padding:12px 14px; border:1px solid #5b4b41; border-radius:6px; transition:background .2s ease,border-color .2s ease,transform .2s ease; }
.order-links a:hover { transform:translateY(-2px); border-color:var(--accent); background:#3c2b24; }
.order-links span { color:#c1ad9d; font-size:9px; }
.order-links strong { font-size:13px; }
.order-links b { color:var(--accent); }
.menu-showcase { display:grid; grid-template-columns:.35fr .75fr 1fr; align-items:center; gap:25px; }
.menu-big-number { color:var(--accent); font-size:clamp(58px,10vw,132px); font-weight:800; letter-spacing:-.1em; }
.menu-copy h2 { max-width:390px; }
.menu-copy > p:not(.eyebrow) { line-height:1.7; }
.menu-copy .action { margin-top:12px; }
.menu-photo { height:340px; border-radius:4px; }
.menu-photo img { object-position:65% center; }
.contact-band { display:grid; grid-template-columns:1fr auto; align-items:center; gap:20px 40px; padding:46px clamp(22px,6vw,88px); background:#2e211b; color:#fff3e5; }
.contact-band > p { grid-column:1; color:#cbb9a7; }
.contact-band .action { grid-column:2; grid-row:1/3; }
.contact-end { padding:clamp(54px,7vw,84px) 22px; text-align:center; }
.contact-end > p:not(.eyebrow) { margin:12px auto; }
.contact-end .text-action { display:inline-block; margin-top:8px; }
@media(max-width:850px){.hero{grid-template-columns:1fr .9fr;gap:25px}.order-path{grid-template-columns:1fr;gap:5px}.menu-showcase{grid-template-columns:.25fr 1fr}.menu-photo{grid-column:2;height:280px}.contact-band{grid-template-columns:1fr}.contact-band .action{grid-column:auto;grid-row:auto;justify-self:start}}
@media(max-width:650px){.hero{grid-template-columns:1fr;min-height:unset;padding-top:42px}.hero-photo{height:70vw;min-height:240px;grid-row:2}.hero h1{font-size:clamp(50px,14vw,74px)}.hero-ribbon{position:static;grid-row:3;padding:14px 0 0}.order-links{grid-template-columns:1fr}.menu-showcase{grid-template-columns:1fr}.menu-big-number{font-size:64px}.menu-photo{grid-column:auto;height:245px}.contact-band{grid-template-columns:1fr}}
