/* Public title regions share typography and spacing; copy and colors stay owned by the page. */
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/assets/fonts/poppins/Poppins-Regular.ttf') format('truetype');
}
@font-face {
  font-family: Poppins;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/assets/fonts/poppins/Poppins-Bold.ttf') format('truetype');
}

.sc-public-hero {
  margin-block-start: 0 !important;
  padding-block-start: var(--sc-hero-top-space) !important;
  gap: 0 !important;
}
.sc-public-hero:not(:has(.sc-public-hero__next)) { padding-block-end: 0 !important; }
.sc-public-hero.hero { min-height: 0; display: block; }
.sc-public-hero.sc-container { width: min(100%, var(--sc-container)); }
.sc-public-hero :is(.use-case-hero__inner, .model-hero__inner, .local-media-page__hero-inner) {
  gap: 0 !important;
  padding-block-start: 0 !important;
}
.sc-public-hero > :is(.sc-container, .shell) { width: min(100%, var(--sc-container)) !important; }
.sc-public-hero .sc-tool-hero,
.sc-public-hero.sc-tool-hero {
  display: block !important;
  width: min(100%, var(--sc-hero-copy-width));
  max-width: var(--sc-hero-copy-width) !important;
  min-width: 0;
  margin: 0 auto !important;
  gap: 0;
  text-align: center;
  font-family: var(--sc-font-hero);
  order: 0 !important;
  grid-row: 1 !important;
  grid-column: 1 / -1;
}
.sc-public-hero .sc-tool-hero { padding: 0 !important; }
.sc-public-hero .sc-tool-hero h1,
.sc-public-hero.sc-tool-hero h1 {
  display: block;
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: var(--sc-font-hero) !important;
  font-size: var(--sc-hero-title-size) !important;
  font-weight: 700 !important;
  font-style: normal;
  line-height: var(--sc-hero-title-leading) !important;
  letter-spacing: normal !important;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
  overflow-wrap: anywhere;
}
.sc-public-hero .sc-tool-hero h1 :is(span, strong),
.sc-public-hero.sc-tool-hero h1 :is(span, strong) {
  display: inline;
  font: inherit !important;
  letter-spacing: inherit;
}
.sc-public-hero .sc-tool-hero__lead {
  display: block !important;
  width: 100%;
  max-width: none !important;
  margin: var(--sc-hero-lead-space) auto 0 !important;
  padding: 0 !important;
  font-family: var(--sc-font-hero) !important;
  font-size: var(--sc-hero-lead-size) !important;
  font-weight: 400 !important;
  font-style: normal;
  line-height: var(--sc-hero-lead-leading) !important;
  letter-spacing: normal !important;
  text-align: center;
  text-wrap: wrap;
  white-space: normal;
  overflow-wrap: anywhere;
}
.sc-public-hero__next {
  margin-block-start: var(--sc-hero-content-space) !important;
  order: 1 !important;
  grid-row: 2 !important;
  grid-column: 1 / -1;
}
/* Title regions contain the heading and its description; legacy badges stay out of that rhythm. */
.sc-public-hero .sc-tool-hero > :is(.sc-eyebrow, .eyebrow, .studio-eyebrow, .hero-pills, .model-hero__chips, .omni-hero__facts, .gender-hero__eyebrow, .atr-kicker, .atr-hero-meta, .sc-tool-hero__eyebrow, .badge-eyebrow, .baby-trust),
.sc-public-hero.sc-tool-hero > :is(.sc-eyebrow, .badge-eyebrow),
.sc-public-hero > .shell > :is(.eyebrow, .trust) { display: none !important; }

/* Retire the previous page-level constraints without changing workspace widths. */
.sc-public-hero .use-case-hero__inner { max-width: none !important; }
.sc-public-hero.use-case-hero--compact .sc-public-hero__next {
  width: min(100%, 56rem);
  margin-inline: auto;
}
.sc-public-hero .omni-hero__intro { margin-bottom: 0; }
.detector-page .main-container { padding-top: 0 !important; }
.sc-public-hero.collection-hero { max-width: var(--sc-hero-copy-width); }
.sc-public-hero__next.page-wrapper,
.sc-public-hero__next.sc-section { padding-top: 0; }
.sc-public-hero .tools-mobile-copy { display: none !important; }
@media (min-width: 1024px) {
  .sc-public-hero.sc-tool-hero { padding-inline: 0 !important; }
  .sc-public-hero > :is(.sc-container, .shell) { padding-inline: 0; }
  .prompt-collection-page main { width: min(1440px, 100%); }
  .tools-page.sc-container,
  .detector-page .main-container { width: min(var(--sc-container), calc(100% - 32px)); }
}
@media (max-width: 1023px) {
  .sc-public-hero { padding-inline: var(--sc-space-4) !important; }
  .sc-public-hero.sc-tool-hero { width: 100%; max-width: calc(var(--sc-hero-copy-width) + 32px) !important; }
  .sc-public-hero > :is(.sc-container, .shell, .atr-container) { width: 100% !important; padding-inline: 0; }
  .prompt-collection-page main,
  .detector-page .main-container { width: 100%; }
  .tools-page.sc-container { width: 100%; }
  .tools-page > .sc-public-hero__next,
  .prompt-collection-page main > .sc-public-hero__next,
  .prompt-collection-page .collection-context,
  .detector-page #detector,
  .detector-page .seo-section { margin-inline: var(--sc-space-4); }
  .sc-public-hero.anime-hero .sc-container { width: 100%; }
}
@media (max-width: 720px) {
  .sc-public-hero .tools-desktop-copy { display: none !important; }
  .sc-public-hero p.tools-mobile-copy { display: block !important; }
  .sc-public-hero h1 > .tools-mobile-copy { display: inline !important; }
}