@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#182d25;--green:#244f3a;--cream:#f8f5ed;--lime:#d3deaa;--muted:#687469}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d68a47;outline-offset:3px}.skip{position:absolute;top:-100px;background:white;padding:1rem;z-index:4}.skip:focus{top:0}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.announcement{text-align:center;background:var(--ink);color:#f7f3e8;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase;padding:.6rem}.header-inner,.wrap,.hero-inner,.footer-inner,.footer-bottom{max-width:1320px;margin:auto;padding-left:5%;padding-right:5%}header{background:#fffdf8}.header-inner{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:.7rem;font-weight:700;letter-spacing:.1em;line-height:1}.brand small,.footer-brand small{display:block;font-size:.55rem;letter-spacing:.18em;margin-top:.35rem}.brand-mark{border:2px solid var(--green);border-radius:50%;height:42px;width:42px;display:grid;place-items:center;font-family:Georgia;font-size:1.6rem}.header-inner nav{display:flex;gap:2rem;font-size:.87rem;font-weight:600}.notice{background:#fff1c9;text-align:center;padding:.75rem;font-size:.85rem}.hero{background:#e6ead7}.hero-inner{min-height:470px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:3rem}.eyebrow,.card-kicker{font-size:.68rem;font-weight:700;letter-spacing:.16em;color:#69816c}.hero h1,.detail h1,.visit h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(3rem,5.4vw,5.5rem);line-height:1.05;letter-spacing:-.04em;margin:1.2rem 0}.hero h1 em,.visit h2 em{color:#618163}.hero p,.section-top p{color:#5d6d60;line-height:1.7}.hero p{max-width:470px;font-size:1.05rem}.button{display:inline-flex;gap:2rem;align-items:center;background:var(--green);color:white;padding:1rem 1.4rem;margin-top:1.1rem;font-weight:700;font-size:.85rem}.button:hover{background:#173e2b}.hero-art{height:370px;position:relative;display:grid;place-items:center;background:#cedab7;border-radius:220px 220px 0 0}.art-circle{width:250px;height:250px;border:1px solid #849a7a;border-radius:50%;display:grid;place-items:center;text-align:center;font-family:Georgia;font-size:2rem;line-height:1.2;color:#355941}.art-circle em{font-size:2.6rem}.art-label{position:absolute;right:2rem;bottom:1.5rem;font-size:.6rem;letter-spacing:.16em;line-height:1.7}.catalogue{padding-top:5rem;padding-bottom:5rem}.section-top{display:flex;justify-content:space-between;align-items:end}.section-top h2,.visit h2{font-family:"Playfair Display",Georgia,serif;font-size:clamp(2.4rem,4vw,3.6rem);margin:.5rem 0}.section-top p{margin:.5rem 0}.count{color:var(--muted);font-size:.8rem}.search{display:flex;align-items:center;background:white;border:1px solid #dce2d8;margin:2rem 0 1.25rem;padding:.4rem .4rem .4rem 1rem}.search span{font-size:1.7rem;color:#788a79}.search input{flex:1;min-width:0;border:0;padding:.8rem;font:inherit;background:transparent}.search button{border:0;background:var(--green);color:#fff;padding:.9rem 1.7rem;font:inherit;font-weight:700;cursor:pointer}.category-nav{display:flex;gap:.5rem;overflow:auto;padding:.25rem 0 1.5rem}.category-nav a{white-space:nowrap;border:1px solid #d5ded2;border-radius:30px;padding:.65rem 1rem;font-size:.8rem}.category-nav a.active{background:var(--green);border-color:var(--green);color:#fff}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.card{background:white;transition:transform .2s}.card:hover{transform:translateY(-4px)}.photo{background:#edf0e7;aspect-ratio:1/1;display:grid;place-items:center;overflow:hidden}.photo img{width:100%;height:100%;object-fit:contain}.placeholder{font:italic 2rem Georgia;color:#9aac94}.placeholder span{font-size:1rem}.card-body{padding:1.2rem}.card-kicker{font-size:.55rem}.card h3{font-size:1rem;min-height:2.6rem;line-height:1.35}.card-bottom{display:flex;justify-content:space-between;font-weight:700;font-size:.9rem}.pagination{display:flex;justify-content:center;gap:2rem;margin-top:2rem}.pagination a{font-weight:bold}.disclaimer{font-size:.8rem;color:#6f7a70;line-height:1.6;margin-top:2rem}.empty{text-align:center;padding:4rem 1rem;background:#eef1e9}.empty a{text-decoration:underline}.visit{background:var(--green);color:white}.visit-inner{padding-top:4rem;padding-bottom:4rem;display:flex;align-items:center;justify-content:space-between}.visit .eyebrow,.visit h2 em{color:#d3deaa}.light{background:#f6f4e9;color:var(--green)}footer{background:#182d25;color:#e9eee5}.footer-inner{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:3rem;padding-top:4rem;padding-bottom:3rem}.footer-inner h2{font-size:.85rem}.footer-inner p{color:#bccbbd;line-height:1.8;font-size:.85rem}.footer-brand{font-size:1.3rem;letter-spacing:.12em;font-weight:700}.footer-bottom{border-top:1px solid #496052;padding-top:1.2rem;padding-bottom:1.2rem;font-size:.7rem;color:#becbbd}.detail{padding-top:3rem;padding-bottom:6rem}.back{display:inline-block;margin-bottom:2rem;font-size:.85rem}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start}.detail h1{font-size:clamp(2.5rem,4vw,4.2rem)}.description{white-space:pre-line;line-height:1.8;color:#5d6d60}.variants{margin-top:2rem;border-top:1px solid #d7ded4}.variant{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-bottom:1px solid #d7ded4}.status{font-size:.8rem;color:#617669;margin-top:.3rem}@media(max-width:800px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-inner{grid-template-columns:1fr;padding-top:4rem;padding-bottom:3rem}.hero-art{height:260px}.art-circle{width:200px;height:200px;font-size:1.5rem}.art-circle em{font-size:2rem}.detail-grid{grid-template-columns:1fr;gap:2rem}.footer-inner{grid-template-columns:1fr 1fr}.header-inner nav{gap:1rem}.header-inner nav a:last-child{display:none}}@media(max-width:480px){.header-inner{height:72px}.header-inner nav{font-size:.75rem}.hero h1{font-size:3rem}.section-top{display:block}.count{display:block;margin-top:1rem}.grid{gap:.6rem}.card-body{padding:.8rem}.card h3{font-size:.9rem}.card-kicker{font-size:.5rem}.footer-inner{grid-template-columns:1fr;gap:1rem}.visit-inner{display:block}.search button{padding:.9rem}.hero-art{display:none}}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin:1.5rem 0 .75rem;color:#4b6553;font-size:.85rem}.breadcrumbs a{text-decoration:underline;text-underline-offset:3px}.breadcrumbs a[aria-current="page"]{font-weight:700;text-decoration:none}.category-label{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:#687b6a;margin:.8rem 0 .3rem}.category-nav a:hover{background:#e6ead7}.category-nav a span{margin-left:.5rem;font-size:1.1rem}

