/* Clearer Skin Deluxe - brand colour layer. Loaded last; changes colours only, never layout. */
:root{
  --bg:#F7F5EF;
  --bg-2:#E7F1EC;
  --ink:#12352E;
  --ink-soft:#44514D;
  --muted:#5E8C7E;
  --line:#D2E3DB;
  --card:#FFFEFB;
  --accent:#2E7D6B;
  --accent-2:#B8924A;
  --accent-soft:#A9D3C4;
  --brand-grad:linear-gradient(120deg,#A9D3C4 0%,#2E7D6B 45%,#B8924A 100%);
  --shadow:0 18px 60px -28px rgba(46,125,107,.32);
}
.btn, .comn-btn{ box-shadow:0 12px 28px -16px rgba(46,125,107,.55); }
.btn:hover, .comn-btn:hover{ box-shadow:0 20px 40px -16px rgba(46,125,107,.65); }
.btn-light{ box-shadow:0 12px 28px -16px rgba(46,125,107,.35); }

/* ---- section styling (home page): luxury / editorial ---- */
.hero{ background:linear-gradient(180deg,rgba(8,38,32,.58) 0%,rgba(8,38,32,.34) 45%,rgba(8,38,32,.72) 100%),url(../images/hero.png) center/cover no-repeat; }
.feature-media{ border-radius:0 120px 0 120px; }
.feature.flip .feature-media, .feature.flip + .feature .feature-media{ border-radius:120px 0 120px 0; }
.feature .tag{ border-radius:0; letter-spacing:.14em; }
.benefit{ border-radius:0; border:0; border-top:3px solid #B8924A; box-shadow:0 20px 40px -28px rgba(18,53,46,.35); }
.section-head h2::after{ content:""; display:block; width:70px; height:2px; background:#B8924A; margin:18px auto 0; }
.s2-prod-box{ border-radius:0 40px 0 40px; border:1px solid #D2E3DB; }
.s2-prod-img-box{ background:#F7F5EF; }
.why-media{ background-blend-mode:multiply; }
.why{ background:#12352E; }
.why h2, .why .eyebrow, .why strong, .why p, .why .no{ color:#F7F5EF; }
.why h2 em, .why .eyebrow{ color:#D9B96E !important; }
.section-2{ background:#E7F1EC; }
.why .why-body ul li p, .why .why-body ul li div p, .why-body p{ color:#CFE3DB !important; }
.why .why-body ul li strong, .why-body strong{ color:#fff !important; }
.why .why-body ul li .no{ color:#D9B96E !important; }
.why-body ul li{ border-color:rgba(255,255,255,.18) !important; }