/* The landing page borrows the guest palette from serve.css: same daylight
   warmth, same serif, so the page a guest lands on and the page they order
   from feel like one restaurant. */
body.home-page{max-width:1440px;margin:auto;padding:0 52px 64px}
.home-header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--hairline)}
.home-header-actions{display:flex;align-items:center;gap:10px}
.home-header-actions a{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 17px;border-radius:7px;border:1px solid var(--hairline-2);font-size:12px;font-weight:500;color:var(--ink);text-decoration:none}
.home-header-actions a:hover{background:var(--surface-2)}
.home-header-actions a.solid{background:var(--brand);border-color:var(--brand);color:#fff8ea}
.home-header-actions a.solid:hover{background:var(--brand-deep)}

.home-hero{margin-top:26px;min-height:392px;border-radius:16px;overflow:hidden;position:relative;display:grid;grid-template-columns:1fr 46%;background:#293d32;color:#fffdf3;box-shadow:var(--e3)}
.home-hero-copy{padding:44px 0 40px 44px;z-index:1;align-self:center}
.home-hero .eyebrow{font-size:8px;color:#cfd9c4;letter-spacing:1.5px;display:flex;align-items:center;gap:8px}
.home-hero .eyebrow span{width:15px;height:1px;background:#7d9478;display:block}
.home-hero h1{font-family:Georgia,serif;font-weight:400;font-size:52px;line-height:1.06;letter-spacing:-1.9px;margin:19px 0 0}
.home-hero h1 em{font-style:italic;color:#e9b98f}
.home-hero p{font-size:14px;line-height:1.75;color:#d5ddcd;margin:18px 0 0;max-width:41ch}
.home-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:29px}
.home-hero-actions a{display:inline-flex;align-items:center;gap:22px;min-height:46px;padding:0 20px;border-radius:7px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid transparent}
.home-hero-actions a.primary{background:#f5efdf;color:#27372b}
.home-hero-actions a.primary:hover{background:#fffaec}
.home-hero-actions a.ghost{border-color:#5d7360;color:#e6ecdf}
.home-hero-actions a.ghost:hover{background:#31493a}
.home-hero-foot{font-size:8px;letter-spacing:1.6px;color:#9fb29c;margin-top:30px}
.home-hero-photo{background-image:linear-gradient(90deg,#293d32 0%,#293d3200 38%),url('https://images.unsplash.com/photo-1546833999-b9f581a1996d?auto=format&fit=crop&w=1100&q=85');background-size:cover;background-position:58% center;position:relative}
.home-hero-photo span{position:absolute;bottom:26px;right:24px;color:#fff9ee;font-size:11px;font-family:Georgia,serif;font-style:italic}

.home-band{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline);border-radius:14px;overflow:hidden;margin-top:18px}
.home-band div{background:var(--surface);padding:19px 22px}
.home-band strong{display:block;font-size:13px;margin-bottom:5px}
.home-band p{margin:0;font-size:11.5px;color:var(--ink-2);line-height:1.65}

.home-section{padding:58px 0 0}
.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-bottom:26px}
.home-section-head h2{font-family:Georgia,serif;font-weight:400;font-size:37px;letter-spacing:-1.2px;line-height:1.16;margin:11px 0 0}
.home-section-head p{margin:9px 0 0;font-size:13px;color:var(--ink-2);max-width:52ch;line-height:1.7}

.home-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-step{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:24px 24px 26px;box-shadow:var(--e1)}
.home-step b{display:grid;place-items:center;width:31px;height:31px;border-radius:50%;background:var(--brand-tint);color:var(--brand);font-size:12px;font-weight:600}
.home-step h3{font-family:Georgia,serif;font-weight:400;font-size:20px;letter-spacing:-.4px;margin:17px 0 8px}
.home-step p{margin:0;font-size:12.5px;line-height:1.75;color:var(--ink-2)}

.home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.home-card{background:var(--surface);border:1px solid var(--hairline);border-radius:14px;padding:23px 23px 25px;box-shadow:var(--e1)}
.home-card svg{width:21px;height:21px;fill:none;stroke:var(--brand);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.home-card h3{font-size:14px;font-weight:600;margin:14px 0 7px}
.home-card p{margin:0;font-size:12.5px;line-height:1.75;color:var(--ink-2)}

.home-talk{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;background:var(--surface-2);border:1px solid var(--hairline);border-radius:16px;padding:34px;margin-top:18px}
.home-talk h2{font-family:Georgia,serif;font-weight:400;font-size:33px;letter-spacing:-1px;line-height:1.18;margin:12px 0 0}
.home-talk p{font-size:13px;color:var(--ink-2);line-height:1.75;margin:13px 0 0}
.home-thread{background:var(--surface);border:1px solid var(--hairline);border-radius:13px;padding:19px;display:flex;flex-direction:column;gap:11px}
.home-thread .line{max-width:86%;padding:11px 14px;border-radius:12px;font-size:13px;line-height:1.6}
.home-thread .guest{align-self:flex-end;background:#2f4536;color:#f6f2e6;border-bottom-right-radius:4px}
.home-thread .waiter{align-self:flex-start;background:var(--surface-2);border:1px solid var(--hairline);border-bottom-left-radius:4px}
.home-thread .note{font-size:9px;letter-spacing:1.3px;color:var(--ink-3);text-align:center;padding-top:3px}

.home-cta{margin-top:58px;background:#293d32;color:#fffdf3;border-radius:16px;padding:44px;display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.home-cta h2{font-family:Georgia,serif;font-weight:400;font-size:35px;letter-spacing:-1.1px;margin:10px 0 0;line-height:1.14}
.home-cta p{margin:11px 0 0;font-size:13px;color:#d5ddcd;max-width:46ch;line-height:1.7}
.home-cta a{display:inline-flex;align-items:center;gap:22px;min-height:48px;padding:0 22px;border-radius:7px;background:#f5efdf;color:#27372b;font-size:12px;font-weight:600;text-decoration:none}
.home-cta a:hover{background:#fffaec}

.home-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--hairline);margin-top:54px;padding-top:24px;font-size:11px;color:var(--ink-3)}
.home-footer em{font-family:Georgia,serif;font-style:italic;font-size:12px;color:var(--ink-2)}

@media(max-width:1080px){
  .home-steps,.home-grid{grid-template-columns:repeat(2,1fr)}
  .home-band div{padding:17px 18px}
  .home-hero h1{font-size:44px}
}
@media(max-width:820px){
  .home-band{grid-template-columns:1fr}
  body.home-page{padding:0 22px 48px}
  .home-hero{grid-template-columns:1fr;min-height:0}
  .home-hero-copy{padding:32px 26px 30px}
  .home-hero-photo{min-height:190px}
  .home-talk{grid-template-columns:1fr;padding:24px}
}
@media(max-width:620px){
  .home-header{height:74px}
  .home-header-actions a:not(.solid){display:none}
  .wide-only,.home-header .brand-caption{display:none}
  .restaurant-brand{font-size:26px}
  .home-hero h1{font-size:36px;letter-spacing:-1.3px}
  .home-steps,.home-grid{grid-template-columns:1fr}
  .home-section{padding-top:44px}
  .home-section-head h2{font-size:29px}
  .home-cta{padding:28px}
  .home-cta h2{font-size:28px}
}