@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Work+Sans:wght@400;500;600&display=swap');
:as-root,.as-root { --bg:#e8f1f6; --ink:#1c2430; --accent:#3d5a73; --muted:#5d6b78; --panel:#d5e4ee; --band:#c2d5e3; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.as-body { margin:0; font-family:'Work Sans',sans-serif; background:var(--bg); color:var(--ink); line-height:1.65; }
.as-brand, .as-display, h1, h2, h3 { font-family:'Cormorant Garamond',serif; font-weight:600; line-height:1.15; }
a { color:var(--accent); }
a:hover { text-decoration-thickness:2px; }
.as-wrap { width:min(1100px,92vw); margin:0 auto; }
.as-header { padding:1rem 4vw; display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; position:relative; z-index:20; }
.as-brand { font-size:clamp(1.4rem,3vw,2rem); text-decoration:none; color:var(--ink); }
.as-nav { display:flex; flex-wrap:wrap; gap:.75rem 1.1rem; align-items:center; }
.as-nav a { text-decoration:none; color:var(--ink); font-size:.95rem; }
.as-nav a.as-is-active { color:var(--accent); }
.as-nav-toggle { display:none; background:var(--panel); border:1px solid var(--muted); color:var(--ink); padding:.5rem .8rem; cursor:pointer; }
.as-hero { min-height:72vh; display:flex; flex-direction:column; justify-content:flex-end; padding:4rem 6vw 3rem; background:var(--panel); position:relative; overflow:hidden; }
.as-hero .as-brand-hero { font-size:clamp(2rem,6vw,4rem); margin:0 0 .5rem; }
.as-hero h1 { font-size:clamp(1.4rem,3vw,2.2rem); margin:0 0 .75rem; max-width:20ch; }
.as-hero p { max-width:40ch; margin:0 0 1.25rem; color:var(--muted); }
.as-cta { display:inline-flex; gap:.75rem; flex-wrap:wrap; }
.as-cta a { display:inline-block; padding:.7rem 1.1rem; background:var(--accent); color:var(--bg); text-decoration:none; border:1px solid var(--accent); }
.as-cta a.as-ghost { background:transparent; color:var(--ink); border-color:var(--ink); }
main.as-main { padding:2.5rem 0 4rem; }
.as-section { padding:2.5rem 6vw; }
.as-section h2 { font-size:clamp(1.5rem,3vw,2.2rem); margin:0 0 1rem; }
.as-prose { max-width:68ch; }
.as-prose p { margin:0 0 1rem; }
.as-split { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }
@media(max-width:800px){ .as-split { grid-template-columns:1fr; } }
.as-hours { display:flex; flex-wrap:wrap; gap:.5rem 1.5rem; padding:.75rem 6vw; background:var(--band); font-size:.9rem; }
.as-footer { padding:2.5rem 6vw; border-top:1px solid var(--band); margin-top:2rem; }
.as-footer a { color:var(--ink); }
.as-form { display:grid; gap:.9rem; max-width:32rem; }
.as-form label { display:grid; gap:.35rem; font-size:.9rem; }
.as-form input, .as-form textarea { font:inherit; padding:.65rem .7rem; border:1px solid var(--muted); background:var(--bg); color:var(--ink); }
.as-form button, .as-cookie-actions button { font:inherit; cursor:pointer; padding:.65rem 1rem; background:var(--accent); color:var(--bg); border:none; }
.as-form-ok { color:var(--accent); }
.as-cookie { position:fixed; z-index:50; background:var(--panel); border:1px solid var(--muted); padding:1rem; max-width:28rem; box-shadow:0 8px 30px rgba(0,0,0,.2); }
.as-cookie[hidden], .as-cookie-panel[hidden], .as-form-ok[hidden] { display:none !important; }
.as-cookie-actions { display:flex; flex-wrap:wrap; gap:.5rem; margin-top:.75rem; }
.as-contact-block p { margin:.25rem 0; }
.as-faq details { border-bottom:1px solid var(--band); padding:.8rem 0; }
.as-table { width:100%; border-collapse:collapse; }
.as-table th, .as-table td { border-bottom:1px solid var(--band); text-align:left; padding:.6rem .3rem; }
.as-dl dt { font-weight:700; margin-top:.8rem; }
.as-dl dd { margin:0 0 .4rem; color:var(--muted); }
.as-toc a { display:block; padding:.4rem 0; }
.as-rule { border:0; border-top:1px solid var(--band); margin:2rem 0; }
.as-frame { border:2px solid var(--ink); padding:1.2rem; margin:1.5rem 0; }
.as-stamp { font-family:ui-monospace,monospace; border:1px dashed var(--muted); padding:1rem; display:inline-block; }
.as-dock { display:none; }
@media(max-width:860px){
  .as-nav-toggle { display:inline-block; }
  .as-nav { display:none; width:100%; flex-direction:column; align-items:flex-start; padding:1rem 0; }
  .as-nav.as-open { display:flex; }
}
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after { animation:none !important; transition:none !important; }
}
.as-cookie{left:0;right:0;bottom:0;width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
/* recipe motion / header variants */
.as-header{position:absolute;left:0;right:0;background:transparent}.as-header a{color:var(--ink)}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:3px;transition:outline-offset .2s}
.as-footer .as-dl{margin-bottom:1rem}