/* Firma de marca reforzada */
.site-header {
  height: 112px;
}

.brand {
  gap: 16px;
}

.brand-mark {
  width: 60px;
  height: 60px;
  filter: drop-shadow(0 8px 18px rgba(18, 22, 25, 0.16));
}

.brand-type strong {
  font-size: 25px;
  letter-spacing: 0.2em;
}

.brand-type small {
  font-size: 9px;
  letter-spacing: 0.18em;
  margin-top: 7px;
  font-weight: 750;
}

.brand-slogan {
  margin-top: 6px;
  color: #68746f;
  font-size: 10px;
  letter-spacing: 0.035em;
}

.hero {
  min-height: calc(100vh - 112px);
}

@media (max-width: 760px) {
  .site-header {
    height: 88px;
  }

  .brand-mark {
    width: 50px;
    height: 50px;
  }

  .brand-type strong {
    font-size: 21px;
  }

  .brand-type small {
    display: block;
    font-size: 7px;
    letter-spacing: 0.12em;
  }

  .brand-slogan {
    display: block;
    margin-top: 4px;
    font-size: 8px;
  }

  .site-header nav {
    top: 80px;
  }
}