/* ============================================================
   MEMBER FORMS HUB — maison reskin (espresso + struck-gold).
   Remaps the --fhl-* light theme; crest-forward hero; refined
   cards. Loaded LAST so it wins. Visual only.
   ============================================================ */
:root{
  --fhl-bg:#0A0805 !important;
  --fhl-bg-strong:#0F0C08 !important;
  --fhl-bg-deep:#13100B !important;
  --fhl-card:linear-gradient(165deg,#13100B,#0C0906) !important;
  --fhl-rule:rgba(196,148,58,.18) !important;
  --fhl-rule-strong:rgba(196,148,58,.34) !important;
  --fhl-text:#EEE9DF !important;
  --fhl-text-dim:#C8BFB0 !important;
  --fhl-text-mut:#A89B89 !important;
  --fhl-blue:#C4943A !important;
  --fhl-blue-deep:#E2B76A !important;
  --fhl-cyan:#F2D79A !important;
  --fhl-blue-tint:rgba(196,148,58,.08) !important;
  --fhl-blue-rule:rgba(196,148,58,.30) !important;
  --fhl-shadow:0 16px 38px rgba(0,0,0,.5) !important;
  --fhl-shadow-soft:0 8px 20px rgba(0,0,0,.42) !important;
  --fhl-font-display:'Playfair Display',Georgia,serif !important;
  --fhl-font-ui:'Sora','DM Sans',system-ui,sans-serif !important;
}

/* canvas */
body{background:radial-gradient(75% 45% at 50% -8%,rgba(196,148,58,.10),transparent 70%),
  linear-gradient(170deg,#0A0805,#0F0C08 55%,#13100B) !important;color:#EEE9DF !important}

/* ── HERO — crest-forward, espresso ── */
.mf-hero,.mf-hero.mbr-banner-stage{position:relative !important;overflow:hidden !important;
  background:radial-gradient(120% 150% at 84% 38%,rgba(196,148,58,.20),transparent 58%),linear-gradient(165deg,#13100B,#0A0805 70%) !important;
  border:1px solid rgba(196,148,58,.22) !important;border-radius:18px !important;
  margin:22px clamp(16px,4vw,40px) 14px !important;padding:clamp(34px,4vw,52px) clamp(28px,5vw,56px) !important}
.mf-hero-img,.mf-hero-overlay,.mf-hero-tint,.mbr-banner-scrim,.mf-hero-bottom-line{display:none !important}
.mf-hero-content{position:relative !important;z-index:3 !important;max-width:640px !important}
.mf-hero-crest{position:absolute !important;right:clamp(16px,6vw,72px);top:50%;transform:translateY(-50%);
  width:clamp(120px,17vw,210px);height:auto;z-index:1;pointer-events:none;
  filter:drop-shadow(0 22px 46px rgba(0,0,0,.6)) drop-shadow(0 0 36px rgba(196,148,58,.16))}
@media(max-width:760px){.mf-hero-crest{right:50%;transform:translate(50%,-50%);opacity:.12;width:240px}.mf-hero-content{max-width:100% !important}}
.mf-hero-eyebrow{color:#E2B76A !important;letter-spacing:.32em !important;font-weight:600 !important}
.mf-hero-eyebrow::before,.mf-hero-eyebrow::after{background:linear-gradient(90deg,#E2B76A,transparent) !important}
.mf-hero-title{font-family:'Playfair Display',Georgia,serif !important;font-weight:400 !important;
  font-size:clamp(36px,5vw,60px) !important;line-height:1.02 !important;color:#EEE9DF !important;-webkit-text-fill-color:#EEE9DF !important}
.mf-hero-title .mf-hero-accent{color:#E2B76A !important;font-style:italic !important;
  background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;-webkit-background-clip:text !important;background-clip:text !important;-webkit-text-fill-color:transparent !important}
.mf-hero-lead{color:#C8BFB0 !important}
.mf-hero-lead a{color:#E2B76A !important}
.mf-hero-chip{background:rgba(196,148,58,.08) !important;border:1px solid rgba(196,148,58,.3) !important;color:#E2B76A !important}
.mf-hero-actions a{background:rgba(196,148,58,.08) !important;color:#F2D79A !important;border:1px solid rgba(196,148,58,.34) !important}
.mf-hero-actions a:hover{background:linear-gradient(135deg,#C4943A,#F2D79A 55%,#E2B76A) !important;color:#2A1808 !important;border-color:rgba(196,148,58,.5) !important}

/* ── SECTION HEAD ── */
.mf-section-kicker{color:#E2B76A !important;letter-spacing:.24em !important}
.mf-section-title{font-family:'Playfair Display',Georgia,serif !important;color:#EEE9DF !important}
.mf-section-note,.mf-section-sub{color:#897C6B !important}

/* ── CARDS — refined maison ── */
.mf-card{background:rgba(255,255,255,.02) !important;border:1px solid rgba(196,148,58,.12) !important;border-radius:16px !important;
  box-shadow:none !important;padding:26px 24px 20px !important;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s !important}
.mf-card::before{background:linear-gradient(90deg,#C4943A,#F2D79A) !important;height:3px !important;width:48px !important}
.mf-card:hover{border-color:rgba(196,148,58,.4) !important;box-shadow:0 22px 46px rgba(0,0,0,.52),0 0 30px rgba(196,148,58,.10) !important;transform:translateY(-4px) !important}
/* unbox the icon — free gold glyph, no border, no fill (kills the box-in-box) */
.mf-card-icon{width:auto !important;height:auto !important;border:none !important;background:none !important;
  border-radius:0 !important;box-shadow:none !important;color:#E2B76A !important;padding:0 !important}
.mf-card-icon svg{stroke:#E2B76A !important;width:26px !important;height:26px !important;stroke-width:1.4 !important}
.mf-card-num{font-family:'Playfair Display',Georgia,serif !important;font-style:italic !important;font-size:30px !important;
  color:rgba(226,183,106,.38) !important;-webkit-text-fill-color:rgba(226,183,106,.38) !important;line-height:1 !important}
.mf-card-eyebrow{color:#C4943A !important;font-family:'Sora',sans-serif !important;font-size:9.5px !important;letter-spacing:.24em !important;margin-top:16px !important}
.mf-card-title{font-family:'Playfair Display',Georgia,serif !important;color:#EEE9DF !important;-webkit-text-fill-color:#EEE9DF !important;
  font-size:22px !important;line-height:1.1 !important;margin:4px 0 9px !important}
.mf-card-desc{color:#A89B89 !important;font-family:'Sora',sans-serif !important;font-size:12.5px !important;line-height:1.6 !important}
/* OPEN FORM -> gold text link with hairline (matches the education catalogue) */
.mf-card-cta{background:none !important;border:none !important;border-top:1px solid rgba(196,148,58,.14) !important;border-radius:0 !important;box-shadow:none !important;
  color:#E2B76A !important;font-family:'Sora',sans-serif !important;font-size:10.5px !important;font-weight:600 !important;letter-spacing:.18em !important;text-transform:uppercase !important;
  padding:14px 0 0 !important;margin-top:16px !important;display:inline-flex !important;align-items:center !important;gap:8px !important;width:100% !important;justify-content:flex-start !important}
.mf-card-cta svg{stroke:#E2B76A !important;width:15px !important;height:15px !important}
.mf-card:hover .mf-card-cta{color:#F2D79A !important}
.mf-card:hover .mf-card-cta svg{stroke:#F2D79A !important}
/* "open form" link -> gold */
.mf-card-cta,.mf-card-open,.mf-card-link,.mf-card-foot a,.mf-card a[class*=open]{color:#E2B76A !important}
.mf-card-cta svg,.mf-card-open svg{stroke:#E2B76A !important}

/* ════════════ FORM CARDS — ground-up redesign (maison folio) ════════════
   Kills the templated card: no generic line icon, no crammed micro-stack.
   Editorial folio entry — large foil index numeral, Playfair title over a
   gold hairline, restrained note, refined CTA, faint crest watermark, depth. */
.mf-card{
  position:relative !important; display:block !important; overflow:hidden !important;
  background:linear-gradient(168deg, rgba(26,21,14,.50), rgba(13,10,7,.92)) !important;
  border:1px solid rgba(196,148,58,.15) !important; border-radius:15px !important;
  padding:32px 32px 28px !important;
  box-shadow:inset 0 1px 0 rgba(242,215,154,.05), 0 22px 54px -30px rgba(0,0,0,.85) !important;
  transition:transform .4s cubic-bezier(.16,1,.3,1), border-color .4s, box-shadow .4s !important;
}
.mf-card::before{ content:'' !important; position:absolute; top:0; left:32px; right:32px; height:2px;
  background:linear-gradient(90deg, transparent, var(--m-gold2), transparent); opacity:0; transition:opacity .4s; }
.mf-card::after{ content:'' !important; position:absolute; right:-26px; bottom:-30px; width:150px; height:172px;
  background:url('../logo-kit/crest/crest-transparent-512.png') no-repeat center/contain;
  opacity:.045; pointer-events:none; transition:opacity .4s; }
.mf-card:hover{ transform:translateY(-6px) !important; border-color:rgba(196,148,58,.42) !important;
  box-shadow:inset 0 1px 0 rgba(242,215,154,.07), 0 32px 66px -28px rgba(0,0,0,.9), 0 0 40px rgba(196,148,58,.10) !important; }
.mf-card:hover::before{ opacity:.85 }
.mf-card:hover::after{ opacity:.12 }

.mf-card-icon{ display:none !important }                 /* kill generic line icon */
.mf-card-top{ display:block !important; padding:0 !important; margin:0 !important; }
.mf-card-num{ position:absolute !important; top:24px; right:28px; margin:0 !important;
  font-family:'Playfair Display',Georgia,serif !important; font-style:italic !important; font-weight:500 !important;
  font-size:48px !important; line-height:1 !important;
  background:linear-gradient(135deg,#C4943A 0%,#F2D79A 60%,#C4943A 100%) !important;
  -webkit-background-clip:text !important; background-clip:text !important;
  -webkit-text-fill-color:transparent !important; color:transparent !important; opacity:.5 !important; }

.mf-card-body{ padding:0 !important; position:relative; z-index:1; }
.mf-card-eyebrow{ display:block !important; margin:0 0 16px !important;
  font-family:'Sora',sans-serif !important; font-size:9.5px !important; font-weight:600 !important;
  letter-spacing:.28em !important; text-transform:uppercase !important; color:var(--m-gold) !important; }
.mf-card-title{ font-family:'Playfair Display',Georgia,serif !important; font-weight:500 !important;
  font-size:26px !important; line-height:1.1 !important; letter-spacing:.005em !important;
  color:var(--m-text) !important; -webkit-text-fill-color:var(--m-text) !important; margin:0 0 16px !important; max-width:76% !important; }
.mf-card-title::after{ content:'' !important; display:block; width:36px; height:1px;
  background:linear-gradient(90deg, var(--m-gold2), transparent); margin-top:16px; }
.mf-card-desc{ font-family:'Sora',sans-serif !important; font-size:12.5px !important; line-height:1.7 !important;
  color:var(--m-muted2) !important; margin:0 0 24px !important; max-width:92% !important; }
.mf-card-cta{ display:inline-flex !important; align-items:center !important; gap:9px !important;
  background:none !important; border:none !important; border-top:none !important; border-radius:0 !important; box-shadow:none !important;
  padding:0 !important; margin:0 !important; width:auto !important;
  font-family:'Sora',sans-serif !important; font-size:10.5px !important; font-weight:600 !important;
  letter-spacing:.2em !important; text-transform:uppercase !important; color:var(--m-gold2) !important;
  transition:gap .28s ease, color .28s ease !important; }
.mf-card-cta svg{ stroke:var(--m-gold2) !important; width:15px !important; height:15px !important; }
.mf-card:hover .mf-card-cta{ gap:15px !important; color:var(--m-gold3) !important; }
.mf-card:hover .mf-card-cta svg{ stroke:var(--m-gold3) !important; }
/* drop the index numeral — decorative filler; let the title be the hero */
.mf-card-num{ display:none !important }

/* ══════════ CHOOSE A FORM — rebuilt from scratch ══════════
   Self-contained .cff-* component. New class names so NONE of the inherited
   forms-hub-light / mf-card borders can touch it. One clean card: eyebrow,
   Playfair title + gold hairline, note, gold CTA pinned to base, crest watermark. */
.cff-grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:20px; margin:0 0 6px; }
.cff-card{ position:relative; display:flex; flex-direction:column; min-height:250px; overflow:hidden;
  padding:30px 30px 26px; text-decoration:none; border-radius:15px;
  background:linear-gradient(168deg,#16120B 0%,#0C0906 100%);
  border:1px solid rgba(196,148,58,.16);
  box-shadow:inset 0 1px 0 rgba(242,215,154,.05), 0 22px 50px -30px rgba(0,0,0,.85);
  transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s,box-shadow .4s; }
.cff-card::before{ content:''; position:absolute; top:0; left:30px; right:30px; height:2px;
  background:linear-gradient(90deg,transparent,#E2B76A,transparent); opacity:0; transition:opacity .4s; }
.cff-card::after{ content:''; position:absolute; right:-28px; bottom:-34px; width:154px; height:178px;
  background:url('../logo-kit/crest/crest-transparent-512.png') no-repeat center/contain; opacity:.05; transition:opacity .4s; pointer-events:none; }
.cff-card:hover{ transform:translateY(-6px); border-color:rgba(196,148,58,.45);
  box-shadow:inset 0 1px 0 rgba(242,215,154,.07), 0 32px 64px -28px rgba(0,0,0,.92), 0 0 40px rgba(196,148,58,.10); }
.cff-card:hover::before{ opacity:.9 }
.cff-card:hover::after{ opacity:.12 }
.cff-eyebrow{ font-family:'Sora',sans-serif; font-size:9.5px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; color:#C4943A; }
.cff-title{ font-family:'Playfair Display',Georgia,serif; font-weight:500; font-size:25px; line-height:1.12; letter-spacing:.005em; color:#EEE9DF; margin:15px 0 0; }
.cff-title::after{ content:''; display:block; width:36px; height:1px; background:linear-gradient(90deg,#E2B76A,transparent); margin:15px 0 0; }
.cff-desc{ font-family:'Sora',sans-serif; font-size:12.5px; line-height:1.7; color:#A89B89; margin:15px 0 0; }
.cff-cta{ display:inline-flex; align-items:center; gap:9px; margin-top:auto; padding-top:22px;
  font-family:'Sora',sans-serif; font-size:10.5px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; color:#E2B76A; transition:gap .28s,color .28s; }
.cff-cta svg{ width:15px; height:15px; stroke:#E2B76A; fill:none; stroke-width:2; }
.cff-card:hover .cff-cta{ gap:15px; color:#F2D79A; }
.cff-card:hover .cff-cta svg{ stroke:#F2D79A; }
@media(max-width:760px){ .cff-card{ min-height:0; padding:26px 24px 22px; } }

/* ═══ HERO BUTTONS (item 2) — pull nav out of the floating absolute position
   (was colliding with title + crest) into a clean flow row; canonical pills ═══ */
.mf-hero-actions{ position:static !important; top:auto !important; right:auto !important; left:auto !important; bottom:auto !important;
  display:flex !important; flex-wrap:wrap !important; gap:10px !important; margin:20px 0 0 !important; z-index:2 !important; }
.mf-hero-actions a{ background:transparent !important; border:1px solid rgba(196,148,58,.34) !important; color:#E2B76A !important; border-radius:999px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:10.5px !important; letter-spacing:.16em !important; text-transform:uppercase !important;
  padding:10px 18px !important; text-decoration:none !important; transition:background .2s,border-color .2s,color .2s !important; }
.mf-hero-actions a:hover{ background:rgba(196,148,58,.12) !important; border-color:rgba(196,148,58,.58) !important; color:#F2D79A !important; }
/* chips = subtle non-interactive labels, visually lighter than the nav pills */
.mf-hero-chips{ display:flex !important; flex-wrap:wrap !important; gap:9px !important; margin:16px 0 0 !important; }
.mf-hero-chip{ background:rgba(196,148,58,.06) !important; border:1px solid rgba(196,148,58,.2) !important; color:#C8BFB0 !important; border-radius:999px !important;
  font-family:'Sora',sans-serif !important; font-weight:600 !important; font-size:9px !important; letter-spacing:.2em !important; text-transform:uppercase !important; padding:7px 13px !important; }