/* Prominent category choices for branches with no direct products. */
.subcategory-panel{background:#eef1e9;padding:clamp(1.25rem,3vw,2.5rem);margin-top:1.5rem}.subcategory-panel h3{font-family:"Playfair Display",Georgia,serif;font-size:clamp(1.5rem,2.5vw,2rem);margin:0 0 1.25rem}.subcategory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:.75rem}.subcategory-card{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:5rem;padding:1.1rem 1.25rem;background:#fffdf8;border:1px solid #d5ded2;font-weight:700;line-height:1.4;transition:background .2s,border-color .2s}.subcategory-card:hover{background:#e6ead7;border-color:#859d85}.subcategory-card span:last-child{font-size:1.3rem;color:var(--green);flex-shrink:0}

/* Brooklyn Deli and Market brand palette. */
:root{--ink:#0b0b0b;--green:#800b47;--cream:#fef4e8;--lime:#f2d7e3;--muted:#665b5f}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--cream)}
header{background:#fef4e8;border-bottom:1px solid #ead9d8}.header-inner{gap:1rem}.brand{flex:0 1 340px;min-width:0}.brand img{display:block;width:100%;max-width:340px;max-height:70px;object-fit:contain;object-position:left center}.header-inner nav{color:#0b0b0b}
.announcement{background:#0b0b0b;color:#fef4e8}.hero{background:#f4e2e5}.hero-art{background:#ead0da}.art-circle{border-color:#ad6689;color:#800b47}.hero h1,.detail h1,.visit h2,.section-top h2,.subcategory-panel h3{font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;font-weight:400;letter-spacing:.015em}.hero h1 em,.visit h2 em{font-style:normal;color:#800b47}.hero p,.section-top p,.description{color:#51464a}.eyebrow,.card-kicker,.category-label{color:#800b47}.button,.search button{background:#800b47;color:#fff}.button:hover,.search button:hover{background:#5f0835}.button,.search button,.subcategory-card,.category-nav a{border-radius:4px}.search{border-color:#dfcbd1}.search span{color:#800b47}.category-nav a,.subcategory-card{border-color:#dbc4ce}.category-nav a:hover,.subcategory-card:hover{background:#f4e2e9;border-color:#800b47}.breadcrumbs{color:#6e1744}.photo,.empty,.subcategory-panel{background:#f4e8e4}.placeholder{color:#9b6d82}.status,.disclaimer{color:#5f5558}.visit{background:#800b47;color:#fff}.visit .eyebrow,.visit h2 em{color:#fef4e8}.light{background:#fef4e8;color:#800b47}.light:hover{background:#fff;color:#5f0835}footer{background:#0b0b0b;color:#fef4e8}.footer-inner p,.footer-bottom{color:#e5d6d4}.footer-bottom{border-color:#53434a}.variant,.variants{border-color:#dfcbd1}a:focus-visible,button:focus-visible,input:focus-visible{outline-color:#800b47}
@media(max-width:800px){.brand{flex-basis:265px}.brand img{max-height:58px}}
@media(max-width:480px){.brand{flex-basis:190px}.brand img{max-height:50px}.header-inner nav{gap:.6rem}.header-inner nav a:nth-child(2){display:none}}

/* Quieter brand treatment, with the bridge cropped from the supplied logo. */
header,.hero{background:#fef4e8}
header{border-bottom:1px solid #eadfd8}
.brand img{mix-blend-mode:multiply}
.hero-inner{min-height:270px;grid-template-columns:minmax(0,1.5fr) minmax(160px,.5fr);gap:2rem;padding-top:1.5rem;padding-bottom:1.5rem}
.hero h1{font-size:clamp(2.7rem,4.5vw,4.5rem);margin:.5rem 0}
.hero p{margin:.45rem 0;line-height:1.5}
.hero .button{margin-top:.6rem}
.hero-art{height:auto;background:transparent;border-radius:0;display:flex;justify-content:center;align-items:center}
.bridge-crop{width:min(220px,100%);aspect-ratio:512 / 463;overflow:hidden;position:relative}
.bridge-crop img{display:block;position:absolute;top:0;left:0;width:400%;height:auto;max-width:none;mix-blend-mode:multiply}
.catalogue{padding-top:2.5rem}
.subcategory-panel{background:transparent;padding:1.5rem 0 0;margin-top:0}
.subcategory-card{background:transparent;border-color:#ddcfc9;border-radius:8px}
.card{border:1px solid #eee2dc;border-radius:6px;overflow:hidden}
.photo,.empty{background:#f6eee8}
.visit{background:#f4eae4;color:#0b0b0b}
.visit .eyebrow,.visit h2 em{color:#800b47}
.visit .light{background:#800b47;color:white}
.visit .light:hover{background:#5f0835;color:white}
@media(max-width:800px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(110px,.4fr);padding-top:1.5rem;padding-bottom:1.5rem;gap:1rem}.hero-art{height:auto}.bridge-crop{width:min(165px,100%)}}
@media(max-width:480px){.hero-inner{grid-template-columns:minmax(0,1fr) 90px}.hero-art{display:flex}.bridge-crop{width:90px}.hero h1{font-size:2.5rem}.hero p{font-size:.95rem}.catalogue{padding-top:2rem}}

/* The market image anchors the introduction; the catalogue keeps its calm layout. */
.hero{background:#f8eee6;border-bottom:1px solid #e5d8d2}
.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.5rem,4vw,4rem);padding-top:1.6rem;padding-bottom:1.6rem}
.hero-art{position:relative;display:block;min-width:0;overflow:hidden;border-radius:4px;background:#ddd1ca}
.hero-market-photo{display:block;width:100%;height:clamp(180px,19vw,245px);object-fit:cover;filter:grayscale(100%)}
.hero-bridge{position:absolute;bottom:0;right:0;width:86px;height:72px;background:#fef4e8;display:grid;place-items:center}
.hero-bridge .bridge-crop{width:62px}
@media(max-width:800px){.hero-inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero-market-photo{height:190px}}
@media(max-width:600px){.hero-inner{grid-template-columns:1fr;gap:1.4rem}.hero-art{display:block}.hero-market-photo{height:145px}.hero-bridge{width:70px;height:58px}.hero-bridge .bridge-crop{width:48px}}

/* Rounded controls and a single, aligned keyboard focus indicator. */
.button,.search button,.category-nav a{border-radius:999px}
.button,.search button{transition:background-color .18s ease,box-shadow .18s ease}
.subcategory-card{border-radius:999px}
.search{border-radius:999px;overflow:visible;padding:.35rem .35rem .35rem 1.1rem}
.search input:focus,.search input:focus-visible{outline:none;box-shadow:none}
.search:has(input:focus-visible){outline:3px solid #800b47;outline-offset:3px}
.search button:focus-visible,.button:focus-visible,.category-nav a:focus-visible,.subcategory-card:focus-visible{outline:3px solid #800b47;outline-offset:3px}

.home-categories{margin:2rem 0 3rem}.home-categories h3,.featured-heading h3{font-family:"Bebas Neue","Arial Narrow",Arial,sans-serif;font-size:2rem;font-weight:400;margin:0 0 1rem}.featured-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin:2rem 0 1rem}.featured-heading h3{margin:0}.featured-heading a{color:#800b47;font-weight:700;font-size:.9rem}.featured-heading a:hover{text-decoration:underline}

/* Category photos are optional; text links remain usable without them. */
.category-content{display:flex;align-items:center;gap:.8rem;min-width:0}.category-content>span{min-width:0}.category-thumbnail{width:44px;height:44px;object-fit:cover;border-radius:50%;flex:none}.category-nav a{display:inline-flex;align-items:center;gap:.45rem}.category-nav .category-thumbnail{width:28px;height:28px}.category-nav a span{margin-left:0}

.subcategory-card .category-content>span:last-child{font-size:inherit;color:inherit}

/* Keep category names inside their links at every screen size. */
.subcategory-card{min-width:0;gap:.65rem}.subcategory-card .category-content{flex:1 1 auto;min-width:0}.subcategory-card .category-content>span:last-child{flex:1 1 auto;min-width:0;white-space:normal;overflow-wrap:anywhere}.subcategory-card>span:last-child{flex:0 0 auto}

/* Give category photos and labels enough space to remain readable. */
.subcategory-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.subcategory-card{min-height:88px;padding:.75rem 1.15rem;gap:.75rem;font-size:.95rem;font-weight:400}
.subcategory-card .category-content{gap:.8rem}
.subcategory-card .category-content>span:last-child{font-weight:400;line-height:1.35;overflow-wrap:normal;word-break:normal;hyphens:auto}
.category-thumbnail{width:64px;height:64px}
.category-nav a{font-weight:400}
.category-nav .category-thumbnail{width:36px;height:36px}
@media(max-width:360px){.subcategory-card{padding:.65rem .9rem}.category-thumbnail{width:54px;height:54px}}