/* WFM Achievers – Hall of Fame winner page. Scoped to .wfm-hof-single */
.wfm-hof-single {
  --gold:#C9892A; --gold-light:#E8B45A; --gold-deep:#A66F1F; --amber:#D4621A;
  --cream:#FBF7F0; --cream-dark:#F0E8D8; --brown:#7A6A58; --brown-dark:#4A3C2C;
  --ink:#1C1510; --ink-mid:#2E2318; --white:#FFFFFF;
  font-family:'Josefin Sans',sans-serif; background:var(--cream); color:var(--ink); line-height:1.45;
}
.wfm-hof-single *, .wfm-hof-single *::before, .wfm-hof-single *::after { box-sizing:border-box; }
.wfm-hof-single h1, .wfm-hof-single p, .wfm-hof-single ul, .wfm-hof-single blockquote { margin:0; padding:0; }
.wfm-hof-single img { display:block; max-width:100%; }
.wfm-hof-single a { text-decoration:none; }

/* Hero */
.wfm-hof-single .wh-hero { position:relative; background:var(--ink); overflow:hidden; padding:72px 24px 64px; }
.wfm-hof-single .wh-hero::before { content:''; position:absolute; inset:0; pointer-events:none;
  background:radial-gradient(ellipse 55% 70% at 25% 40%, rgba(201,137,42,.2), transparent 70%),
             radial-gradient(ellipse 70% 40% at 85% 90%, rgba(212,98,26,.08), transparent 60%); }
.wfm-hof-single .wh-frame { position:absolute; inset:20px; border:1px solid rgba(232,180,90,.18); pointer-events:none; }
.wfm-hof-single .wh-frame::before, .wfm-hof-single .wh-frame::after { content:''; position:absolute; width:48px; height:48px; border:solid var(--gold-light); }
.wfm-hof-single .wh-frame::before { top:-1px; left:-1px; border-width:2px 0 0 2px; }
.wfm-hof-single .wh-frame::after { bottom:-1px; right:-1px; border-width:0 2px 2px 0; }
.wfm-hof-single .wh-hero-inner { position:relative; max-width:1040px; margin:0 auto; display:flex; gap:48px; align-items:center; }

.wfm-hof-single .wh-avatar { position:relative; flex:0 0 240px; width:240px; height:240px; border-radius:50%; padding:4px; background:linear-gradient(135deg,var(--gold-light),var(--gold-deep)); }
.wfm-hof-single .wh-avatar-in { position:relative; width:100%; height:100%; border-radius:50%; overflow:hidden; border:4px solid var(--ink); background:linear-gradient(135deg,var(--brown-dark),var(--ink-mid)); display:flex; align-items:center; justify-content:center; }
.wfm-hof-single .wh-avatar-in img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 25%; }
.wfm-hof-single .wh-initials { font-family:'Cormorant Garamond',serif; font-size:84px; font-weight:300; color:rgba(232,180,90,.4); }
.wfm-hof-single .wh-star { position:absolute; bottom:14px; right:14px; width:44px; height:44px; border-radius:50%; background:var(--gold); color:var(--ink); font-size:20px; display:flex; align-items:center; justify-content:center; border:3px solid var(--ink); }

.wfm-hof-single .wh-eyebrow { font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--gold); margin-bottom:12px; }
.wfm-hof-single .wh-category { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:26px; color:var(--gold-light); line-height:1.2; }
.wfm-hof-single .wh-region { display:inline-block; margin-top:10px; font-size:9px; letter-spacing:.25em; text-transform:uppercase; font-weight:600; color:var(--ink); background:var(--gold); padding:4px 10px; }
.wfm-hof-single .wh-name { font-family:'Cormorant Garamond',serif; font-size:clamp(40px,5.5vw,64px); font-weight:300; color:var(--white); line-height:1.05; margin-top:14px; }
.wfm-hof-single .wh-role { font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--gold-light); margin-top:12px; line-height:1.6; }
.wfm-hof-single .wh-summary { font-family:'Cormorant Garamond',serif; font-size:20px; color:rgba(251,247,240,.75); line-height:1.55; margin-top:18px; max-width:620px; }
.wfm-hof-single .wh-meta { display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:22px; font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:rgba(251,247,240,.55); }
.wfm-hof-single .wh-meta b { color:var(--gold-light); font-weight:600; }
.wfm-hof-single .wh-meta a { color:var(--gold-light); }
.wfm-hof-single .wh-meta a:hover { color:var(--white); }

/* Body */
.wfm-hof-single .wh-wrap { max-width:1088px; margin:0 auto; padding:0 24px 72px; }
.wfm-hof-single .wh-stats { display:flex; flex-wrap:wrap; gap:16px; margin-top:-32px; position:relative; }
.wfm-hof-single .wh-stat { flex:1 1 200px; background:var(--white); border:1px solid var(--cream-dark); border-top:2px solid var(--gold); border-radius:3px; padding:20px 22px; box-shadow:0 10px 30px rgba(74,60,44,.08); }
.wfm-hof-single .wh-stat-num { font-size:30px; font-weight:600; color:var(--gold-deep); line-height:1.1; }
.wfm-hof-single .wh-stat-lbl { font-size:10px; letter-spacing:.2em; text-transform:uppercase; color:var(--brown); margin-top:8px; }

