/* Home opening titles follow the approved crew heading.
   Magno and Premium use native, wrapping text rather than scaled image lettering.
   The approved Stoner artwork keeps its existing grouped fitting. */
.pt-home-body {
  --pt-home-title-font: var(--pt-youth-display, "Arial Black", "Trebuchet MS", Impact, sans-serif);
  --pt-home-title-size: clamp(48px, 4.35vw, 68px);
  --pt-home-title-leading: 1.05;
  --pt-home-title-tracking: -.065em;
}

.pt-home-body main :is(
  #pt-home-hero-title,
  #pt-home-characters-title,
  #pt-console-title,
  #pt-home-mosaic-title,
  #pt-luvi-heading-title,
  #pt-home-partner-title,
  .pt-application-copy > h2
) {
  font-family: var(--pt-home-title-font) !important;
  font-size: var(--pt-home-title-size) !important;
  font-weight: 950 !important;
  line-height: var(--pt-home-title-leading) !important;
  letter-spacing: var(--pt-home-title-tracking) !important;
  text-shadow: none !important;
  text-transform: uppercase;
  text-wrap: balance;
  min-width: 0;
  overflow-wrap: anywhere;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* v76.196.61 — the three requested headings share the reference's actual CSS
   size. Text can wrap and reserve space; image scale never shrinks the letters. */
.pt-home-body {
  --pt-home-title-gutter: clamp(20px, 5vw, 76px);
}
.pt-home-body main :is(#pt-console-title, #pt-home-mosaic-title, #pt-luvi-heading-title) {
  margin: 0;
  text-align: left !important;
  direction: ltr;
  text-wrap: wrap;
  white-space: normal;
  transform: none;
}
.pt-home-body main :is(#pt-console-title, #pt-home-mosaic-title) > :is(span, em) {
  display: block;
  margin: 0;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  transform: none;
}
.pt-home-body main :is(#pt-console-title, #pt-home-mosaic-title) > em {
  color: #03c7ef;
  font-style: normal;
}
.pt-home-body .pt-home-art-copy {
  position: relative;
  z-index: 6;
  grid-area: 1 / 1;
  align-self: start;
  min-width: 0;
  padding: clamp(24px, 4vw, 64px) var(--pt-home-title-gutter);
  color: #fff;
  text-align: left;
  box-sizing: border-box;
}
.pt-home-body .pt-home-art-copy > :is(h2, p) {
  max-width: 60%;
}
.pt-home-body #vitrine-poker.pt-product-console .pt-console-heading.pt-console-heading--magno,
.pt-home-body .pt-home-mosaic-head.pt-home-premium-banner {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr);
  align-items: end;
}
.pt-home-body #vitrine-poker.pt-product-console .pt-console-heading--magno .pt-console-heading-banner,
.pt-home-body .pt-home-premium-banner-image {
  grid-area: 1 / 1;
  align-self: end;
}
.pt-home-body .pt-home-art-copy > p {
  margin: 16px 0 0;
  font-size: clamp(16px, 1.4vw, 21px);
  line-height: 1.5;
}
.pt-home-body #vitrine-poker .pt-home-art-copy {
  padding-top: clamp(24px, 5vw, 76px);
  /* The desktop console occupies the bottom 730/1536 of the stage width. */
  padding-bottom: calc(100cqw * 730 / 1536 + 24px);
}
.pt-home-body .pt-home-certificate-luvi .pt-luvi-heading {
  width: min(100%, 1536px);
  max-width: none;
  padding-inline: var(--pt-home-title-gutter);
  text-align: left;
  box-sizing: border-box;
}
.pt-home-body #pt-luvi-heading-title > em {
  margin-top: 0;
}

@media (max-width: 760px) {
  .pt-home-body #vitrine-poker.pt-product-console .pt-console-heading.pt-console-heading--magno {
    display: block !important;
    height: auto !important;
    min-height: clamp(240px, 56vw, 390px) !important;
  }
  .pt-home-body #vitrine-poker .pt-home-art-copy {
    padding-top: 28px;
    /* Cancel only the console's existing 22% overlap below the larger text. */
    padding-bottom: calc(22vw + 20px);
  }
  .pt-home-body #vitrine-poker .pt-home-art-copy > :is(h2, p) {
    max-width: none;
  }
  .pt-home-body .pt-home-premium-banner .pt-home-art-copy > h2 {
    max-width: none;
  }
  .pt-home-body .pt-home-premium-banner .pt-home-art-copy {
    padding-bottom: 0;
  }
  .pt-home-body .pt-home-premium-banner-image {
    /* Full-width text above the complete artwork keeps long words readable. */
    grid-area: 2 / 1;
  }
}

/* The small caption beside the ladder is supporting copy, not a new heading. */
.pt-home-body .pt-home-crew article strong {
  font-family: var(--pt-home-title-font) !important;
  font-weight: 950 !important;
  letter-spacing: var(--pt-home-title-tracking) !important;
  text-shadow: none !important;
}

.pt-home-body .pt-text-layer[data-pt-home-title] .pt-live-copy:not(.body) {
  font-family: var(--pt-home-title-font) !important;
  font-weight: 950 !important;
  line-height: var(--pt-home-title-leading) !important;
  letter-spacing: var(--pt-home-title-tracking) !important;
  text-shadow: none !important;
  rotate: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

@media (max-width: 640px) {
  .pt-home-body {
    --pt-home-title-size: clamp(29px, 7.8vw, 48px);
    --pt-home-title-leading: 1.08;
    --pt-home-title-tracking: -.055em;
  }
}
