.viral-message-section {
  position: relative;
  padding: clamp(56px, 7vw, 92px) 22px;
  color: #fff4f4;
  background: radial-gradient(circle at 50% 0, #c8329d 0, #7b1d80 48%, #2b0b36 100%);
  border-block: 1px solid #e5b36f;
  overflow: hidden;
}
.viral-message-section#viral-messages {
  background: radial-gradient(ellipse at 50% 0, #e63bb766 0, transparent 52%), linear-gradient(135deg, #54106e 0%, #9b237f 50%, #5b146f 100%) !important;
}
.viral-message-shell { width: min(1120px, 100%); margin: 0 auto; }
.viral-message-heading { max-width: 850px; margin: 0 auto 28px; padding: 28px 28px 25px; text-align: center; border: 1px solid #e8bc7c; border-radius: 24px; background: linear-gradient(145deg, #5d146d, #8c207e 56%, #4b105f) !important; box-shadow: 0 16px 38px #26072e66, inset 0 1px #ffe0a055; }
.viral-message-heading .eyebrow { color: #ffd58f; font-weight: 800; letter-spacing: .2em; font-size: .78rem; }
.viral-message-heading h2 { margin: 10px 0 14px; color: #ffdda4; font: 600 clamp(2.3rem, 5vw, 4.3rem)/1.06 'Playfair Display', serif; text-shadow: 0 0 16px #f2aa744d; }
.viral-message-heading p { max-width: 780px; margin: 0 auto; color: #fce8ef; font-size: 1.04rem; line-height: 1.65; }
.viral-character-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; width: min(900px, 100%); margin: 30px auto 34px; }
.viral-character-card { overflow: hidden; border: 1px solid #edbf7c; border-radius: 18px; background: linear-gradient(145deg, #fffafc, #f3dce8); box-shadow: 0 14px 32px #21062666; }
.viral-character-card img { display: block; width: 100%; height: 290px; object-fit: contain; object-position: center; background: #fff; }
.viral-character-card figcaption { padding: 11px 10px 13px; color: #4a123d; font: 600 1.1rem 'Playfair Display', serif; text-align: center; }
.viral-character-card small { display: block; margin-top: 3px; color: #7c3d69; font: 500 .78rem 'DM Sans', sans-serif; }
.viral-message-card { width: min(390px, 100%); margin: 0 auto; overflow: hidden; border: 1px solid #edbf7c; border-radius: 22px; background: linear-gradient(145deg, #5a155f, #301038); box-shadow: 0 20px 50px #2106268c, 0 0 22px #efad6952; }
.viral-message-card video { display: block; width: 100%; aspect-ratio: 9 / 16; object-fit: cover; background: #210817; }
.viral-message-card-body { padding: 18px 18px 22px; text-align: center; }
.viral-message-card-body h3 { margin: 0 0 7px; color: #ffdda4; font: 600 1.55rem/1.15 'Playfair Display', serif; }
.viral-message-card-body p { margin: 0; color: #f7dfe9; font-size: .95rem; line-height: 1.5; }
.viral-message-cta { display: flex; justify-content: center; margin-top: 25px; }
.viral-message-cta a { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 11px 22px; border: 1px solid #ffe0a0; border-radius: 999px; background: linear-gradient(105deg, #a86b28, #f2cd78 44%, #bc7b2e); color: #2b1320; font-weight: 800; box-shadow: 0 8px 24px #efb66a55; text-align: center; }
.viral-message-cta a:hover { filter: brightness(1.08); transform: translateY(-1px); }
@media (max-width: 680px) {
  .viral-message-section { padding: 48px 16px 62px; }
  .viral-message-heading { margin-bottom: 22px; padding: 24px 16px 21px; border-radius: 18px; }
  .viral-message-heading h2 { font-size: clamp(2.15rem, 10vw, 3rem); }
  .viral-message-heading p { font-size: .96rem; }
  .viral-character-grid { grid-template-columns: 1fr; gap: 13px; margin: 24px auto 28px; width: min(280px, 100%); }
  .viral-character-card img { height: 260px; }
  .viral-message-card { width: min(330px, 100%); border-radius: 18px; }
  .viral-message-card-body { padding: 15px 14px 18px; }
  .viral-message-cta a { width: 100%; }
}