#menu-page-header{position:relative;z-index:0;isolation:isolate;background:var(--c-bg);border-bottom:1px solid var(--c-line);padding-block:clamp(2rem,1.5rem + 2.4vw,3.5rem);overflow:hidden}
#menu-page-header .header-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-4);align-items:start}
#menu-page-header .header-grid__title{min-width:0}
#menu-page-header h1{margin:0;font-size:clamp(2.05rem,1.45rem + 2.2vw,3.4rem);line-height:1.06;max-width:32ch}
#menu-page-header .header-grid__aside{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sp-3)}
#menu-page-header .lead{margin:0;max-width:46ch}
#menu-page-header .header-cta{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-top:var(--sp-2);max-width:100%}
#menu-page-header .header-cta .btn{flex:0 1 auto;max-width:100%;text-align:center}
#menu-page-header .header-cta__alt{background:transparent;color:var(--c-text);border-color:var(--c-text)}
#menu-page-header .header-cta__alt:hover,#menu-page-header .header-cta__alt:focus-visible{background:var(--c-text);border-color:var(--c-text);color:var(--c-bg)}
#menu-page-header .header-phone{margin:0;font-size:1.0625rem}
#menu-page-header .header-phone a{display:inline-flex;align-items:center;min-height:44px;color:var(--c-secondary-deep);text-decoration:none}
#menu-page-header .header-phone a:hover,#menu-page-header .header-phone a:focus-visible{color:var(--c-primary-deep)}
@media (min-width:768px){
  #menu-page-header .header-grid{gap:var(--sp-5)}
  #menu-page-header .header-cta{margin-top:0}
}
@media (min-width:1100px){
  #menu-page-header .header-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:var(--sp-6);row-gap:var(--sp-5)}
  #menu-page-header .header-grid__aside{padding-inline-start:var(--sp-5);border-inline-start:1px solid var(--c-line);justify-content:flex-end;gap:var(--sp-4)}
  #menu-page-header .lead{max-width:36ch}
}

#the-flavor-menu .menu-head{margin-bottom:var(--sp-5)}
#the-flavor-menu h2{margin-bottom:var(--sp-2)}
#the-flavor-menu .menu-intro{margin:0;font-size:1.0625rem;max-width:52ch}
#the-flavor-menu .menu-intro .price-chip{margin:0 .15rem}
#the-flavor-menu .menu-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--sp-3)}
#the-flavor-menu .flavor-card{position:relative;min-width:0;background:var(--c-surface);border:1.5px solid rgba(208,157,54,.55);border-radius:var(--r-md);overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--mo-quick) var(--mo-ease),transform var(--mo-dur) var(--mo-ease)}
#the-flavor-menu .flavor-card:hover{border-color:var(--c-primary-deep)}
#the-flavor-menu .flavor-card__chip{position:absolute;top:12px;right:12px;z-index:2}
#the-flavor-menu .flavor-card__media{border-radius:0;background:var(--c-bg)}
#the-flavor-menu .flavor-card__media img{border-radius:0;width:100%}
#the-flavor-menu .flavor-card__body{padding:var(--sp-3)}
#the-flavor-menu .flavor-card__body h3{font-family:var(--ff-display);font-weight:600;font-size:1.35rem;line-height:1.15;margin:0 0 .4rem}
#the-flavor-menu .flavor-card__body p{margin:0;font-size:.9688rem;line-height:1.55;max-width:38ch}
#the-flavor-menu .new-label{display:inline-block;margin-right:.5rem;font-family:var(--ff-body);font-weight:700;font-size:12px;line-height:1.4;letter-spacing:.1em;text-transform:uppercase;color:var(--c-secondary-deep)}
#the-flavor-menu .menu-note{min-width:0;background:var(--c-bg);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4);display:flex;flex-direction:column;justify-content:center}
#the-flavor-menu .menu-note h3{font-family:var(--ff-display);font-weight:700;font-size:1.25rem;margin:0 0 .5rem}
#the-flavor-menu .menu-note p{margin:0;font-size:1rem;max-width:40ch}
#the-flavor-menu .menu-note a{color:var(--c-secondary-deep);font-weight:700}
@media (min-width:768px){
  #the-flavor-menu .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-4)}
  #the-flavor-menu .flavor-card--feature{grid-column:span 2}
  #the-flavor-menu .flavor-card--feature .flavor-card__media img{aspect-ratio:16/9}
  #the-flavor-menu .flavor-card--feature .flavor-card__body h3{font-size:1.7rem}
  #the-flavor-menu .menu-note{grid-column:span 2}
}
@media (min-width:1100px){
  #the-flavor-menu .menu-grid{grid-template-columns:repeat(12,minmax(0,1fr))}
  #the-flavor-menu .flavor-card{grid-column:span 3}
  #the-flavor-menu .flavor-card--feature{grid-column:1 / span 6;grid-row:1 / span 2}
  #the-flavor-menu .flavor-card--feature .flavor-card__media{flex:1 1 auto;min-height:0;height:auto}
  #the-flavor-menu .flavor-card--feature .flavor-card__media img{aspect-ratio:auto;height:100%;min-height:320px;object-fit:cover}
  #the-flavor-menu .flavor-card--feature .flavor-card__body{padding:var(--sp-4)}
  #the-flavor-menu .flavor-card--feature .flavor-card__body p{font-size:1.0625rem;max-width:44ch}
  #the-flavor-menu .menu-note{grid-column:7 / span 6}
}
@media (prefers-reduced-motion:no-preference){
  #the-flavor-menu .menu-grid > * .price-chip{transform:rotate(-6deg);transition:transform var(--mo-dur) var(--mo-ease)}
  #the-flavor-menu .menu-grid.is-visible > * .price-chip,#the-flavor-menu .menu-grid > .is-visible .price-chip{transform:rotate(-2deg)}
}

