:root {
  --cms-page-bg: #f8f6f3;
  --cms-ink: #24211f;
  --cms-muted: #77716e;
  --cms-rose: #f6e6e7;
  --cms-green: #66735c;
  --cms-accent: #bd777e;
  --cms-line: #eee9e5;

  
  --ink: var(--cms-ink);
  --muted: var(--cms-muted);
  --rose: var(--cms-rose);
  --green: var(--cms-green);
  --line: var(--cms-line);
}
body { background: var(--cms-page-bg); color: var(--ink); }
.hero { background: var(--rose); }
.eyebrow, .text-link:hover { color: var(--green); }
.button:hover { background: var(--green); }
.nav .links a:hover, .brand span { color: var(--cms-accent); }
.section { border-color: var(--line); }
.cms-extra-section { background:#fff; padding:38px 5.5%; margin:0 0 22px; border-radius:18px; }
.cms-extra-section h2 { font:600 32px var(--serif); margin:0 0 12px; }
.cms-extra-section p { color:var(--cms-muted); line-height:1.8; max-width:760px; }
.cms-extra-section img { display:block; max-width:100%; max-height:520px; object-fit:cover; border-radius:12px; margin-top:16px; }
.cms-extra-section .button { margin-top:10px; }
@media(max-width:560px){.cms-extra-section{padding:25px 17px}.cms-extra-section h2{font-size:27px}}

.section + .section, .section + .story { margin-top: -5px; }
.section, .hero, .nav, .story { transition: box-shadow .35s ease, transform .35s ease; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .collection img, .product-photo img { will-change: transform; }
  .button, .icon, .view-button { transition: transform .25s ease, background-color .25s ease, color .25s ease; }
}