@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700&family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --mt-ink: #2d2233;
  --mt-berry: #d84c8d;
  --mt-peach: #ffcfb7;
  --mt-butter: #ffe273;
  --mt-mint: #8ed4c5;
  --mt-cream: #fff8f2;
  --mt-card: #fffdf9;
  --mt-line: rgba(45, 34, 51, 0.12);
  --mt-shadow: 0 18px 44px rgba(72, 32, 66, 0.14);
}

body.wp-theme-twentytwentyfive {
  font-family: "Manrope", sans-serif;
  background:
    radial-gradient(circle at top left, rgba(216, 76, 141, 0.22), transparent 22%),
    radial-gradient(circle at top right, rgba(142, 212, 197, 0.24), transparent 18%),
    linear-gradient(180deg, #fff3ea 0%, #fff8f2 100%);
  color: var(--mt-ink);
}

body.wp-theme-twentytwentyfive header.wp-block-template-part > .wp-block-group {
  position: sticky;
  top: 0;
  z-index: 40;
  background: rgba(255, 248, 242, 0.92);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(45, 34, 51, 0.1);
}

body.wp-theme-twentytwentyfive header .wp-block-navigation-item__content,
body.wp-theme-twentytwentyfive header .wp-block-pages-list__item__link,
body.wp-theme-twentytwentyfive header .wp-block-navigation a,
body.wp-theme-twentytwentyfive header .wp-block-site-title a {
  color: var(--mt-ink);
  text-decoration: none;
  font-weight: 700;
}

body.wp-theme-twentytwentyfive header .wp-block-navigation-item__content:hover,
body.wp-theme-twentytwentyfive header .wp-block-pages-list__item__link:hover,
body.wp-theme-twentytwentyfive header .current-menu-item > .wp-block-pages-list__item__link {
  color: var(--mt-berry);
}

body.wp-theme-twentytwentyfive h1,
body.wp-theme-twentytwentyfive h2,
body.wp-theme-twentytwentyfive h3,
body.wp-theme-twentytwentyfive .wp-block-site-title {
  font-family: "Fraunces", serif;
  color: var(--mt-ink);
}

body.wp-theme-twentytwentyfive .wp-block-post-title {
  display: none;
}

body.wp-theme-twentytwentyfive .entry-content,
body.wp-theme-twentytwentyfive .entry-content p,
body.wp-theme-twentytwentyfive .entry-content li,
body.wp-theme-twentytwentyfive .entry-content h1,
body.wp-theme-twentytwentyfive .entry-content h2,
body.wp-theme-twentytwentyfive .entry-content h3 {
  color: var(--mt-ink);
}

body.wp-theme-twentytwentyfive .entry-content a:not(.wp-element-button) {
  color: var(--mt-berry);
}

body.wp-theme-twentytwentyfive .wp-element-button,
body.wp-theme-twentytwentyfive .wp-block-button__link {
  background: var(--mt-berry);
  color: #fff;
  border-radius: 999px;
  font-weight: 800;
}

body.wp-theme-twentytwentyfive .is-style-outline .wp-block-button__link,
body.wp-theme-twentytwentyfive .wp-block-button.is-style-outline--2 .wp-block-button__link,
body.wp-theme-twentytwentyfive .wp-block-button.is-style-outline--3 .wp-block-button__link {
  background: transparent;
  color: var(--mt-ink);
  border: 1px solid rgba(45, 34, 51, 0.2);
}

.montsters-shell {
  width: min(100%, var(--wp--style--global--wide-size));
  margin-left: auto;
  margin-right: auto;
}

.montsters-hero {
  padding: 72px 24px 56px;
}

.montsters-kicker {
  color: var(--mt-berry);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.84rem;
}

.montsters-hero-card,
.montsters-card,
.montsters-newsletter-shell {
  background: var(--mt-card);
  border: 1px solid var(--mt-line);
  border-radius: 28px;
  padding: 1.4rem;
  box-shadow: var(--mt-shadow);
}

.montsters-card-grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
}

.montsters-section {
  padding: 18px 24px 56px;
}

.montsters-newsletter-form form {
  display: grid;
  gap: 1rem;
}

.montsters-newsletter-form label {
  display: block;
  margin-bottom: 0.35rem;
  font-weight: 700;
}

.montsters-newsletter-form input[type="text"],
.montsters-newsletter-form input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.95rem 1rem;
  border-radius: 16px;
  border: 1px solid var(--mt-line);
  background: #fff;
  color: var(--mt-ink);
}

body.wp-theme-twentytwentyfive footer.wp-block-template-part > .wp-block-group {
  background: #fff3ea;
  color: var(--mt-ink);
}

body.wp-theme-twentytwentyfive footer .wp-block-navigation,
body.wp-theme-twentytwentyfive footer .wp-block-spacer {
  display: none;
}

@media (max-width: 900px) {
  .montsters-hero {
    padding-top: 56px;
  }
}
