:root{color-scheme:dark;--cream:#f8f2ea;--muted:#bba487;--orange:#cf7f28;--brown:#452816;--soft:#382011;--line:#8a572a;--serif:Georgia,"Times New Roman",serif;--sans:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--brown);color:var(--cream);font:1rem/1.6 var(--sans)}a{color:inherit}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip{position:fixed;z-index:20;top:1rem;left:1rem;transform:translateY(-200%);background:white;color:#111;padding:.7rem}.skip:focus{transform:none}header{position:absolute;z-index:10;inset:0 0 auto;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:2rem;padding:1rem max(1.25rem,calc((100vw - 76rem)/2));background:linear-gradient(#150c07e8,transparent)}.logo{display:block;width:7rem;text-decoration:none}.logo img{display:block;width:100%;height:auto}nav{display:flex;justify-content:center;gap:clamp(1rem,3vw,2.5rem)}nav a{min-height:44px;display:flex;align-items:center;font-weight:700;text-decoration:none}nav a:hover{color:var(--orange)}select,#toggle{min-height:44px;border:1px solid var(--line);background:transparent;color:var(--cream);padding:0 .8rem;font-weight:700}#toggle{display:none}.button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;padding:.75rem 1.8rem;border:1px solid var(--orange);border-radius:.35rem;background:var(--orange);color:white;font-weight:800;text-decoration:none}.button:hover{background:#a85f18}.outline{background:transparent}.hero,.reserve{position:relative;min-height:100svh;display:grid;place-items:center;overflow:hidden;padding:8rem 1.25rem 4rem}.placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 35% 35%,#5a391d,transparent 38%),linear-gradient(115deg,#28190d,#0e0906 70%);color:#c9ab8155;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.placeholder:after{content:"";position:absolute;inset:0;background:#0c08058c}.hero-content,.reserve-content{position:relative;z-index:1;width:min(100%,70rem);text-align:center}.eyebrow{margin:0 0 1.5rem;color:var(--orange);font-weight:800;letter-spacing:.24em;text-transform:uppercase}.hero-logo{display:block;width:min(80vw,34rem);height:auto;margin:8vh auto 3rem;filter:drop-shadow(0 1rem 1rem #0008)}.tagline{font:clamp(1.5rem,3vw,2.5rem) var(--serif)}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}.section{padding:clamp(5rem,10vw,9rem) max(1.25rem,calc((100vw - 76rem)/2));border-top:1px solid var(--line)}h1,h2{margin:0;font:700 clamp(3rem,7vw,6rem)/1.02 var(--serif);letter-spacing:-.035em}.copy{display:grid;grid-template-columns:1fr 1fr;gap:4rem;max-width:62rem;margin:4rem 0 0 auto;color:var(--muted);font-size:1.15rem}.copy p:first-child{color:var(--cream);font-weight:700}.alt{background:var(--soft)}.center{text-align:center}.dishes{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:4rem 0 3rem}.dishes article{aspect-ratio:4/5;display:grid;align-items:end;padding:1.5rem;border:1px solid var(--line);background:linear-gradient(145deg,#4b2d14,#1b1007 60%,#0c0805);color:var(--muted);font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hours{margin:4rem 0 0;border:1px solid var(--line)}.hours div{display:flex;justify-content:space-between;padding:2rem clamp(1.25rem,4vw,3rem)}.hours div+div{border-top:1px solid var(--line)}.hours dt{color:var(--muted);font-size:1.2rem}.hours dd{margin:0;font-size:1.3rem;font-weight:800}.note{text-align:center;color:var(--muted)}.reserve{min-height:42rem;place-items:center start;padding-inline:max(1.25rem,calc((100vw - 76rem)/2))}.reserve-content{text-align:left;max-width:60rem}.reserve-content p:not(.eyebrow){font-size:1.2rem}.reserve-content .actions{justify-content:flex-start}footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:4rem;padding:4rem max(1.25rem,calc((100vw - 76rem)/2));border-top:1px solid var(--line);color:var(--muted)}footer h2{color:var(--cream);font-size:1.15rem;letter-spacing:.1em;text-transform:uppercase}address{font-style:normal}.footer-logo{width:11rem;margin-bottom:2rem}@media(max-width:52rem){header{grid-template-columns:auto 1fr auto}.headbook{display:none}#toggle{display:block;justify-self:end}nav{display:none;position:absolute;top:100%;left:1.25rem;right:1.25rem;flex-direction:column;padding:1rem;background:#180f07f7;border:1px solid var(--line)}nav.open{display:flex}.copy,footer{grid-template-columns:1fr}}@media(max-width:40rem){.dishes{grid-template-columns:1fr}.dishes article{aspect-ratio:4/3}.hours div{flex-direction:column}.hero-logo{margin-block:12vh 3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage composition based on the supplied reference. */
.hero{min-height:100svh;padding:8.5rem 1.25rem 3rem}
.hero .placeholder{background-color:#332316;background-image:url("assets/hero-wood.jpg");background-repeat:repeat-x;background-position:center;background-size:auto min(100%,850px);color:transparent}
.hero .placeholder::before{content:"";position:absolute;inset:0;background:rgba(63,45,31,.22)}
.hero .placeholder::after{background:linear-gradient(to bottom,rgba(75,43,24,0) 32%,rgba(75,43,24,.32) 55%,rgba(75,43,24,.78) 78%,#4b2b18 100%),linear-gradient(90deg,rgba(20,12,7,.24),rgba(86,62,42,.08) 50%,rgba(20,12,7,.24))}
.hero-content{height:min(75vh,48rem);display:grid;grid-template-rows:auto 1fr auto auto;align-items:center}
.hero-content .eyebrow{align-self:start;margin:0;font-size:clamp(.85rem,1.7vw,1.35rem);letter-spacing:.3em}
.hero-logo{width:min(66vw,33rem);margin:auto;align-self:center}
.tagline{margin:0 0 1.8rem;font-size:clamp(1.45rem,3vw,2.35rem)}
.hero-content .actions{margin:0}.hero-content .button{min-width:clamp(12rem,22vw,19rem)}
@media(max-width:40rem){.hero{padding-top:7.5rem}.hero .placeholder{background-size:auto 100%}.hero-content{height:min(78vh,43rem)}.hero-logo{width:min(86vw,27rem);margin:auto}.hero-content .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:.7rem}.hero-content .button{min-width:0;padding-inline:.7rem}}


.story{background:linear-gradient(to bottom,#452816 0%,#452816 72%,#382011 100%)}

/* Continuous page treatment: no section dividers or alternating brown panels. */
body{background:linear-gradient(180deg,#4b2b18 0%,#412414 30%,#351d10 62%,#28160c 82%,#211107 100%)}
.section,.alt,.story,footer{background:transparent;border-top:0}
.hours{display:grid;gap:.55rem;border:0}
.hours div,.hours div+div{border:0;background:rgba(20,10,4,.14)}
.button{transition:transform .2s ease,background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.button:hover,.button:focus-visible{transform:scale(1.035);box-shadow:0 .7rem 1.5rem rgba(12,6,2,.24)}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover,.button:focus-visible{transform:none}}

/* Dark, warm brown direction matched to the supplied references. */
body{background:linear-gradient(180deg,#1a1008 0%,#241408 34%,#1d1007 67%,#140b05 100%)}
.hero .placeholder::after{background:linear-gradient(to bottom,rgba(26,16,8,0) 40%,rgba(26,16,8,.38) 64%,rgba(26,16,8,.82) 84%,#1a1008 100%),linear-gradient(90deg,rgba(12,7,4,.34),rgba(44,28,16,.1) 50%,rgba(12,7,4,.34))}
.hours div,.hours div+div{background:rgba(8,4,2,.16)}
/* Flat color surfaces: no glow, radial light, or page-wide gradient. */
body{background:#1a1008}
.section,.alt,.story,footer{background:#1a1008}
.reserve{background:#160c06}
.reserve .placeholder{background:#160c06;color:transparent}
.reserve .placeholder::before,.reserve .placeholder::after{display:none}
.hours div,.hours div+div{background:#160c06}