/* =========================================================
   REFINEMENT SPRINT A - SHARED CATALOGUE HERO
   Workshops and Private Parties borrow the homepage's Create / Learn /
   Explore confidence without becoming another full-screen homepage hero.
========================================================= */

.home-page .catalogue-hero {
  width: min(100%, 1080px) !important;
  max-width: 1080px !important;
  margin: 0 auto clamp(30px, 3.6vw, 48px) !important;
  padding: 0 clamp(8px, 2vw, 22px);
  display: block !important;
  text-align: center;
}

.home-page .catalogue-hero > div,
.home-page .catalogue-hero .party-market__heading-copy {
  width: 100%;
  max-width: none !important;
  margin-inline: auto;
}

.home-page .catalogue-hero .catalogue-hero__eyebrow {
  width: fit-content;
  margin: 0 auto 12px !important;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: .12em .48em;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: var(--coral);
  font-size: clamp(.72rem, .9vw, .84rem);
  line-height: 1.25;
  letter-spacing: .14em;
  text-align: center;
}

.home-page .catalogue-hero .catalogue-hero__title {
  width: fit-content;
  max-width: 100%;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column;
  align-items: center !important;
  gap: .015em !important;
  color: var(--purple-dark);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4.2rem, 7.1vw, 7.3rem) !important;
  font-weight: 700;
  line-height: .82 !important;
  letter-spacing: -.062em;
  text-align: center;
  animation: none !important;
}

.home-page .catalogue-hero .catalogue-hero__line,
.home-page .catalogue-hero .ca-heading-line,
.home-page .catalogue-hero .ca-heading-line--offset,
.home-page .catalogue-hero .ca-heading-line--party-offset {
  width: fit-content;
  max-width: 100%;
  margin-left: 0 !important;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .04em .16em;
}

.home-page .catalogue-hero .catalogue-hero__word {
  top: 0 !important;
  display: inline-block;
  color: inherit;
  -webkit-text-fill-color: currentColor;
  transform-origin: 50% 65%;
}

.home-page .catalogue-hero .catalogue-hero__word--purple {
  color: var(--purple-dark) !important;
  -webkit-text-fill-color: var(--purple-dark) !important;
}

.home-page .catalogue-hero .catalogue-hero__word--teal {
  color: var(--teal) !important;
  -webkit-text-fill-color: var(--teal) !important;
}

.home-page .catalogue-hero .catalogue-hero__word--rainbow {
  background: linear-gradient(90deg, #7652b6 0%, #487fc0 35%, #25aab2 68%, #8ec48e 100%);
  background-size: 180% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.home-page .catalogue-hero .catalogue-hero__word--colour {
  background: linear-gradient(90deg, #25aab2 0%, #4bb8b0 24%, #8ec48e 48%, #ff8fbf 75%, #b72bb4 100%);
  background-size: 190% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
}

.home-page .catalogue-hero .catalogue-hero__intro,
.home-page .catalogue-hero .section-heading__intro.ca-split-copy {
  width: min(100%, 760px);
  max-width: 760px !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
  display: flex;
  justify-content: center;
  align-items: baseline;
  flex-wrap: wrap;
  gap: .03em .26em;
  color: #654154;
  font-size: clamp(1rem, 1.45vw, 1.22rem);
  line-height: 1.45;
  text-align: center;
}

.home-page .catalogue-hero .party-market__intro.catalogue-hero__intro {
  display: block;
}

.home-page .catalogue-hero .party-market__intro.catalogue-hero__intro > p {
  max-width: 760px;
  margin: 0 auto 15px;
  font-size: inherit;
  line-height: 1.5;
  text-align: center;
}

.home-page .catalogue-hero .party-market__stamps {
  justify-content: center;
}

@media (max-width: 760px) {
  .home-page .catalogue-hero {
    margin-bottom: 24px !important;
    padding-inline: 2px;
  }

  .home-page .catalogue-hero .catalogue-hero__eyebrow {
    margin-bottom: 9px !important;
    gap: .08em .34em;
    font-size: .7rem;
  }

  .home-page .catalogue-hero .catalogue-hero__title {
    font-size: clamp(3.05rem, 14.2vw, 5.05rem) !important;
    line-height: .84 !important;
    letter-spacing: -.058em;
  }

  .home-page .catalogue-hero .catalogue-hero__line,
  .home-page .catalogue-hero .ca-heading-line {
    gap: .03em .12em;
  }

  .home-page .catalogue-hero .catalogue-hero__intro,
  .home-page .catalogue-hero .section-heading__intro.ca-split-copy {
    margin-top: 13px !important;
    font-size: .96rem;
    line-height: 1.42;
  }
}

@media (max-width: 379px) {
  .home-page .catalogue-hero .catalogue-hero__title {
    font-size: clamp(2.75rem, 15.1vw, 4rem) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .home-page .catalogue-hero .catalogue-hero__word--rainbow,
  .home-page .catalogue-hero .catalogue-hero__word--colour {
    background-position: 50% 50% !important;
  }
}
