/* Overrides barbería — Bebas Neue es display all-caps por naturaleza,
 * así que los headings van con tracking más amplio. Botones cuadrados,
 * sin border-radius redondeado, en línea con vibe raw masculino.
 */

h1, h2, h3 { letter-spacing: 0.02em; }
.hero-headline { letter-spacing: 0.03em; line-height: 1.05; }
.eyebrow { letter-spacing: 0.22em; }

.nav-book-btn,
.hero-book-btn,
.contact-book-btn,
.mobile-book-btn,
.service-card-btn { border-radius: 0; }

.service-card,
.review-card { border-radius: 0; }

.gallery-grid figure { border-radius: 0; }
.about-image img { border-radius: 0; }
.contact-map { border-radius: 0; }

.hero-overlay { background: linear-gradient(135deg, rgba(15,13,11,0.78) 0%, rgba(15,13,11,0.55) 60%, rgba(15,13,11,0.30) 100%); }

/* ─── Intro — barbería: diagonal wipe desde top-left a bottom-right ─── */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  background: var(--color-fg, #0f0d0b);
  z-index: 9999;
  pointer-events: none;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  animation: barbIntro 0.7s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
@keyframes barbIntro {
  to { clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%); }
}
@media (prefers-reduced-motion: reduce) {
  body::before { display: none; }
}