:root {
  --ink: #392d49;
  --cream: #fcf9fd;
  --sand: #eee6f3;
  --rose: #9c71b6;
  --line: rgba(57, 45, 73, .17);
}

.announcement { background: #4c3b61; color: #fcf9fd; }
.announcement span { color: #d8add2; }
.site-header { background: rgba(252, 249, 253, .91); }
.brand-lockup { display: flex; align-items: center; gap: 7px; color: var(--ink); text-decoration: none; }
.brand-lockup img { width: 45px; height: 45px; border-radius: 50%; object-fit: cover; object-position: center; mix-blend-mode: multiply; }
.brand-lockup .wordmark { font-size: 30px; }
.hero-image-wrap { background: #e7dced; }
.hero-image { mix-blend-mode: normal; object-position: 62% center; }
.hero-sun { background: #c4a2d2; }
.benefits span, .ritual-number { color: #9c71b6; }
.product-image { background: #f0eaf3; }
.product-tag { background: #fcf9fd; }
.story { background: #e9e0ee; }
.social-strip { background: #f6f0f8; }
.tracking-result { background: #eee7f2; }
.button-dark, .bag-button { background: #4c3b61; }
.newsletter { background: #d9c9e1; }

@media (max-width: 760px) {
  .brand-lockup img { width: 38px; height: 38px; }
  .brand-lockup .wordmark { font-size: 26px; }
}