/* BRAVUS — urban oversized lettering, leather warmth and a real menu rhythm. */
.brand-barbearia {
  --paper: #211e1a;
  --ink: #f2e9da;
  --muted: #c4b6a3;
  --accent: #d9ad75;
  --line: #5a5044;
  --nav-bg: #211e1a;
}
.brand-barbearia h1,
.brand-barbearia h2,
.brand-barbearia h3 {
  font-family: Condensed, Impact, sans-serif;
  font-weight: 600;
  letter-spacing: -0.02em;
}
.brand-barbearia .wordmark > span {
  font-family: Condensed, Impact, sans-serif;
  font-size: 40px;
  letter-spacing: 0.035em;
}
.brand-barbearia .wordmark small {
  letter-spacing: 0.25em;
}
.brand-barbearia .cta {
  color: #211e1a;
}
.brand-barbearia .site-header {
  border: 0;
}
.bravus-title {
  padding: 28px 0 36px;
}
.brand-barbearia h1 {
  font-size: clamp(80px, 8.5vw, 130px);
  line-height: 0.89;
}
.brand-barbearia h1 em {
  font-style: normal;
  color: var(--accent);
  font-weight: 600;
}
.bravus-visual {
  height: 490px;
  position: relative;
}
.bravus-visual > picture {
  height: 100%;
  width: 100%;
}
.bravus-visual > picture img {
  object-position: center 64%;
}
.bravus-hero-card {
  position: absolute;
  bottom: 35px;
  right: 40px;
  padding: 26px;
  background: #211e1af0;
  border: 1px solid #7c674c;
  width: 285px;
}
.bravus-badge {
  font-family: Condensed, Impact, sans-serif;
  font-size: 30px;
  display: block;
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
  line-height: 1;
  font-weight: 600;
}
.bravus-hero-card p {
  margin: 18px 0 22px;
  color: var(--ink);
  font-size: 20px;
  line-height: 1.35;
}
.bravus-hero-card .cta {
  width: 100%;
}
.bravus-vertical {
  position: absolute;
  left: 16px;
  top: 20px;
  writing-mode: vertical-rl;
  background: #211e1ae6;
  padding: 14px 8px;
  font-size: 8px;
  letter-spacing: 0.08em;
  color: #e3cfb5;
}
.bravus-caption {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  font-size: 9px;
  letter-spacing: 0.15em;
  padding-top: 18px;
}
.barber-menu {
  padding-top: 90px;
}
.barber-menu-grid {
  display: grid;
  grid-template-columns: 0.8fr 1.3fr;
  gap: 100px;
}
.barber-menu-grid > div > p {
  font-size: 13px;
}
.barber-menu-grid .fine {
  max-width: 255px;
  margin-top: 30px;
}
.barber-service {
  display: grid;
  grid-template-columns: 25px 1fr 110px;
  gap: 26px;
  border-top: 1px solid var(--line);
  padding: 30px 0;
}
.barber-service > span {
  font-size: 11px;
  padding-top: 4px;
  color: var(--accent);
}
.barber-service h3 {
  font-size: 35px;
  text-transform: uppercase;
}
.barber-service p {
  font-size: 12px;
  margin-top: 12px;
  max-width: 280px;
}
.barber-price strong {
  font-family: Condensed, Impact, sans-serif;
  font-size: 30px;
  line-height: 1;
  display: block;
  font-weight: 600;
}
.barber-price small {
  display: block;
  font-size: 7px;
  letter-spacing: 0.08em;
  margin-top: 9px;
  color: var(--muted);
}
.barber-price .text-link {
  margin-top: 10px;
  gap: 16px;
}
.bravus-club {
  background: #d8bb91;
  color: #30271f;
  --muted: #55412f;
  --accent: #5b402d;
  --line: #ac8d66;
}
.bravus-club > .shell {
  position: relative;
}
.bravus-club h2 {
  font-size: clamp(58px, 6vw, 88px);
  line-height: 0.97;
  max-width: 960px;
}
.bravus-club h2 em {
  font-style: normal;
  font-weight: 600;
  color: #6b4b30;
}
.club-star {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 60px;
  line-height: 1;
  color: #6b4b30;
}
.bravus-club-copy {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 70px;
  max-width: 650px;
  margin: 40px 0 0 auto;
}
.bravus-club-copy p {
  font-size: 13px;
}
.bravus-club-copy p + p {
  margin-top: 0;
}
.brand-barbearia .gallery-grid {
  grid-template-columns: 1fr 1fr 1fr;
  align-items: end;
}
.brand-barbearia .gallery-item-1 {
  grid-row: auto;
}
.brand-barbearia .gallery-open {
  height: 360px;
}
.brand-barbearia .gallery-item-2 .gallery-open {
  height: 460px;
}
.brand-barbearia .gallery-item-3 .gallery-open {
  height: 300px;
}
.brand-barbearia .gallery-item figcaption {
  font-size: 8px;
  gap: 12px;
}
.brand-barbearia .contact-section {
  background: #2c2822;
}
.brand-barbearia .contact-copy h2 {
  font-size: 58px;
}
.brand-barbearia .form-surface {
  background: transparent;
}
.brand-barbearia .footer-statement {
  font-family: Condensed, Impact, sans-serif;
  font-weight: 600;
  font-size: 40px;
  color: var(--accent);
}
@media (max-width: 1100px) {
  .brand-barbearia h1 {
    font-size: 100px;
  }
  .barber-menu-grid {
    gap: 50px;
  }
  .barber-service {
    gap: 18px;
  }
  .club-star {
    font-size: 40px;
  }
  .bravus-club h2 {
    font-size: 64px;
  }
}
@media (max-width: 800px) {
  .bravus-title {
    padding-top: 24px;
  }
  .brand-barbearia h1 {
    font-size: clamp(60px, 11vw, 88px);
  }
  .bravus-visual {
    height: 540px;
  }
  .bravus-hero-card {
    right: 20px;
    bottom: 20px;
    left: 20px;
    width: auto;
    padding: 20px;
  }
  .bravus-badge {
    display: none;
  }
  .bravus-hero-card p {
    font-size: 20px;
    margin: 0 0 20px;
  }
  .bravus-hero-card p br {
    display: none;
  }
  .bravus-vertical {
    font-size: 7px;
    top: 14px;
    left: 12px;
  }
  .bravus-caption {
    font-size: 7px;
    letter-spacing: 0.05em;
  }
  .barber-menu-grid {
    grid-template-columns: 1fr;
    gap: 36px;
  }
  .barber-service {
    grid-template-columns: 20px 1fr 85px;
    gap: 16px;
  }
  .barber-service h3 {
    font-size: 30px;
  }
  .barber-price strong {
    font-size: 26px;
  }
  .barber-price .text-link {
    font-size: 10px;
    gap: 10px;
  }
  .bravus-club h2 {
    font-size: 46px;
  }
  .club-star {
    display: none;
  }
  .bravus-club-copy {
    grid-template-columns: 1fr;
    gap: 20px;
    margin-top: 30px;
  }
  .brand-barbearia .gallery-grid {
    grid-template-columns: 1fr;
  }
  .brand-barbearia .gallery-open,
  .brand-barbearia .gallery-item-2 .gallery-open,
  .brand-barbearia .gallery-item-3 .gallery-open {
    height: 350px;
  }
  .brand-barbearia .contact-copy h2 {
    font-size: 42px;
  }
}
@media (max-width: 360px) {
  .brand-barbearia h1 {
    font-size: 53px;
  }
  .barber-service {
    grid-template-columns: 1fr 85px;
  }
  .barber-service > span {
    display: none;
  }
  .bravus-club h2 {
    font-size: 41px;
  }
}
/* A drawn six-spoke ornament stays independent from emoji fonts. */
.club-star { width: 3px; height: 48px; right: 24px; border: 0; border-radius: 0; background: currentColor; transform: rotate(30deg); }
.club-star::before, .club-star::after { content: ""; position: absolute; inset: 0; background: currentColor; transform: rotate(60deg); }
.club-star::after { transform: rotate(120deg); }
.brand-barbearia .contact-layout {
  grid-template-columns: 1fr 0.8fr;
  align-items: center;
}
.brand-barbearia .brand-footer {
  border-top: 0;
}
.brand-barbearia .footer-top {
  align-items: center;
  flex-wrap: wrap;
}
.brand-barbearia .footer-statement {
  font-size: 68px;
  line-height: 0.9;
  text-align: right;
}
@media (max-width: 800px) {
  .brand-barbearia .contact-layout {
    grid-template-columns: 1fr;
  }
  .brand-barbearia .footer-statement {
    font-size: 43px;
    text-align: left;
  }
}

@media (max-width: 800px) {
  .bravus-visual > picture img {
    object-position: 28% center;
  }
}