/* Concrete & Vine — urban brutalist minimal */
:root { --font-display: 'Inter', sans-serif; --font-body: 'Inter', sans-serif; }
.topbar { padding: 28px 60px; border-bottom: none; }
.brand__mark { background: var(--c-fg); color: var(--c-bg); border-radius: 0; font-weight: 200; }
.brand__name { font-weight: 200; letter-spacing: 0.02em; font-size: 1.1rem; text-transform: lowercase; }
.topnav a { font-weight: 300; text-transform: lowercase; }
.cta-pill { background: transparent; border: 1px solid var(--c-fg); color: var(--c-fg); border-radius: 0; font-weight: 400; font-size: 0.9rem; text-transform: lowercase; }
.cta-pill:hover { background: var(--c-accent); border-color: var(--c-accent); color: var(--c-bg); }
.eyebrow { text-transform: lowercase; letter-spacing: 0; font-weight: 300; }
.hero { max-width: 900px; padding: 140px 40px 100px; }
.hero__title { font-weight: 200; letter-spacing: -0.04em; font-size: clamp(3rem, 6vw, 5.5rem); line-height: 1; }
.hero__art img { border-radius: 0; filter: grayscale(0.25); }
.hero__sticker { background: var(--c-accent); color: var(--c-bg); border: none; transform: none; font-weight: 400; }
.hero__badges span { background: transparent; border: 1px solid color-mix(in srgb, var(--c-fg) 20%, transparent); border-radius: 0; font-weight: 300; }
.btn { border-radius: 0; font-weight: 400; text-transform: lowercase; }
.dish { background: transparent; border: none; border-bottom: 1px solid color-mix(in srgb, var(--c-fg) 12%, transparent); border-radius: 0; }
.dish:hover { transform: none; box-shadow: none; }
.dish__img img { border-radius: 0; filter: grayscale(0.35); }
.dish h3 { font-weight: 300; }
.dish__cat { background: transparent; color: var(--c-accent); padding: 0; text-transform: lowercase; letter-spacing: 0; font-weight: 400; font-size: 0.8rem; }
.dish__price { color: var(--c-fg); font-weight: 400; }
.section-head h2, .menu-page h1, .about__copy h2 { font-weight: 200; letter-spacing: -0.03em; }
.menu-group__title { font-weight: 300; background: transparent; color: var(--c-fg); border-bottom: 1px solid var(--c-fg); text-transform: lowercase; }
.loc-card { background: transparent; border: 1px solid color-mix(in srgb, var(--c-fg) 12%, transparent); border-radius: 0; }
.about__stats strong { font-weight: 200; color: var(--c-accent); }
.strip { background: var(--c-fg); font-weight: 300; text-transform: lowercase; letter-spacing: 0.02em; font-family: var(--font-body); font-size: 1rem; }
.strip span::after { color: var(--c-accent); }
.foot { background: var(--c-fg); }