/**
 * Merrick What’s New landing page.
 */

.merrick-page-whats-new {
  --merrick-whats-new-coral: #f05142;
  --merrick-whats-new-border: rgba(92, 75, 158, 0.2);
  --merrick-whats-new-shell: 1160px;
  color: var(--merrick-color-charcoal);
}

.merrick-page-whats-new #be-content { overflow: hidden; }
.merrick-whats-new-shell { box-sizing: border-box; width: min(calc(100% - 48px), var(--merrick-whats-new-shell)); margin-inline: auto; }
.merrick-page-whats-new h1,
.merrick-page-whats-new h2,
.merrick-page-whats-new h3 { font-family: Montserrat, Arial, sans-serif; }

.merrick-whats-new__hero { padding: 56px 0 76px; background: var(--merrick-color-white); }
/* Match the Volunteer hero bottom spacing without changing other landing pages. */
.merrick-page-whats-new .merrick-whats-new__hero { padding-bottom: 30px !important; }
.merrick-whats-new__eyebrow { margin: 0 0 8px; color: var(--merrick-color-text-muted); font-size: 17px; line-height: 1.4; }
.merrick-whats-new__hero h1 { margin: 0 0 24px; color: var(--merrick-whats-new-coral); font-weight: 700; }
.merrick-whats-new__hero p:last-child { max-width: 760px; margin: 0; color: var(--merrick-color-text-muted); }

