/* === Base tokens & section === */
.fh-intro-copy {
  --fh-intro-gold:#D4A574; --fh-intro-bronze:#CD7F32; --fh-intro-deep-gold:#B8860B;
  --fh-intro-dark-brown:#2F1B14; --fh-intro-warm-brown:#4A2C2A; --fh-intro-cream:#FFF8DC;
  --fh-intro-stone:#8B7D6B; --fh-intro-accent:#C4A484;
  position:relative; padding:80px 0; font-family:inherit;
}

/* Preset backgrounds (keep these) */
.fh-intro-copy[data-bg-style="dark"]{
  background:linear-gradient(135deg,var(--fh-intro-dark-brown),var(--fh-intro-warm-brown));
  color:var(--fh-intro-cream);
}
.fh-intro-copy[data-bg-style="light"]{
  background:linear-gradient(135deg,var(--fh-intro-cream),#F5F1E8);
  color:var(--fh-intro-dark-brown);
}
.fh-intro-copy[data-bg-style="gradient"]{
  background:linear-gradient(135deg,var(--fh-intro-dark-brown) 0%,var(--fh-intro-warm-brown) 30%,var(--fh-intro-gold) 100%);
  color:var(--fh-intro-cream);
}

/* NEW: Beige theme (your requested colors) */
.fh-intro-copy[data-bg-style="beige"]{
  background:#F7F3EA;  /* requested beige */
  color:#000000;       /* black text */
}

.fh-intro-copy__container{max-width:1400px;margin:0 auto;padding:0 40px}

/* === Layout: sections stacked; cards in a grid (like screenshot) === */
.fh-keypoints{
  display:grid; grid-template-columns:1fr; gap:56px;
  align-items:start; max-width:1100px; margin:0 auto;
}

/* Titles */
.fh-keypoints__title{
  font-size:clamp(22px,2vw,28px); font-weight:600; margin:0 0 18px;
  letter-spacing:.2px; color:var(--fh-intro-cream); position:relative;
}
.fh-intro-copy[data-bg-style="light"]  .fh-keypoints__title,
.fh-intro-copy[data-bg-style="beige"]  .fh-keypoints__title { color:#000000; }

.fh-keypoints__title::after{
  content:''; display:block; width:56px; height:2px; margin-top:10px;
  background:linear-gradient(90deg,var(--fh-intro-gold),transparent); opacity:.9;
}

/* Card lists (per section) */
.fh-card-list{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:1fr; gap:14px;
}
@media (min-width:900px){
  /* two-up cards inside each section on wide screens */
  .fh-card-list{ grid-template-columns:1fr 1fr; }
}

/* Cards */
.fh-card{
  display:grid; grid-template-columns:28px 1fr; gap:14px; align-items:start;
  padding:16px; border-radius:8px;
  border:1px solid rgba(212,165,116,.25); /* default accent border */
  background:linear-gradient(180deg,rgba(212,165,116,.06),rgba(212,165,116,.02));
  color:rgba(255,248,220,.96);
  box-shadow:0 6px 22px rgba(0,0,0,.18);
  transition:transform .2s, box-shadow .2s, border-color .2s;
}
.fh-card:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.24);
  border-color:rgba(212,165,116,.45);
}

/* Light gradient adjustments (keep) */
.fh-intro-copy[data-bg-style="light"] .fh-card{
  color:rgba(47,27,20,.92);
  background:linear-gradient(180deg,rgba(200,170,130,.08),rgba(200,170,130,.02));
  border-color:rgba(184,134,11,.25);
}

/* Beige adjustments (critical so hover wins over base) */
.fh-intro-copy[data-bg-style="beige"] .fh-card{
  color:#000000;
  border-color:rgba(184,134,11,.28);
  background:linear-gradient(180deg,rgba(200,170,130,.06),rgba(200,170,130,.02));
  box-shadow:0 6px 22px rgba(0,0,0,.08);
}
.fh-intro-copy[data-bg-style="beige"] .fh-card:hover{
  border-color:rgba(184,134,11,.45);          /* ensures visible hover */
  box-shadow:0 10px 28px rgba(0,0,0,.12);
}

/* Icon pill + variants */
.fh-card__icon{
  display:inline-flex; width:28px; height:28px; border-radius:50%;
  align-items:center; justify-content:center;
  color:var(--fh-intro-gold);
  background:radial-gradient(circle,rgba(212,165,116,.18