/* A — "Golden Hour": the reference design. Black header/hero + cream sections, soft gold. */
:root{
  --bg:#f6efe3; --bg2:#fbf7f0; --fg:#1d1a16; --muted:#6b6459;
  --accent:#c9a227; --accent-fg:#111; --line:rgba(201,162,39,.35);
  --card:#ffffff; --card-fg:#1d1a16; --radius:14px;
  --nav-bg:#0a0a0a; --nav-fg:#fff; --hero-bg:#0a0a0a; --hero-fg:#fff; --hero-muted:#d9d2c4;
  --section-bg:#fbf7f0; --section-fg:#1d1a16; --section-alt-bg:#f3ebdc; --section-alt-fg:#1d1a16;
  --foot-bg:#0a0a0a; --foot-fg:#fff;
}
.footer{background:var(--foot-bg) url(/static/img/aromatherapy.jpg) center/cover;position:relative}
.footer::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.82)} .footer>*{position:relative}
.benefits li{padding:1rem;border-right:1px solid var(--line)} .benefits li:last-child{border:0}