.wfm-hof-single .wh-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:48px; margin-top:52px; align-items:start; }
.wfm-hof-single .wh-label { font-size:10px; letter-spacing:.3em; text-transform:uppercase; color:var(--gold); margin-bottom:18px; display:flex; align-items:center; gap:12px; }
.wfm-hof-single .wh-label::after { content:''; height:1px; flex:0 1 80px; background:var(--gold-light); opacity:.4; }
.wfm-hof-single .wh-list { list-style:none; }
.wfm-hof-single .wh-list li { position:relative; padding:0 0 16px 26px; font-family:'Cormorant Garamond',serif; font-size:20px; color:var(--ink-mid); line-height:1.5; }
.wfm-hof-single .wh-list li::before { content:'✦'; position:absolute; left:0; top:3px; font-size:12px; color:var(--gold); }
.wfm-hof-single .wh-quote { margin-top:26px; background:var(--white); border-left:3px solid var(--gold); padding:22px 26px; border-radius:0 3px 3px 0; }
.wfm-hof-single .wh-quote p { font-family:'Cormorant Garamond',serif; font-style:italic; font-size:22px; color:var(--brown-dark); line-height:1.5; }
.wfm-hof-single .wh-quote cite { display:block; margin-top:12px; font-style:normal; font-size:10px; letter-spacing:.22em; text-transform:uppercase; color:var(--gold-deep); }
.wfm-hof-single .wh-judged { margin-top:20px; font-size:11px; letter-spacing:.18em; text-transform:uppercase; color:var(--brown); }
.wfm-hof-single .wh-judged b { color:var(--gold-deep); font-weight:600; }

/* Certificate */
.wfm-hof-single .wh-cert { background:var(--white); border:1px solid var(--cream-dark); border-radius:3px; padding:24px; }
.wfm-hof-single .wh-cert-img { display:block; border:1px solid var(--cream-dark); box-shadow:0 12px 32px rgba(74,60,44,.12); transition:transform .3s; }
.wfm-hof-single .wh-cert-img:hover { transform:translateY(-3px); }
.wfm-hof-single .wh-cert-actions { display:flex; flex-direction:column; gap:10px; margin-top:20px; }
.wfm-hof-single .wh-btn { display:block; text-align:center; font-size:11px; letter-spacing:.18em; text-transform:uppercase; font-weight:600; padding:14px 18px; border-radius:2px; transition:background .25s,color .25s,border-color .25s; }
.wfm-hof-single .wh-btn-gold { background:var(--gold); color:var(--ink); border:1px solid var(--gold); }
.wfm-hof-single .wh-btn-gold:hover { background:var(--gold-deep); border-color:var(--gold-deep); color:var(--white); }
.wfm-hof-single .wh-btn-outline { background:transparent; color:var(--gold-deep); border:1px solid var(--gold-light); }
.wfm-hof-single .wh-btn-outline:hover { background:var(--cream); border-color:var(--gold); }
.wfm-hof-single .wh-cert-pending { aspect-ratio:1.414/1; display:flex; align-items:center; justify-content:center; background:var(--cream); border:1px dashed var(--gold-light); font-family:'Cormorant Garamond',serif; font-style:italic; font-size:20px; color:var(--brown); }
.wfm-hof-single .wh-cert-id { margin-top:18px; font-size:11px; letter-spacing:.06em; color:var(--brown); line-height:1.7; text-align:center; }
.wfm-hof-single .wh-cert-id b { color:var(--ink); letter-spacing:.1em; }
.wfm-hof-single .wh-cert-id a { color:var(--gold-deep); border-bottom:1px solid var(--gold-light); }

.wfm-hof-single .wh-back { margin-top:56px; padding-top:22px; border-top:1px solid var(--cream-dark); }
.wfm-hof-single .wh-back a { font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--gold-deep); }
.wfm-hof-single .wh-back a:hover { color:var(--amber); }

/* Responsive */
@media (max-width:900px) {
  .wfm-hof-single .wh-hero-inner { flex-direction:column; text-align:center; gap:28px; }
  .wfm-hof-single .wh-avatar { flex-basis:auto; width:190px; height:190px; }
  .wfm-hof-single .wh-summary { margin-left:auto; margin-right:auto; }
  .wfm-hof-single .wh-meta { justify-content:center; }
  .wfm-hof-single .wh-grid { grid-template-columns:1fr; gap:36px; }
}
@media (max-width:600px) {
  .wfm-hof-single .wh-hero { padding:56px 16px 56px; }
  .wfm-hof-single .wh-wrap { padding:0 16px 56px; }
  .wfm-hof-single .wh-stat { flex-basis:100%; }
  .wfm-hof-single .wh-list li { font-size:18px; }
}