.merrick-whats-new__stories { padding: 0 0 16px; background: var(--merrick-color-lavender); }
.merrick-whats-new__latest { background: var(--merrick-color-lavender); }
.merrick-whats-new__latest > .tatsu-section-pad { padding-bottom: 48px !important; }
.merrick-page-whats-new .merrick-whats-new > .tatsu-section { padding-inline: 0; }
.merrick-page-whats-new .tatsu-row.merrick-whats-new-shell { margin-inline: auto !important; }
.merrick-whats-new-content-module { margin: 0; }
/* These sections already supply outer spacing; avoid stacking Tatsu padding. */
.merrick-page-whats-new .merrick-whats-new__events > .tatsu-section-pad,
.merrick-page-whats-new .merrick-whats-new__newsletter-promo > .tatsu-section-pad {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.merrick-content-section-heading { margin-bottom: 34px !important; }
.merrick-content-section-heading h2 { margin: 0; color: var(--merrick-whats-new-coral); font-weight: 700; }
.merrick-whats-new__latest .merrick-content-section-heading,
.merrick-whats-new__events .merrick-content-section-heading { padding-top: 16px; }
.merrick-whats-new__latest .merrick-content-section-heading p,
.merrick-whats-new__events .merrick-content-section-heading p { max-width: calc(100% - 220px); margin: 8px 0 0; color: var(--merrick-color-text-muted); font-size: 16px; line-height: 1.5; }
.merrick-whats-new__latest .merrick-whats-new-shell .tatsu-column-pad,
.merrick-whats-new__events .merrick-whats-new-shell .tatsu-column-pad { position: relative; }
.merrick-whats-new__content-action { display: flex; justify-content: flex-end; margin: 0 0 24px; }
.merrick-whats-new__latest .merrick-whats-new__content-action,
.merrick-whats-new__events .merrick-whats-new__content-action { position: absolute; top: 68px; right: 0; z-index: 1; margin: 0; }
.merrick-whats-new__content-action a { color: var(--merrick-color-charcoal) !important; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; }
.merrick-whats-new__content-action a:hover,
.merrick-whats-new__content-action a:focus { color: var(--merrick-color-purple) !important; }
.merrick-whats-new__wave { display: block; width: 100%; height: 72px; margin: -1px 0 58px; overflow: hidden; background: var(--merrick-color-white); color: var(--merrick-color-lavender); line-height: 0; pointer-events: none; }
.merrick-whats-new__wave svg { display: block; width: 100%; height: 72px; fill: currentColor; }
.merrick-whats-new__section-heading { margin-bottom: 34px; }
.merrick-whats-new__section-heading h2,
.merrick-whats-new__subheading h2,
.merrick-whats-new__newsletter-promo h2 { margin: 0; color: var(--merrick-whats-new-coral); font-weight: 700; }

.merrick-whats-new__featured-card { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); overflow: hidden; border: 1px solid var(--merrick-whats-new-border); border-radius: 16px; background: var(--merrick-color-white); box-shadow: var(--merrick-shadow-card); }
.merrick-whats-new__featured-image { display: block; min-height: var(--merrick-feature-media-height); overflow: hidden; background: var(--merrick-color-purple); }
.merrick-whats-new__featured-image img,
.merrick-whats-new__highlight-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.merrick-whats-new__featured-image img { transition: none; }
.merrick-whats-new__highlight-image img { transition: transform 0.3s; }
.merrick-whats-new__highlight-card:hover img { transform: scale(1.025); }
.merrick-whats-new__image-placeholder { display: grid; place-items: center; width: 100%; height: 100%; min-height: inherit; background: linear-gradient(135deg, #6554aa, #44327f); color: var(--merrick-color-white); font-family: Montserrat, Arial, sans-serif; font-size: 24px; font-weight: 700; }
.merrick-whats-new__featured-content { display: flex; flex-direction: column; justify-content: center; padding: var(--merrick-feature-copy-padding); }
.merrick-whats-new__meta { margin: 0 0 12px !important; color: var(--merrick-color-purple); font-size: 13px; font-weight: 700; letter-spacing: 0.03em; line-height: 1.4; text-transform: uppercase; }
.merrick-whats-new__featured-content h2 { margin: 0; font-size: clamp(26px, 2.5vw, 32px); font-weight: 800; line-height: 1.2; }
.merrick-whats-new__featured-content h2 a,
.merrick-whats-new__highlight-content h3 a,
.merrick-whats-new__event-copy h3 a { color: var(--merrick-color-charcoal) !important; text-decoration: none; }
.merrick-whats-new__featured-content h2 a:hover,
.merrick-whats-new__highlight-content h3 a:hover,
.merrick-whats-new__event-copy h3 a:hover { color: var(--merrick-whats-new-coral) !important; }
.merrick-whats-new__excerpt { display: -webkit-box; overflow: hidden; margin: 16px 0 20px; color: var(--merrick-color-text-muted); font-size: 16px; line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.merrick-whats-new__button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: fit-content; min-height: 48px; padding: 11px 26px; border: 2px solid var(--merrick-color-purple); border-radius: 999px; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: background-color 0.2s, color 0.2s; }
.merrick-whats-new__button--primary { background: var(--merrick-color-purple); color: var(--merrick-color-white) !important; }
.merrick-whats-new__button--outline { background: transparent; color: var(--merrick-color-purple) !important; }
.merrick-whats-new__button--primary:hover,
.merrick-whats-new__button--primary:focus-visible { background: #44327f; border-color: #44327f; }
.merrick-whats-new__button--outline:hover,
.merrick-whats-new__button--outline:focus-visible { background: var(--merrick-color-purple); color: var(--merrick-color-white) !important; }

.merrick-whats-new__subheading { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 72px 0 30px; }
.merrick-whats-new__subheading a,
.merrick-whats-new__text-link { color: var(--merrick-color-charcoal) !important; font-family: Montserrat, Arial, sans-serif; font-size: 14px; font-weight: 700; text-decoration: none; }
.merrick-whats-new__subheading a:hover,
.merrick-whats-new__text-link:hover { color: var(--merrick-color-purple) !important; }
.merrick-whats-new__highlight-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; }
.merrick-whats-new__highlight-card { display: flex; flex-direction: column; overflow: hidden; min-width: 0; border: 1px solid var(--merrick-post-card-border); border-radius: var(--merrick-post-card-radius); background: var(--merrick-color-white); }
.merrick-whats-new__highlight-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: var(--merrick-color-purple); }
.merrick-whats-new__highlight-content { display: flex; flex: 1; flex-direction: column; padding: var(--merrick-post-card-padding); }
.merrick-whats-new__highlight-content h3 { margin: 0; font-size: var(--merrick-post-card-title-size); font-weight: 800; line-height: 1.3; }
.merrick-whats-new__highlight-content > p:not(.merrick-whats-new__meta) { display: -webkit-box; overflow: hidden; margin: 14px 0 20px; color: var(--merrick-color-text-muted); font-size: var(--merrick-post-card-excerpt-size); line-height: 1.55; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.merrick-whats-new__text-link { align-self: flex-end; margin-top: auto; }

.merrick-whats-new__events { padding: 42px 0 52px; background: var(--merrick-color-white); }
.merrick-whats-new__subheading--events { margin-top: 0; }
.merrick-whats-new__event-list { display: grid; gap: 18px; }
.merrick-whats-new__event-card { display: grid; grid-template-columns: 66px minmax(0, 1fr) auto; gap: 22px; align-items: center; padding: 22px 24px; border: 1px solid var(--merrick-whats-new-border); border-radius: 14px; background: var(--merrick-color-white); }
.merrick-whats-new__event-card > time { overflow: hidden; border: 1px solid var(--merrick-whats-new-border); border-radius: 10px; text-align: center; }
.merrick-whats-new__event-card > time span,
.merrick-whats-new__event-card > time strong { display: block; }
.merrick-whats-new__event-card > time span { padding: 6px 4px 5px; background: var(--merrick-color-purple); color: var(--merrick-color-white); font-size: 11px; font-weight: 700; letter-spacing: 0.06em; line-height: 1; text-transform: uppercase; }
.merrick-whats-new__event-card > time strong { padding: 8px 4px 9px; font-size: 24px; line-height: 1; }
.merrick-whats-new__event-copy > p { margin: 0 0 4px; color: var(--merrick-color-purple); font-size: 12px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.merrick-whats-new__event-copy h3 { margin: 0; font-size: 21px; line-height: 1.3; }
.merrick-whats-new__event-copy > div { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 6px; color: var(--merrick-color-text-muted); font-size: 14px; line-height: 1.45; }

.merrick-whats-new__newsletter-promo { padding: 40px 0 48px; background: var(--merrick-color-lavender); }
.merrick-whats-new__newsletter-promo-grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.9fr); gap: 60px; align-items: center; }
.merrick-whats-new__newsletter-promo .merrick-whats-new__eyebrow { color: var(--merrick-color-purple); font-size: 13px; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.merrick-whats-new__newsletter-promo p:not(.merrick-whats-new__eyebrow) { max-width: 720px; margin: 18px 0 24px; color: var(--merrick-color-charcoal); font-size: 17px; line-height: 1.65; }
.merrick-whats-new__newsletter-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.merrick-whats-new__newsletter-mark { position: relative; display: block; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 16px; background: var(--merrick-color-purple); }
.merrick-whats-new__newsletter-fallback { position: absolute; inset: 0; display: grid; place-items: center; }
.merrick-whats-new__newsletter-fallback img { z-index: 1; display: block; width: min(62%, 300px); height: auto; transform: translateX(-6%); }
.merrick-whats-new__newsletter-corner-mark { position: absolute; right: 0; bottom: 0; z-index: 2; display: block; width: clamp(88px, 28%, 140px); aspect-ratio: 170 / 148; }
.merrick-whats-new__newsletter-corner-mark img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: right bottom; }
.merrick-whats-new__newsletter-cover { aspect-ratio: 4 / 3; overflow: hidden; border: 2px solid var(--merrick-color-purple); border-radius: 16px; background: var(--merrick-color-white); }
.merrick-whats-new__newsletter-cover img { display: block; width: 100%; height: 100%; object-fit: cover; }

.merrick-whats-new__empty { padding: 38px; border: 1px solid var(--merrick-whats-new-border); border-radius: 14px; background: var(--merrick-color-white); text-align: center; }
.merrick-whats-new__empty h2 { margin: 0 0 8px; color: var(--merrick-color-charcoal); font-size: 26px; }
.merrick-whats-new__empty p { margin: 0; }

@media (max-width: 900px) {
  .merrick-whats-new__featured-card { grid-template-columns: 1fr; }
  .merrick-whats-new__featured-image { min-height: 0; aspect-ratio: 16 / 9; }
  .merrick-whats-new__highlight-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .merrick-whats-new__newsletter-promo-grid { grid-template-columns: minmax(0, 1fr) 260px; gap: 34px; }
}

@media (max-width: 767px) {
  .merrick-whats-new-shell { width: min(calc(100% - 40px), var(--merrick-whats-new-shell)); }
  .merrick-whats-new__hero { padding: 58px 0 56px; }
  .merrick-page-whats-new .merrick-whats-new__hero { padding-bottom: 24px !important; }
  .merrick-whats-new__stories { padding-bottom: 20px; }
  .merrick-whats-new__latest > .tatsu-section-pad { padding-bottom: 36px !important; }
  .merrick-whats-new__wave { height: 48px; margin-bottom: 42px; }
  .merrick-whats-new__wave svg { height: 48px; }
  .merrick-whats-new__featured-content { padding: 32px 28px 36px; }
  .merrick-content-section-heading { margin-bottom: 26px !important; }
  .merrick-whats-new__latest .merrick-content-section-heading,
  .merrick-whats-new__events .merrick-content-section-heading { margin-bottom: 18px !important; }
  .merrick-whats-new__latest .merrick-content-section-heading p,
  .merrick-whats-new__events .merrick-content-section-heading p { max-width: none; }
  .merrick-whats-new__content-action { justify-content: flex-start; margin: 0 0 22px; }
  .merrick-whats-new__latest .merrick-whats-new__content-action,
  .merrick-whats-new__events .merrick-whats-new__content-action { position: static; margin: 0 0 22px; }
  .merrick-whats-new__subheading { align-items: flex-start; flex-direction: column; gap: 12px; margin-top: 54px; }
  .merrick-whats-new__subheading--events { margin-top: 0; }
  .merrick-whats-new__highlight-grid { grid-template-columns: 1fr; }
  .merrick-whats-new__events { padding: 32px 0 40px; }
  .merrick-whats-new__event-card { grid-template-columns: 58px minmax(0, 1fr); gap: 18px; }
  .merrick-whats-new__event-card > .merrick-whats-new__button { grid-column: 2; }
  .merrick-whats-new__newsletter-promo { padding: 32px 0 40px; }
  .merrick-whats-new__newsletter-promo-grid { grid-template-columns: 1fr; }
  .merrick-whats-new__newsletter-mark,
  .merrick-whats-new__newsletter-cover { display: none; }
}

@media (max-width: 480px) {
  .merrick-whats-new-shell { width: min(calc(100% - 32px), var(--merrick-whats-new-shell)); }
  .merrick-whats-new__event-card { padding: 20px; }
  .merrick-whats-new__event-card > .merrick-whats-new__button { width: 100%; }
  .merrick-whats-new__newsletter-actions .merrick-whats-new__button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .merrick-whats-new__button,
  .merrick-whats-new__featured-image img,
  .merrick-whats-new__highlight-image img { transition: none; }
}