/* Common revision: simple food-shop presentation, no changes to chosen hero assets. */
html {scroll-behavior:smooth}
section[id] {scroll-margin-top:90px}
#about {display:block!important}
#about h2 {margin-bottom:28px}
#about .about-block {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;align-items:center}
#about .about-block+.about-block {margin-top:34px}
#about .about-block img {width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}
#about .about-copy h3 {font-family:inherit;font-size:21px;font-weight:700;line-height:1.6;margin:0 0 10px}
#about .about-copy p {font-size:18px;font-weight:400;line-height:1.85;margin:0}
.items {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.items article {border:1px solid #d7e0dc!important;display:grid!important;grid-template-rows:minmax(0,3fr) minmax(0,2fr)!important;height:340px!important;padding:0!important;overflow:hidden}
.items article img {width:100%!important;height:100%!important;object-fit:contain!important;aspect-ratio:auto!important;background:#fffdf7}
.items .item-copy {height:auto!important;min-width:0;padding:12px!important;display:flex!important;flex-direction:column;justify-content:center}
.items h3 {font-size:20px!important;line-height:1.4!important;margin:0 0 5px!important}
.items p {font-size:16px!important;line-height:1.5!important;margin:0 0 5px!important}
.items .price {font-size:21px!important;font-variant-numeric:lining-nums tabular-nums;margin:0!important}
.items .price span {font-size:14px!important}
.menu>.note {font-size:16px!important}
.access {grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:24px!important}
.access dl>div {display:grid;grid-template-columns:80px minmax(0,1fr);gap:8px;align-items:start;padding:10px 0!important}
.access dt {margin:0!important;font-size:16px!important;line-height:1.6!important}
.access dd {margin:0!important;font-size:17px!important;line-height:1.6!important}
.map-frame {align-self:center}
@media (min-width:761px) and (max-width:1000px){
 .hero-copy {max-width:48%!important}
 #about .about-block {gap:20px}
 .items {grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 .items article {height:320px!important}
 .items .item-copy {padding:8px!important}
 .items h3 {font-size:18px!important}
 .items p {font-size:14px!important}
}
@media(max-width:760px){
 .section {padding:28px 18px!important}
 #about>.eyebrow {display:none}
 #about h2 {font-size:24px;line-height:1.5;margin-bottom:20px}
 #about .about-block {grid-template-columns:minmax(0,1fr);gap:12px}
 #about .about-block+.about-block {margin-top:26px}
 #about .about-block img {height:auto;max-height:190px;aspect-ratio:3/2;object-fit:cover}
 #about .about-exterior img {order:-1}
 #about .about-copy h3 {font-size:19px;line-height:1.5;margin-bottom:7px}
 #about .about-copy p {font-size:16px;line-height:1.75}
 .menu {padding:24px 12px!important}
 .menu>h2 {font-size:24px!important}
 .menu>p:not(.eyebrow) {font-size:16px!important;line-height:1.6!important}
 .items {grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}
 .items article {height:250px!important;min-height:0!important;aspect-ratio:auto!important;grid-template-rows:minmax(0,3fr) minmax(0,2fr)!important}
 .items .item-copy {padding:7px!important}
 .items h3 {font-size:16px!important;line-height:1.4!important;margin-bottom:4px!important}
 .items p {font-size:14px!important;line-height:1.4!important;margin-bottom:4px!important;word-break:normal;line-break:strict}
 .items .price {font-size:19px!important;line-height:1.4!important;white-space:nowrap!important}
 .items .price span {font-size:12px!important}
 .access {grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
 .access h2 {margin-bottom:12px}
 .access dl>div {padding:7px 0!important;grid-template-columns:70px minmax(0,1fr);gap:10px}
 .access dt,.access dd {font-size:16px!important;line-height:1.6!important}
 .map-frame {max-width:100%;width:100%;margin:0}
 .map-image {max-height:190px;object-fit:contain!important}
 footer {padding:24px 20px!important}
 footer p,footer a {font-size:16px!important;line-height:1.7!important}
}
@media(max-width:350px){
 .section {padding-left:16px!important;padding-right:16px!important}
 .menu {padding-left:10px!important;padding-right:10px!important}
 .items {gap:8px!important}
 .items article {height:270px!important}
 .items .item-copy {padding:6px!important}
 #about .about-block img {max-height:170px}
}
/* Dimensions matched to the existing common reference at identical widths. */
#about .about-block img {aspect-ratio:1672/941;object-fit:cover}
#about .about-copy h3 {font-size:25.6px}
#about .about-copy p {font-size:17.6px}
@media(max-width:760px){
 #about {padding-left:26px!important;padding-right:26px!important}
 #about .about-block {gap:14px}
 #about .about-block img {max-height:none;aspect-ratio:1672/941;height:auto;object-fit:cover}
 #about .about-copy h3 {font-size:20.8px}
 #about .about-copy p {font-size:16.96px}
}
/* Keep flavor descriptions readable; narrow cards grow rather than shrink text. */
@media(max-width:760px){
 .items article {height:260px!important}
 .items p {font-size:16px!important;line-height:1.35!important}
 .items .price {font-size:19px!important;line-height:1.4!important}
}
@media(max-width:389px){.items article {height:290px!important}}
#about .about-copy h3,footer p {word-break:normal;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}
@media(min-width:761px) and (max-width:1000px){
 #about .about-block {grid-template-columns:minmax(0,1fr);gap:16px}
 #about .about-block img {max-height:260px;object-fit:cover}
 #about .about-exterior img {order:-1}
 #about .about-copy h3 {font-size:23px}
}
/* Chosen B logo: original transparent PNG, shared by all three placements. */
.sidebar .brand {display:block;text-align:center}
.sidebar .site-logo {width:min(100%,200px);height:auto;margin:0 auto}
.footer-brand {display:inline-block;text-decoration:none}
.footer-brand .site-logo {width:144px;height:auto;margin:0 0 12px}
@media(max-width:760px){
 .mobile {min-height:100px!important;padding:6px 18px!important}
 .mobile>a {display:block!important;line-height:1!important}
 .mobile .site-logo {width:86px;height:86px;object-fit:contain}
 .mobile button {min-height:44px}
 section[id] {scroll-margin-top:112px}
 .footer-brand .site-logo {width:130px}
}
#about .about-copy p {word-break:normal;overflow-wrap:break-word;line-break:strict;text-wrap:pretty}
.phrase {white-space:nowrap}