/* Generated from tools/build-pages.js. Do not edit this file directly. */

/* Source: shared/styles/home/public-heroes.css */
/* Canonical public hero contract. The browse hero is the source of truth. */

.info-hero-panel,
.about-page .about-hero-panel,
.supporters-hero-panel,
.creators-hero-panel,
.creator-standards-hero-panel,
.submit-hero-panel,
.collections-hero-panel,
.collection-detail-hero-panel,
.help-center-page .help-center-hero-panel {
  min-height: 430px;
  overflow: hidden;
  padding: 38px 30px 20px;
  border-color: rgba(255, 255, 255, 0.16);
  border-radius: 26px;
  box-shadow: var(--shadow-lg);
}

/* Compact public heroes keep the shared visual language without the browse hero's discovery depth. */
.about-page .about-hero-panel,
.creators-hero-panel,
.submit-hero-panel {
  min-height: 330px;
  padding: 30px;
}

.info-hero-copy h1,
.about-page .about-hero-panel .hero-copy h1,
.supporters-hero-panel .hero-copy h1,
.creators-hero-panel .hero-copy h1,
.creator-standards-hero-panel .hero-copy h1,
.submit-hero-copy h1,
.collections-hero-copy h1,
.collection-detail-hero-copy h1,
.help-center-page .help-center-hero-copy h1 {
  margin-bottom: 14px;
  font-size: clamp(2.95rem, 4vw, 4.15rem);
  line-height: 0.98;
  letter-spacing: -0.062em;
  text-shadow: 0 4px 20px rgba(0, 0, 0, 0.22);
}

.info-hero-copy p,
.about-page .about-hero-lede,
.supporters-hero-panel .hero-copy p,
.creators-hero-copy p,
.creator-standards-hero-copy p,
.submit-hero-copy p,
.collections-hero-copy p,
.collection-detail-hero-copy p,
.help-center-page .help-center-hero-copy p {
  max-width: 42ch;
  font-size: clamp(1.03rem, 1.12vw, 1.2rem);
  line-height: 1.34;
}

.info-hero-copy h1,
.about-page .about-hero-panel .hero-copy h1,
.supporters-hero-panel .hero-copy h1,
.creator-standards-hero-panel .hero-copy h1,
.submit-hero-copy h1,
.collections-hero-copy h1,
.help-center-page .help-center-hero-copy h1 {
  max-width: none;
  white-space: nowrap;
}

.creators-hero-panel .hero-copy h1 {
  max-width: none;
  white-space: nowrap;
}

.collection-detail-hero-copy h1 {
  max-width: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.creators-hero-copy p,
.creator-standards-hero-copy p {
  max-width: 32ch;
}

.creators-hero-copy {
  max-width: 48rem;
}

.collections-hero-copy p {
  max-width: 31ch;
}

.collection-detail-hero-copy p {
  max-width: 40ch;
}

.help-center-page .help-center-hero-copy p {
  max-width: 33ch;
}

.collections-hero-actions .collections-primary-action,
.collections-hero-actions .collections-secondary-action,
.creator-hero-actions .about-cta,
.page-hero-actions .about-cta,
.help-center-hero-actions .about-cta {
  min-height: 58px;
  padding: 0 18px;
  border-radius: 14px;
}

.collections-hero-actions .collections-primary-action,
.collections-hero-actions .collections-secondary-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font: inherit;
  font-weight: 700;
}

@media (max-width: 1180px) {
  .info-hero-panel,
  .about-page .about-hero-panel,
  .supporters-hero-panel,
  .creators-hero-panel,
  .creator-standards-hero-panel,
  .submit-hero-panel,
  .collections-hero-panel,
  .collection-detail-hero-panel,
  .help-center-page .help-center-hero-panel {
    min-height: 390px;
    padding: 28px;
  }

  .about-page .about-hero-panel,
  .creators-hero-panel,
  .submit-hero-panel {
    min-height: 350px;
  }
}

@media (max-width: 979px) {
  .creators-hero-panel .hero-copy h1,
  .creator-standards-hero-panel .hero-copy h1 {
    max-width: 12ch;
    white-space: normal;
    text-wrap: balance;
  }
}

@media (max-width: 780px) {
  .info-hero-panel,
  .about-page .about-hero-panel,
  .supporters-hero-panel,
  .creators-hero-panel,
  .creator-standards-hero-panel,
  .submit-hero-panel,
  .collections-hero-panel,
  .collection-detail-hero-panel,
  .help-center-page .help-center-hero-panel {
    min-height: 0;
    padding: 22px;
    border-radius: 26px;
    background-position: center;
  }

  .info-hero-copy h1,
  .about-page .about-hero-panel .hero-copy h1,
  .supporters-hero-panel .hero-copy h1,
  .creators-hero-panel .hero-copy h1,
  .creator-standards-hero-panel .hero-copy h1,
  .submit-hero-copy h1,
  .collections-hero-copy h1,
  .collection-detail-hero-copy h1,
  .help-center-page .help-center-hero-copy h1 {
    max-width: 12ch;
    overflow: visible;
    font-size: clamp(2.8rem, 11vw, 3.9rem);
    white-space: normal;
    text-overflow: clip;
  }

  .info-hero-copy p,
  .about-page .about-hero-lede,
  .supporters-hero-panel .hero-copy p,
  .creators-hero-copy p,
  .creator-standards-hero-copy p,
  .submit-hero-copy p,
  .collections-hero-copy p,
  .collection-detail-hero-copy p,
  .help-center-page .help-center-hero-copy p {
    max-width: 24rem;
    font-size: 1rem;
  }
}

@media (max-width: 560px) {
  .collections-hero-actions .collections-primary-action,
  .collections-hero-actions .collections-secondary-action,
  .creator-hero-actions .about-cta,
  .page-hero-actions .about-cta,
  .help-center-hero-actions .about-cta {
    min-height: 54px;
    padding-inline: 14px;
  }
}