/* ZONES 1 - GRID TAGS */
.zones-1 { padding: 100px 5%; background: var(--white); }
.zones-1 .container { max-width: 1100px; margin: 0 auto; }
.zones-1 .header { text-align: center; margin-bottom: 50px; }
.zones-1 .eyebrow { font-size: 0.85rem; font-weight: 600; color: var(--accent); text-transform: uppercase; letter-spacing: 0.15em; margin-bottom: 16px; }
.zones-1 h2 { font-family: var(--font-display); font-size: clamp(2rem, 4vw, 3rem); color: var(--gray-900); margin-bottom: 16px; }
.zones-1 .subtitle { color: var(--gray-600); font-size: 1.1rem; }
.zones-1 .tags { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; margin-bottom: 50px; }
.zones-1 .tag { padding: 14px 28px; background: var(--off-white); border: 2px solid var(--gray-200); font-weight: 600; color: var(--gray-700); transition: all 0.3s; cursor: pointer; }
.zones-1 .tag:hover { border-color: var(--accent); color: var(--accent); background: rgba(201,162,39,0.05); }
.zones-1 .map { height: 400px; background: var(--gray-200); display: flex; align-items: center; justify-content: center; color: var(--gray-500); }