
:root{
  --ink:#574431;
  --brown:#6f5742;
  --terracotta:#c56a45;
  --mustard:#d8a14e;
  --olive:#75845c;
  --cream:#f6eddb;
  --paper:#fffaf0;
  --line:rgba(87,68,49,.18);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Georgia,"Times New Roman",serif;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;width:100%}
button,input,textarea,select{font:inherit}
.page-frame{
  width:min(1260px,calc(100% - 32px));margin:16px auto;background:var(--paper);
  border:1px solid var(--line);box-shadow:0 15px 50px rgba(82,61,40,.08)
}
.masthead{
  text-align:center;padding:1.2rem 2rem .8rem;border-bottom:1px solid var(--line);
  position:sticky;top:0;background:rgba(255,250,240,.96);backdrop-filter:blur(12px);z-index:40
}
.brand{font-size:2rem;font-weight:700;letter-spacing:-.03em}
.brand small{display:block;font-family:Arial,Helvetica,sans-serif;font-size:.58rem;letter-spacing:.22em;color:var(--terracotta);margin-top:.25rem}
.board-nav{
  display:flex;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:.9rem;
  font-family:Arial,Helvetica,sans-serif
}
.board-nav a{font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;padding:.35rem .45rem;border-bottom:2px solid transparent}
.board-nav a.active,.board-nav a:hover{border-color:var(--terracotta)}
.mobile-menu{display:none;border:1px solid var(--line);background:transparent;padding:.5rem .7rem}
.hero{display:grid;grid-template-columns:.92fr 1.08fr;min-height:76vh;border-bottom:1px solid var(--line)}
.hero-copy{padding:7vw 5vw;align-self:center}
.kicker{font-family:Arial,Helvetica,sans-serif;font-size:.66rem;letter-spacing:.2em;font-weight:800;color:var(--terracotta)}
h1,h2,h3{letter-spacing:-.03em}
h1{font-size:clamp(4rem,7vw,7rem);line-height:.92;margin:.7rem 0 1.3rem}
.hero-copy>p{font-family:Arial,Helvetica,sans-serif;max-width:590px;color:#806c5b;font-size:1.03rem}
.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.8rem;font-family:Arial,Helvetica,sans-serif}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.1rem;border:1px solid var(--ink);font-weight:800;cursor:pointer}
.btn.primary{background:var(--ink);color:#fff}.btn.primary:hover{background:var(--terracotta);border-color:var(--terracotta)}
.hero-art{padding:4vw;display:flex;align-items:center;background:#f0e3cc}
.hero-art img{border:1px solid var(--line)}
.daily-board{
  display:grid;grid-template-columns:1.1fr .9fr;background:var(--brown);color:#fff;border-bottom:1px solid var(--line)
}
.daily-copy{padding:5vw}.daily-copy .kicker{color:#f1c98f}.daily-copy h2{font-size:clamp(3rem,5vw,5rem);line-height:.95;margin:.5rem 0}.daily-copy p{font-family:Arial;color:#e4d8ce}
.menu-board{margin:4vw;background:#2f3b2c;color:#fff;padding:2rem;border:10px solid #8a6848;box-shadow:inset 0 0 0 2px #d8b17e}
.menu-board h3{font-size:2rem;margin:.2rem 0 1rem}.menu-board ul{padding-left:1.2rem}.menu-board li{margin:.5rem 0}.day-switch{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:1.5rem}
.day-switch button{background:transparent;color:#fff;border:1px solid #ffffff55;padding:.55rem .7rem;cursor:pointer;font-family:Arial}.day-switch button.active{background:#f1c98f;color:#2f3b2c;border-color:#f1c98f}
.section{padding:6vw 5vw}.section.alt{background:#f2e7d3}
.section-head{display:grid;grid-template-columns:.75fr 1.25fr;gap:4vw;align-items:end;margin-bottom:2.5rem}.section-head h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95;margin:.4rem 0}.section-head p{font-family:Arial;color:#806d5c;max-width:620px;margin:0}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.recipe-card{border:1px solid var(--line);background:#fff}.recipe-card img{aspect-ratio:1.2/1;object-fit:cover}.recipe-copy{padding:1.2rem}.recipe-copy h3{font-size:1.45rem;margin:.2rem 0}.recipe-copy p{font-family:Arial;color:#806e5d}.recipe-copy strong{color:var(--terracotta)}
.table-story{display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center}.table-story img{border:1px solid var(--line);background:#f3e5cf}.table-story h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.table-story p{font-family:Arial;color:#806c5a}
.values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.values article{padding:1.5rem;border-right:1px solid var(--line)}.values article:last-child{border-right:0}.values b{font-family:Arial;font-size:.7rem;color:var(--terracotta)}.values h3{font-size:1.35rem;margin:.7rem 0}.values p{font-family:Arial;color:#806e5c;font-size:.9rem}
.footer{padding:3rem 5vw;border-top:1px solid var(--line);display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:2rem;font-family:Arial}.footer h4{margin:0 0 .8rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.footer a,.footer p{display:block;font-size:.8rem;color:#806d5b;margin:.25rem 0}
.page-hero{padding:6vw 5vw;background:#f2e6d2;border-bottom:1px solid var(--line)}.page-hero h1{font-size:clamp(3.4rem,6vw,6.5rem)}
.catalog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.catalog-card{border:1px solid var(--line);background:#fff;padding:1.3rem}.catalog-card h3{margin:.2rem 0}.catalog-card p{font-family:Arial;color:#806d5b}.catalog-card strong{color:var(--terracotta)}
.filters{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:2rem;font-family:Arial}.filters button{border:1px solid var(--line);background:#fff;padding:.6rem .8rem;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.catalog-card.hidden{display:none}
.form-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;padding:6vw 5vw}.form-info h2{font-size:clamp(2.8rem,5vw,5rem);line-height:.95}.form-info p{font-family:Arial;color:#806d5b}.form{display:grid;gap:1rem;font-family:Arial}.field label{display:block;font-size:.7rem;letter-spacing:.12em;font-weight:800;margin-bottom:.35rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fff;padding:.9rem}.status{min-height:1.3em;color:var(--terracotta);font-weight:800}
.timeline{display:grid;grid-template-columns:140px 1fr;gap:1rem 2rem}.timeline .year{font-family:Arial;color:var(--terracotta);font-weight:800;border-top:1px solid var(--line);padding-top:1rem}.timeline .event{border-top:1px solid var(--line);padding:1rem 0}.timeline .event h3{margin:0 0 .4rem}.timeline .event p{font-family:Arial;color:#806d5b}
@media(max-width:900px){
  .hero,.daily-board,.table-story,.form-layout{grid-template-columns:1fr}
  .hero-copy{padding:12vw 5vw 5vw}.hero-art{padding:0 5vw 8vw}
  .section-head{grid-template-columns:1fr}.recipe-grid{grid-template-columns:1fr 1fr}.values{grid-template-columns:1fr 1fr}
  .menu-board{margin-top:0}.catalog-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .page-frame{width:100%;margin:0;border:0}.masthead{padding:1rem 20px}.board-nav{display:none}.mobile-menu{display:inline-block;margin-top:.8rem}.masthead.menu-open .board-nav{display:flex;flex-direction:column;align-items:center}
  .hero-copy{padding:16vw 20px 5vw}.hero-art{padding:0 20px 12vw}h1{font-size:clamp(3.2rem,16vw,5rem)}
  .section,.page-hero,.form-layout{padding-left:20px;padding-right:20px}.recipe-grid,.values{grid-template-columns:1fr}.values article{border-right:0;border-bottom:1px solid var(--line)}
  .daily-copy{padding:14vw 20px 4vw}.menu-board{margin:0 20px 14vw}.footer{grid-template-columns:1fr;padding-left:20px;padding-right:20px}
  .timeline{grid-template-columns:1fr}.timeline .year{padding-bottom:0}
}
