html{scroll-behavior:smooth}body{margin:0}*{box-sizing:border-box}.demo-switch{min-height:64px;background:#f8f4ed;color:#45382d;display:flex;align-items:center;justify-content:space-between;padding:10px 4vw;gap:12px;flex-wrap:wrap;font:14px/1.5 'DM Sans',Arial,sans-serif}.demo-switch nav{display:flex;gap:7px}.demo-switch a{display:inline-flex;align-items:center;min-height:42px;border:1px solid #d8cfc4;border-radius:99px;padding:8px 16px;text-decoration:none}.demo-switch a[aria-current]{background:#372c28;color:#fff7ef;border-color:#372c28}.demo-nocturne .demo-switch{background:#16121b;color:#e6d4bf}.demo-nocturne .demo-switch a{border-color:#655343}.demo-nocturne .demo-switch a[aria-current]{background:#e5b97d;color:#18121c}.restaurant-preview{position:relative;border:0!important;isolation:isolate}.restaurant-preview>header{position:absolute;top:24px;left:3%;right:3%;width:94%;z-index:5;min-height:82px;height:auto;border:1px solid #ffffff80;border-radius:24px;background:#fff8ed8a!important;backdrop-filter:blur(25px) saturate(145%);-webkit-backdrop-filter:blur(25px) saturate(145%);box-shadow:inset 0 1px 0 #ffffffb8,0 12px 45px #25150d1f;padding:12px 28px}.restaurant-preview>header .restaurant-brand strong{font-size:25px}.restaurant-preview>header nav{display:flex;gap:24px}.restaurant-preview>header nav a{font-size:14px;min-height:44px;display:flex;align-items:center}.restaurant-preview .reserve-link,.restaurant-preview .hero-reserve{border-radius:99px;border:1px solid #ffffff8c!important;box-shadow:inset 0 1px 0 #ffffff70,0 8px 20px #20150818;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.restaurant-preview .restaurant-hero{position:relative;min-height:730px;display:grid;align-items:center;padding:148px 5% 50px;isolation:isolate;overflow:hidden}.restaurant-preview .restaurant-copy{position:relative;z-index:2;padding:38px;min-width:0;border:1px solid #ffffffa3;border-radius:26px;background:#fff7ecbe;box-shadow:inset 0 1px 0 #ffffffb0,0 26px 65px #32190b30;backdrop-filter:blur(20px) saturate(135%);-webkit-backdrop-filter:blur(20px) saturate(135%)}.restaurant-preview .restaurant-copy h1{font-size:clamp(44px,5.1vw,74px);line-height:1.05;letter-spacing:-.045em;margin:18px 0 22px;max-width:680px}.restaurant-preview .restaurant-copy>span{font-size:13px;letter-spacing:.13em}.restaurant-preview .restaurant-copy>p{font-size:17px;line-height:1.75;max-width:520px}.restaurant-preview .restaurant-copy>div{display:flex;gap:22px;flex-wrap:wrap;align-items:center;margin-top:24px}.restaurant-preview .restaurant-copy>div a{font-size:14px;min-height:46px;display:inline-flex;align-items:center}.restaurant-preview .restaurant-copy .hero-reserve{background:color-mix(in srgb,var(--source-accent) 88%,transparent);padding:14px 22px;color:var(--accent-ink)}.restaurant-preview .restaurant-visual{position:absolute;inset:0;z-index:-1;height:100%;width:100%;min-height:0}.restaurant-preview .restaurant-visual img{width:100%;height:100%;object-fit:cover}.restaurant-preview .photo-shade{background:linear-gradient(90deg,#30150a32,transparent 65%);position:absolute;inset:0}.restaurant-preview.theme-bistro .restaurant-hero{grid-template-columns:minmax(0,1fr) minmax(0,.94fr)}.restaurant-preview.theme-bistro .restaurant-copy{max-width:580px}.restaurant-preview.theme-bistro .restaurant-visual img{object-position:70% 55%}.restaurant-preview.theme-riviera .restaurant-hero{grid-template-columns:1fr;justify-items:center;align-items:end;min-height:790px;padding-top:300px}.restaurant-preview.theme-riviera .restaurant-copy{max-width:860px;width:100%;text-align:center;align-items:center;background:#f5ffffc2;padding:30px 42px}.restaurant-preview.theme-riviera .restaurant-copy h1{font-size:clamp(46px,5.7vw,78px);color:#14505a;max-width:none;margin:10px 0 16px}.restaurant-preview.theme-riviera .restaurant-copy>p{max-width:640px;margin-inline:auto;color:#234e51}.restaurant-preview.theme-riviera .restaurant-copy>div{justify-content:center}.restaurant-preview.theme-riviera>header{background:#edffff86!important;color:#123e48}.restaurant-preview.theme-nocturne>header{background:#251b27a3!important;border-color:#f4d3a745;color:#fff0d5}.restaurant-preview.theme-nocturne .restaurant-hero{grid-template-columns:.9fr 1.1fr;min-height:800px}.restaurant-preview.theme-nocturne .restaurant-copy{grid-column:2;background:#261c26b8;border-color:#ffdfb047;color:#fff1da;box-shadow:inset 0 1px 0 #ffecce33,0 25px 60px #0006}.restaurant-preview.theme-nocturne .restaurant-copy>span{color:#eac592}.restaurant-preview.theme-nocturne .restaurant-copy>p{color:#eedeca}.restaurant-preview.theme-nocturne .photo-shade{background:linear-gradient(90deg,#130a1133,#130a1180)}.restaurant-preview .restaurant-story{padding-block:85px}.restaurant-preview .restaurant-menu{box-shadow:none;padding-block:85px}.restaurant-preview .story-gallery img,.restaurant-preview .story-gallery figure{border-radius:16px}.restaurant-preview .restaurant-facts{border-radius:22px;background:color-mix(in srgb,var(--rest-paper) 88%,white);border:1px solid color-mix(in srgb,var(--rest-ink) 15%,transparent);margin-bottom:38px;box-shadow:inset 0 1px 0 #ffffff44}.restaurant-preview .restaurant-facts p,.restaurant-preview .restaurant-facts a{font-size:16px}.restaurant-preview .restaurant-legal{padding-bottom:35px}.demo-footer{padding:25px 4vw;background:#f8f0e6;color:#573c30;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font:14px/1.65 'DM Sans',Arial,sans-serif}.demo-footer p{margin:0}.demo-footer small{font-size:12px}.demo-nocturne .demo-footer{background:#1b1520;color:#d5bea6}.demo-riviera .demo-footer{background:#e4f1ed;color:#234e51}a:focus-visible,summary:focus-visible{outline:3px solid #bd6547;outline-offset:4px}
@media(max-width:800px){.restaurant-preview>header{left:3%;right:3%;padding:12px 18px;min-height:72px;top:16px}.restaurant-preview>header nav{display:none}.restaurant-preview>header{grid-template-columns:1fr auto}.restaurant-preview .restaurant-hero,.restaurant-preview.theme-bistro .restaurant-hero,.restaurant-preview.theme-nocturne .restaurant-hero{grid-template-columns:1fr;align-items:end;min-height:790px;padding:250px 5% 30px}.restaurant-preview .restaurant-copy,.restaurant-preview.theme-nocturne .restaurant-copy{grid-column:auto;padding:28px;max-width:620px}.restaurant-preview .restaurant-copy h1{font-size:48px}.restaurant-preview .restaurant-copy>div{gap:14px;flex-direction:row}.restaurant-preview.theme-riviera .restaurant-hero{min-height:820px;padding:310px 5% 30px}.restaurant-preview.theme-riviera .restaurant-copy{padding:27px}.restaurant-preview .restaurant-story,.restaurant-preview .restaurant-menu{padding:50px 24px}.demo-switch{justify-content:center}.demo-switch>span{font-size:13px}.restaurant-preview .restaurant-facts{margin-inline:18px}.restaurant-preview .restaurant-copy>p{font-size:16px}.restaurant-preview .restaurant-hero .restaurant-copy>div a{font-size:14px}}
@media(max-width:380px){.restaurant-preview>header .restaurant-brand strong{font-size:20px}.restaurant-preview .restaurant-copy h1{font-size:40px}.restaurant-preview .restaurant-copy,.restaurant-preview.theme-riviera .restaurant-copy{padding:23px}.demo-switch a{padding:8px 14px}.restaurant-preview>header .reserve-link{padding:10px 13px}.restaurant-preview .restaurant-copy>div{flex-direction:column;align-items:flex-start}.restaurant-preview.theme-riviera .restaurant-copy>div{align-items:center}.restaurant-preview .restaurant-hero{min-height:840px}.restaurant-preview .menu-item>span{max-width:30%}}
.restaurant-preview[class] .restaurant-hero .restaurant-visual{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;order:0;z-index:-1}
.restaurant-preview.theme-bistro>header{color:#482619}
.restaurant-preview.theme-bistro .restaurant-copy{background:#fff2e6b0}
.restaurant-preview[class] .restaurant-copy{min-height:0}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* One mobile gutter; keep the template's container rules from removing card padding. */
@media(max-width:800px){
  body{--demo-gutter:clamp(16px,5vw,24px)}
  .demo-switch,.demo-footer{padding-inline:var(--demo-gutter)}
  .restaurant-preview[class]>header{left:var(--demo-gutter);right:var(--demo-gutter);width:auto;padding-inline:16px;gap:12px}
  .restaurant-preview[class] .restaurant-hero{padding-inline:var(--demo-gutter)}
  .restaurant-preview[class] .restaurant-hero .restaurant-copy{width:100%;max-width:none;padding:24px}
  .restaurant-preview[class] .restaurant-story,.restaurant-preview[class] .restaurant-menu{padding-inline:var(--demo-gutter)}
  .restaurant-preview[class] .restaurant-facts{margin:24px var(--demo-gutter) 32px;overflow:hidden}
  .restaurant-preview[class] .restaurant-facts>div{padding:22px 20px}
  .restaurant-preview[class] .restaurant-legal{padding-inline:var(--demo-gutter)}
}
/* Practical information needs a full row on phones and narrow tablets. */
@media(max-width:900px){
  .restaurant-preview[class] .restaurant-facts{grid-template-columns:minmax(0,1fr);overflow:hidden}
  .restaurant-preview[class] .restaurant-facts>div{min-width:0;padding:22px 20px;border:0}
  .restaurant-preview[class] .restaurant-facts>div+div{border-top:1px solid color-mix(in srgb,var(--rest-ink) 20%,transparent)}
}