/* Biblical Heroes archive only: editorial discovery of the existing profiles. */
.ffha-archive { --ffha-gold:var(--ff-brand-yellow); --ffha-navy:#0b1425; background:var(--ffha-navy); color:#fff; overflow:hidden; }
.ffha-archive * { box-sizing:border-box; }
.ffha-archive .container { max-width:1240px; }
.ffha-archive a:focus-visible, .ffha-archive button:focus-visible, .ffha-archive :is(input,select):focus-visible { outline:3px solid var(--ffha-gold); outline-offset:4px; }
.ffha-archive h1,.ffha-archive h2,.ffha-archive h3 { color:#fff; }
.ffha-archive p { color:#cbd5e2; line-height:1.6; }
.ffha-kicker { display:inline-flex; align-items:center; gap:8px; color:var(--ffha-gold); font-size:.76rem; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.ffha-masthead { position:relative; isolation:isolate; background:radial-gradient(circle at 85% 15%,rgba(122,0,1,.25),transparent 34%),linear-gradient(120deg,#0b162a,#1d3049 70%,#111d30); border-bottom:6px solid var(--ffha-gold); }
.ffha-archive .ffha-masthead .container.ffha-masthead-inner { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(210px,.7fr); gap:30px; align-items:center; padding-top:126px; padding-bottom:70px; }
.admin-bar .ffha-archive .ffha-masthead .container.ffha-masthead-inner { padding-top:158px; }
.ffha-masthead h1 { margin:16px 0 20px; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(4.2rem,7.8vw,7rem); font-weight:400; line-height:1; letter-spacing:.03em; }
.ffha-masthead h1 em { color:var(--ffha-gold); font-style:normal; }
.ffha-masthead-copy p { max-width:760px; margin:0; color:#e6ecf4; font-size:clamp(1.05rem,1.6vw,1.22rem); }
.ffha-jump-link { display:inline-flex; align-items:center; gap:13px; margin-top:25px; color:var(--ffha-gold); font-weight:800; text-decoration:underline; text-underline-offset:4px; }
.ffha-jump-link:hover { color:var(--ff-brand-yellow); }
.ffha-masthead-art { display:flex; flex-direction:column; gap:4px; justify-self:end; transform:rotate(-6deg); color:rgba(255,255,255,.75); font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(2.7rem,4.2vw,4.5rem); line-height:.97; letter-spacing:.04em; text-shadow:0 12px 24px rgba(0,0,0,.25); }
.ffha-masthead-art span:nth-child(2) { color:var(--ffha-gold); padding-left:25px; }
.ffha-masthead-art span:nth-child(3) { padding-left:58px; }
.ffha-find { padding:0 0 clamp(30px,4vw,48px); background:transparent; scroll-margin-top:86px; }
.ffha-find-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:24px; }
.ffha-find-heading h2,.ffha-profiles-heading h2 { margin:8px 0 0; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(2.6rem,4.2vw,4rem); font-weight:400; line-height:1.05; letter-spacing:.025em; }
.ffha-find-heading p { margin:0 0 5px; color:#dce4ee; font-weight:700; white-space:nowrap; }
.ffha-find-controls { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:16px; }
.ffha-find-controls form { min-width:0; }
.ffha-find-controls label { display:block; margin-bottom:8px; color:#eaf0f6; font-size:.83rem; font-weight:800; }
.ffha-input-row { display:flex; min-width:0; gap:8px; }
.ffha-input-row :is(input,select) { min-width:0; width:100%; min-height:49px; padding:11px 14px; border:1px solid #a1afbf; border-radius:9px; background:#fff; color:#142237; font-size:1rem; }
.ffha-input-row button { flex:none; min-height:49px; padding:10px 19px; border:0; border-radius:9px; background:var(--ffha-gold); color:#152135; font-weight:800; cursor:pointer; transition:background .2s ease,transform .2s ease; }
.ffha-input-row button:hover { background:var(--ff-brand-yellow); transform:translateY(-2px); }
.ffha-results { margin:18px 0 0; font-size:.9rem; }
.ffha-results strong { color:#fff; }
.ffha-results a { margin-left:5px; color:var(--ffha-gold); font-weight:800; text-decoration:underline; text-underline-offset:3px; }

/* One continuous, white story line; every era keeps its date beside the cards. */
.ffha-profiles { padding:clamp(52px,6vw,82px) 0 clamp(75px,8vw,110px); background:radial-gradient(circle at 100% 45%,rgba(122,0,1,.08),transparent 34%),#0b1425; }
.ffha-profiles-heading { margin-bottom:24px; }
.ffha-profiles-heading h2 { text-align:center; }
.ffha-date-details { max-width:780px; margin:24px 0 0 auto; color:#cbd5e2; font-size:.88rem; }
.ffha-date-details summary { width:fit-content; margin-left:auto; padding:5px 0; color:var(--ffha-gold); font-weight:800; cursor:pointer; }
.ffha-date-details summary:focus-visible { outline:3px solid var(--ffha-gold); outline-offset:4px; }
.ffha-date-details p { margin:6px 0 0; }
.ffha-date-details a { color:var(--ffha-gold); text-decoration:underline; text-underline-offset:3px; }
.ffha-timeline { position:relative; }
.ffha-timeline::before { content:''; position:absolute; z-index:0; top:18px; bottom:0; left:calc(27% - 1.5px); width:3px; background:#fff; }
.ffha-era { position:relative; display:grid; grid-template-columns:minmax(0,27%) minmax(0,73%); padding:0 0 38px; }
.ffha-era:last-child { padding-bottom:0; }
.ffha-era::before { content:''; position:absolute; z-index:2; top:11px; left:calc(27% - 9px); width:18px; height:18px; border:4px solid #fff; border-radius:50%; background:var(--ff-brand-red); box-shadow:0 0 0 5px #0b1425; }
.ffha-era-label { padding:0 38px 0 0; text-align:right; }
.ffha-era-label h3 { margin:0 0 7px; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(1.85rem,2.6vw,2.5rem); font-weight:400; letter-spacing:.025em; line-height:1.05; }
.ffha-era-label p { margin:0; color:var(--ff-brand-yellow); font-size:.83rem; font-weight:700; line-height:1.4; }
.ffha-era-cards { display:grid; grid-template-columns:1fr; gap:15px; min-width:0; padding-left:43px; }
.ffha-profiles .hero-card { display:flex; flex-direction:row; min-width:0; min-height:190px; overflow:hidden; border:1px solid rgba(255,255,255,.17); border-radius:16px; background:#17263d; perspective:none; box-shadow:0 12px 30px rgba(0,0,0,.16); transform:none; transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; }
.ffha-profiles .hero-card::before { height:3px; background:linear-gradient(90deg,var(--ff-brand-red),var(--ff-brand-yellow)); }
.ffha-profiles .hero-card:hover { transform:translateY(-3px); border-color:rgba(212,160,23,.5); box-shadow:0 20px 38px rgba(0,0,0,.28); }
.ffha-profiles .hero-card-img { flex:0 0 205px; width:205px; min-height:190px; align-self:stretch; aspect-ratio:auto; overflow:hidden; background:#1a2b43; border-right:1px solid rgba(255,255,255,.1); }
.ffha-profiles .hero-card-img { position:relative; isolation:isolate; }
.ffha-profiles .hero-card-img::before { content:''; position:absolute; z-index:1; inset:9px; opacity:1; border:1px solid rgba(212,160,23,.65); border-radius:9px; background:linear-gradient(135deg,rgba(212,160,23,.1),transparent 34%); box-shadow:inset 0 0 20px rgba(212,160,23,.08); pointer-events:none; }
.ffha-profiles .hero-card-img::after { content:''; position:absolute; z-index:2; inset:auto 8px 8px auto; opacity:1; width:25px; height:25px; border-right:3px solid var(--ff-brand-yellow); border-bottom:3px solid var(--ff-brand-yellow); border-radius:0 0 9px 0; background:none; pointer-events:none; }
.ffha-profiles .hero-card-img img { display:block; width:100%; height:100%; object-fit:cover; object-position:center 22%; filter:none; transform:none; transition:transform .4s ease; }
.ffha-profiles .hero-card:hover .hero-card-img img { transform:scale(1.025); }
.ffha-profiles .hero-card-body { display:flex; min-width:0; flex:1; flex-direction:column; gap:7px; padding:19px 23px 20px; background:radial-gradient(ellipse at 0% 35%,rgba(212,160,23,.14),transparent 62%),radial-gradient(ellipse at 100% 100%,rgba(122,0,1,.3),transparent 65%),repeating-linear-gradient(130deg,transparent 0 30px,rgba(255,255,255,.025) 30px 31px,transparent 31px 60px),linear-gradient(145deg,#1b2c45,#142238); }
.ffha-profiles .hero-card-name { display:block; margin:0; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(2rem,2.5vw,2.7rem); font-weight:400; line-height:1; letter-spacing:.03em; }
.ffha-profiles .hero-card-excerpt { margin:0; color:#dbe4ef; font-size:.9rem; line-height:1.52; }
.ffha-profiles .hero-card-virtues { display:flex; flex-wrap:wrap; gap:5px; margin:2px 0; }
.ffha-profiles .hero-card-virtue { padding:3px 8px; border:1px solid rgba(212,160,23,.23); border-radius:50px; background:rgba(212,160,23,.08); color:var(--ff-brand-yellow); font-size:.65rem; letter-spacing:.03em; }
.ffha-profiles .hero-card-cta { display:flex; align-items:center; gap:8px; width:fit-content; margin-top:auto; color:#fff; font-family:'Bangers',cursive; font-size:1.4rem; font-weight:400; letter-spacing:.03em; text-transform:none; }
.ffha-profiles .hero-card-arrow { font-size:1.05rem; }
.ffha-undated { display:grid; grid-template-columns:minmax(0,27%) minmax(0,73%); margin-top:48px; padding-top:32px; border-top:1px solid rgba(255,255,255,.2); }
.ffha-undated-label { padding-right:38px; text-align:right; }
.ffha-undated-label h3 { margin:9px 0; font-family:var(--ff-display,'Bangers',cursive); font-size:clamp(1.8rem,2.4vw,2.35rem); font-weight:400; line-height:1.07; }
.ffha-undated-label p { margin:0; font-size:.84rem; }
.ffha-empty { padding:65px 20px; border:1px solid rgba(255,255,255,.15); border-radius:16px; background:#16263d; text-align:center; }
.ffha-empty h3 { margin:0 0 8px; font-family:var(--ff-display,'Bangers',cursive); font-size:2.7rem; font-weight:400; }
.ffha-empty p { margin:0 0 20px; }
.ffha-empty a { display:inline-block; padding:11px 18px; border-radius:9px; background:var(--ffha-gold); color:#142238; font-weight:800; text-decoration:none; }
@media (max-width:900px) {
  .ffha-timeline::before { left:calc(26% - 1.5px); }
  .ffha-era,.ffha-undated { grid-template-columns:minmax(0,26%) minmax(0,74%); }
  .ffha-era::before { left:calc(26% - 9px); }
  .ffha-era-label,.ffha-undated-label { padding-right:29px; }
  .ffha-era-cards { padding-left:33px; }
  .ffha-profiles .hero-card-img { flex-basis:165px; width:165px; }
}
@media (max-width:760px) {
  .ffha-archive .ffha-masthead .container.ffha-masthead-inner { grid-template-columns:1fr; padding-top:103px; padding-bottom:55px; }
  .admin-bar .ffha-archive .ffha-masthead .container.ffha-masthead-inner { padding-top:135px; }
  .ffha-masthead-art { display:none; }
  .ffha-find-heading { align-items:start; flex-direction:column; gap:8px; }
  .ffha-find-heading p { white-space:normal; }
  .ffha-find-controls { grid-template-columns:1fr; }
  .ffha-timeline::before { left:17px; top:16px; }
  .ffha-era { display:block; padding:0 0 35px 47px; }
  .ffha-era::before { left:9px; top:8px; }
  .ffha-era-label { margin-bottom:16px; padding:0; text-align:left; }
  .ffha-era-label h3 { font-size:2.25rem; }
  .ffha-era-cards { padding-left:0; }
  .ffha-undated { display:block; padding-top:30px; }
  .ffha-undated-label { margin-bottom:18px; padding:0; text-align:left; }
  .ffha-profiles .hero-card-img { flex-basis:170px; width:170px; }
}
@media (max-width:560px) {
  .ffha-archive .ffha-masthead .container.ffha-masthead-inner { padding-top:96px; padding-bottom:47px; }
  .admin-bar .ffha-archive .ffha-masthead .container.ffha-masthead-inner { padding-top:128px; }
  .ffha-masthead h1 { font-size:clamp(3.6rem,13vw,5rem); }
  .ffha-input-row button { padding:10px 14px; }
  .ffha-profiles .hero-card { flex-direction:column; }
  .ffha-profiles .hero-card-img { flex:none; width:100%; height:200px; min-height:0; border-right:0; border-bottom:1px solid rgba(255,255,255,.1); }
  .ffha-profiles .hero-card-img img { object-position:center 24%; }
  .ffha-profiles .hero-card-body { padding:17px 18px 19px; }
  .ffha-era-label h3 { font-size:2.05rem; }
}
@media (prefers-reduced-motion:reduce) { .ffha-archive *, .ffha-archive *:before, .ffha-archive *:after { animation:none !important; transition:none !important; scroll-behavior:auto !important; } }

.ffha-profiles .hero-card-cta { padding:4px 9px; border-radius:5px; background:var(--ff-brand-red); color:#fff; font-size:1rem; line-height:1.2; gap:6px; }