:root { --pink: #f2a49a; --yellow: #f8cf71; }

.hero-art {
  background: url('hero-storybook.png') center / cover !important;
  border-radius: 140px 24px 140px 24px;
  box-shadow: 14px 16px 0 #f5d9bf;
}
.hero-art:after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(31, 50, 40, .12), transparent 65%); }
.hero-art p { z-index: 3; padding: 17px 21px; border-radius: 50%; transform: rotate(-7deg); background: #fff9edcc; color: #b45f4d; font-size: 30px !important; }
.love-notes { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; }
.love-notes span { padding: 8px 11px; border-radius: 99px; background: #f7ddd3; color: #70433a; font-size: 11px; }

/* 5.72:1 against white: keeps the warm rust CTA while meeting WCAG AA. */
.button { border-radius: 99px; background: #a94839; box-shadow: 0 5px 0 #763226; }
.statement { background: linear-gradient(110deg, #b45a4c, #96402f); }
.included li:before { content: '♡'; color: #d76b61; }
.included li span { display: none; }
.note { background: #f7dfbd; }
.closing { background: #506858; }
.site-header { background: #fffaf0; }
footer a { color: #f5d9bf; text-decoration: none; }

@media (max-width: 700px) {
  .hero-art { border-radius: 70px 15px 70px 15px; }
  .love-notes { margin-bottom: 22px; }
}