/* Full styles — loaded non-blocking after critical CSS */

.brand {
  font-family: 'Pacifico', cursive;
}

.divider {
  width: 40px;
  height: 1px;
  background: rgba(26, 26, 46, 0.25);
  margin: 24px auto;
}

.tagline {
  font-family: century-old-style-std, serif;
  font-size: clamp(0.85rem, 2vw, 0.95rem);
  font-weight: 400;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: rgba(26, 26, 46, 0.75);
  margin-bottom: 16px;
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

.description {
  font-family: clother, sans-serif;
  font-size: clamp(0.8rem, 1.8vw, 0.88rem);
  font-weight: 300;
  line-height: 1.7;
  color: rgba(26, 26, 46, 0.6);
  text-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);
}

/* Tablet */
@media (max-width: 768px) {
  .glass-card {
    width: min(380px, 88vw);
    padding: 40px 32px;
    border-radius: 22px;
  }

  .divider {
    margin: 20px auto;
  }
}

/* Mobile */
@media (max-width: 480px) {
  .glass-card {
    width: min(340px, 90vw);
    padding: 32px 24px;
    border-radius: 18px;
  }

  .divider {
    width: 32px;
    margin: 16px auto;
  }

  .tagline {
    letter-spacing: 0.1em;
    margin-bottom: 12px;
  }
}

/* Small phones */
@media (max-width: 360px) {
  .glass-card {
    padding: 28px 20px;
  }
}

/* Landscape mobile */
@media (max-height: 500px) and (orientation: landscape) {
  .glass-card {
    padding: 24px 32px;
  }

  .divider {
    margin: 12px auto;
  }

  .tagline {
    margin-bottom: 8px;
  }
}