#what-a-jar-actually-is{background:var(--c-bg)}
#what-a-jar-actually-is h2{margin-bottom:var(--sp-3)}
#what-a-jar-actually-is .jar-lead{font-family:var(--ff-display);font-weight:600;font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.4;max-width:56ch;margin:0 0 var(--sp-5)}
#what-a-jar-actually-is .jar-facts{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
#what-a-jar-actually-is .jar-fact{border-top:2px solid var(--c-accent);padding-top:20px}
#what-a-jar-actually-is .jar-fact h3{font-family:var(--ff-display);font-weight:600;font-size:1.1875rem;line-height:1.25;margin:0 0 .5rem;max-width:24ch}
#what-a-jar-actually-is .jar-fact p{margin:0;font-size:1rem;line-height:1.6;max-width:34ch}
#what-a-jar-actually-is .jar-ask{margin:var(--sp-5) 0 0;font-size:1rem;max-width:58ch;padding-top:20px;border-top:1px solid var(--c-line)}
#what-a-jar-actually-is .jar-ask a{color:var(--c-secondary-deep);font-weight:700}
@media (min-width:768px){#what-a-jar-actually-is .jar-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-5)}}

#contact{padding-block:clamp(2.5rem,2rem + 2.6vw,4.25rem)}
#contact .contact-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-5)}
#contact h2{margin-bottom:var(--sp-2)}
#contact .contact-copy p{max-width:38ch}
#contact .contact-phone{margin:var(--sp-3) 0 .25rem;font-size:clamp(1.35rem,1.1rem + 1vw,1.75rem)}
#contact .contact-phone a{color:var(--c-accent);text-decoration:none}
#contact .contact-phone a:hover{color:var(--c-primary)}
#contact .contact-hours{margin:0;opacity:.85}
#contact .form-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-md);padding:var(--sp-4)}
#contact .form-row{display:grid;grid-template-columns:1fr;gap:var(--sp-3)}
#contact .field{margin-bottom:var(--sp-3)}
#contact .form-row .field{margin-bottom:0}
#contact .form-row{margin-bottom:var(--sp-3)}
#contact label{display:block;font-family:var(--ff-body);font-weight:700;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text);margin-bottom:.4rem}
#contact input,#contact textarea{width:100%;min-height:48px;padding:.7rem .85rem;font-family:var(--ff-body);font-size:1rem;line-height:1.5;color:var(--c-text);background:#FFFFFF;border:1.5px solid rgba(47,29,18,.3);border-radius:var(--r-sm)}
#contact textarea{min-height:120px;resize:vertical}
#contact input::placeholder,#contact textarea::placeholder{color:rgba(47,29,18,.55)}
#contact input:focus-visible,#contact textarea:focus-visible{border-color:var(--c-secondary-deep)}
#contact .form-submit{width:100%;margin-top:var(--sp-1)}
#contact .form-next{margin:var(--sp-2) 0 0;font-size:.875rem;line-height:1.5;color:var(--c-text);max-width:44ch}
@media (min-width:560px){#contact .form-row{grid-template-columns:repeat(2,minmax(0,1fr))}#contact .form-submit{width:auto}}
@media (min-width:1100px){#contact .contact-grid{grid-template-columns:.85fr 1.15fr;gap:var(--sp-6);align-items:start}}