/* Warm stone, a visible wood-fired backdrop and restrained page motion. */
:root{--paper:#f6eddf;--muted:#655f53;--line:#d4c5af}
body{background:radial-gradient(ellipse at 12% 40%,#e3c69f80,transparent 48%),linear-gradient(135deg,#f5ecde,#e9dcc9 70%,#f4eadd)}
.topline{background:#251d16}
.site-header{background:#f6eddfed;backdrop-filter:blur(18px);transition:box-shadow .3s,background .3s}
.site-header.is-scrolled{background:#f6eddf;box-shadow:0 5px 24px #30201418}
.site-header nav a{position:relative;transition:color .25s}
.site-header nav a:after{content:'';position:absolute;bottom:-7px;left:0;right:0;height:2px;background:var(--red);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.site-header nav a[aria-current]:after,.site-header nav a:hover:after{transform:scaleX(1)}
.scroll-progress{position:absolute;left:0;right:0;bottom:-1px;height:3px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#93322b,#d79d51);pointer-events:none}
.hero{position:relative;isolation:isolate;overflow:hidden;max-width:none;background:#2d2119;padding-top:38px;padding-bottom:43px;border-bottom:4px solid #bd8851;color:#fff4e2}
.hero:before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(29,21,15,.87) 0%,rgba(35,23,14,.72) 39%,rgba(41,26,14,.32) 75%,rgba(41,26,14,.5)),url('/assets/hero.webp') center center/cover no-repeat}
.hero:after{content:'';position:absolute;inset:5% 15% -15% -10%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 45% 65%,#ff96293d,transparent 55%);animation:oven-warmth 12s ease-in-out infinite alternate}
.hero-copy{position:relative;z-index:1}
.hero .eyebrow{color:#f4d5a3}
.hero .little-line{background:#e3b374}
.hero h1{color:#fff5e7;text-shadow:0 3px 30px #160a0550}
.hero h1 em{color:#efc082}
.hero-desc{color:#f0dfc8}
.hero-proof{color:#ead5b7}
.hero-proof span+span{border-color:#d0ac7555}
.hero .button{background:#a64432;border:1px solid #d87d5155;box-shadow:0 5px 22px #140b0755}
.hero .button:hover{background:#b8523d;box-shadow:0 8px 30px #ff962925;transform:translateY(-3px)}
.hero-photo{border:1px solid #e2bd7950;box-shadow:0 20px 55px #160b0850;border-radius:7px}
.round-stamp{color:#352718;box-shadow:0 8px 25px #0003}
.menu-section{background:radial-gradient(ellipse at 90% 5%,#d9b88b35,transparent 60%)}
.menu-tools{border-color:#c9b89c}
.category{transition:background .25s,color .25s,box-shadow .25s,transform .25s}
.category[aria-pressed=true]{background:#352d22;box-shadow:0 4px 12px #38261218}
.category:hover{transform:translateY(-2px)}
.product{background:#fff9ef;border:1px solid #d8c8ae;border-radius:7px;padding:15px 15px 21px;box-shadow:0 7px 24px #58381308;transition:transform .25s,box-shadow .25s,border-color .25s}
.product.no-photo{background:#f9efdf;border:1px solid #d8c8ae}
.product:hover{transform:translateY(-5px);border-color:#bb9670;box-shadow:0 15px 32px #58381317}
.product-image{border-radius:4px}
.add-button{transition:background .2s,color .2s,border-color .2s,transform .2s}
.add-button:active,.button:active{transform:scale(.97)}
.menu-bottom{border-color:#c9b89c}
.oven{background:linear-gradient(125deg,#31271d,#1f2119)}
.contact{background:radial-gradient(ellipse at 15% 80%,#d8b07b33,transparent 70%)}
footer{border-color:#c9b89c}
.button,.text-link,.light-link{transition:background .25s,transform .25s,box-shadow .25s}
.text-link:hover,.light-link:hover{transform:translateX(4px)}
@keyframes oven-warmth{from{opacity:.35;transform:translate(-12px,8px)}to{opacity:1;transform:translate(15px,-8px)}}
@media(min-width:1600px){.hero{padding-left:max(60px,calc((100vw - 1440px)/2));padding-right:max(45px,calc((100vw - 1460px)/2))}}
@media(max-width:700px){
  .hero{padding:0 0 25px;border-bottom-width:3px}
  .hero:before{background:linear-gradient(180deg,#241a12d9 0%,#281d14b8 46%,#251910db 100%),url('/assets/hero.webp') 40% top/auto 100% no-repeat}
  .hero-copy{padding-top:36px;padding-bottom:30px}
  .hero-photo{margin:0 5%;box-shadow:0 12px 35px #160b0870}
  .hero-proof{margin-top:29px}
  .product{padding:12px 12px 19px}
  .product.no-photo{padding:23px}
  .product:hover{transform:none;box-shadow:0 7px 24px #58381308}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero:after{animation:none;opacity:.55;transform:none}
  *,*:before,*:after{transition:none!important;animation:none!important}
}