* { box-sizing: border-box; margin: 0; padding: 0; }
body { background: #0d0705; color: #f5ece0; font-family: 'Inter', sans-serif; line-height: 1.6; }
h1, h2, h3 { font-family: 'Bebas Neue', sans-serif; letter-spacing: 1px; }
.container { max-width: 1100px; margin: 0 auto; padding: 0 24px; }

/* Montero banner (identical across all 3 example pages) */
.mwf-banner { position: sticky; top: 0; z-index: 500; background: #0a0a0f; color: #f2ede4; text-align: center; padding: 10px 16px; font-family: Arial, sans-serif; font-size: 0.85rem; font-weight: 700; }
.mwf-banner a { color: #a855f7; text-decoration: underline; margin-left: 6px; }
.mwf-banner a:hover { color: #7c3aed; }

.hero { min-height: 70vh; display: flex; align-items: center; background: linear-gradient(160deg, #1a1210 0%, #0d0705 60%); text-align: center; }
.hero .container { max-width: 700px; }
.eyebrow { color: #e8491d; font-size: 0.9rem; letter-spacing: 3px; font-weight: 600; margin-bottom: 12px; }
.hero h1 { font-size: clamp(2.8rem, 8vw, 5.2rem); line-height: 1; margin-bottom: 20px; color: #f5ece0; }
.hero-sub { font-size: 1.15rem; color: #c9b8a8; margin-bottom: 32px; }
.btn { display: inline-block; background: #e8491d; color: #f5ece0; padding: 14px 32px; font-family: 'Bebas Neue', sans-serif; font-size: 1.2rem; letter-spacing: 2px; border-radius: 2px; text-decoration: none; transition: background 0.2s ease; }
.btn:hover { background: #ff5c2b; }

.menu { padding: 90px 0; }
.menu h2 { text-align: center; font-size: 2.4rem; margin-bottom: 48px; color: #f5ece0; }
.menu-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 24px; }
.menu-item { background: #1a1210; border: 1px solid #2b201b; border-radius: 6px; padding: 28px; }
.menu-item h3 { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 1.1rem; color: #f5ece0; margin-bottom: 8px; letter-spacing: 0; }
.menu-item .price { color: #e8491d; font-weight: 700; margin-bottom: 8px; }
.menu-item .desc { color: #c9b8a8; font-size: 0.92rem; }

.gallery { padding: 90px 0; background: #1a1210; }
.gallery h2 { text-align: center; font-size: 2.4rem; margin-bottom: 48px; color: #f5ece0; }
.gallery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.gallery-block { aspect-ratio: 1/1; border-radius: 4px; }
.gb-1 { background: linear-gradient(135deg, #2b201b, #0d0705); }
.gb-2 { background: linear-gradient(135deg, #3a2418, #0d0705); }
.gb-3 { background: linear-gradient(135deg, #2b201b, #1a1210); }
.gb-4 { background: linear-gradient(135deg, #3a2418, #1a1210); }
.gb-5 { background: linear-gradient(135deg, #241b16, #0d0705); }
.gb-6 { background: linear-gradient(135deg, #2b201b, #241b16); }

@media (max-width: 700px) {
  .gallery-grid { grid-template-columns: repeat(2, 1fr); }
}