/* Block-type styles shared by the homepage and custom pages (House of Greycliffe) */
/* ── BLOCK BACKGROUNDS & LAYOUT MODIFIERS (replaces per-ID rules) ── */
section.blk-bg{background:var(--bg)}
section.blk-bg2{background:var(--bg2)}
section.blk-center{text-align:center}
section.blk-narrow .container{max-width:660px}
/* ── HERO ── */
#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem 5rem;position:relative;overflow:hidden}
.hero-glow{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 65% 50% at 50% 72%, rgba(47,93,128,0.13) 0%, transparent 70%),radial-gradient(ellipse 40% 25% at 50% 82%, rgba(47,93,128,0.07) 0%, transparent 60%)}
.hero-logo{width:130px;height:130px;margin-bottom:2.5rem;position:relative;z-index:1;filter:drop-shadow(0 0 18px rgba(47,93,128,0.25))}
.hero-tagline{font-style:italic;color:var(--text-dim);font-size:1.1rem;max-width:540px;margin-bottom:3rem;position:relative;z-index:1}
.hero-ctas{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center;position:relative;z-index:1}
.eyebrow{font-family:'Cinzel',serif;font-size:.63rem;letter-spacing:.32em;color:var(--flame);text-transform:uppercase;margin-bottom:.9rem;position:relative;z-index:1}
h1{font-family:'Cinzel',serif;font-size:clamp(2.4rem,5.5vw,4rem);font-weight:700;color:var(--white);line-height:1.12;margin-bottom:.4rem;position:relative;z-index:1}
.hero-sub{font-family:'Cinzel',serif;font-size:clamp(.85rem,2vw,1.05rem);color:var(--gold);letter-spacing:.1em;margin-bottom:1.6rem;position:relative;z-index:1}
/* ── COLUMNS (Concept) ── */
.concept-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:3rem;border:1px solid var(--border)}
.concept-grid.cols-1{grid-template-columns:1fr}
.concept-grid.cols-3{grid-template-columns:repeat(3,1fr)}
.concept-grid.cols-4{grid-template-columns:repeat(4,1fr)}
.concept-card{padding:2rem;background:var(--surface);border:1px solid var(--border);transition:border-color .2s}
.concept-card:hover{border-color:var(--flame-dim)}
.concept-card h3{font-size:.85rem;letter-spacing:.1em}
.concept-card p{font-size:1rem;color:var(--text);margin:0}
/* ── SCRIPTURE ── */
.scripture-block{border-left:2px solid var(--flame-dim);padding:1.5rem 2rem;margin-bottom:2rem;background:rgba(47,93,128,.03)}
.scripture-block h3{font-size:.78rem;letter-spacing:.15em;color:var(--flame);margin-bottom:.75rem}
.scripture-block p{font-style:italic;font-size:1.05rem;color:var(--text);margin:0}
.scripture-sig{color:var(--text-dim);margin-top:2.5rem;font-style:italic;text-align:right;font-size:1rem}
/* ── FIGUREHEADS ── */
.figurehead-card{display:grid;grid-template-columns:160px 1fr;gap:2rem;align-items:start;padding:2rem;border:1px solid var(--border);background:var(--surface);margin-bottom:1px;transition:border-color .2s}
.figurehead-card:hover{border-color:var(--flame-dim)}
.figurehead-img{width:160px;aspect-ratio:3/4;object-fit:cover;object-position:top;border:1px solid var(--border)}
.figurehead-placeholder{width:160px;aspect-ratio:3/4;background:var(--bg3);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:'Cinzel',serif;font-size:2rem;color:var(--text-faint)}
.figurehead-role{font-family:'Cinzel',serif;font-size:.6rem;letter-spacing:.25em;color:var(--flame);text-transform:uppercase;margin-bottom:.2rem}
.figurehead-name{font-family:'Cinzel',serif;font-size:1.2rem;color:var(--white);margin-bottom:.4rem}
.figurehead-quote{font-style:italic;color:var(--text-dim);font-size:1rem;border-left:1px solid var(--border);padding-left:.85rem;margin:.6rem 0 .9rem}
.figurehead-bio{font-size:1rem;color:var(--text);margin:0}
.figurehead-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.8rem}
.tag{font-family:'Cinzel',serif;font-size:.55rem;letter-spacing:.15em;padding:.2rem .65rem;border:1px solid var(--border);color:var(--text-dim);text-transform:uppercase}
/* ── RANKS (Accordion) ── */
.rank-group-label{font-family:'Cinzel',serif;font-size:.58rem;letter-spacing:.3em;color:var(--text-faint);text-transform:uppercase;padding:.5rem 0;border-bottom:1px solid var(--border);margin-bottom:0;margin-top:1.5rem}
.rank-group-label:first-of-type{margin-top:0}
.rank-item{border-bottom:1px solid var(--border);overflow:hidden}
.rank-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;cursor:pointer;background:var(--surface);transition:background .2s;user-select:none}
.rank-header:hover{background:var(--bg3)}
.rank-title{font-family:'Cinzel',serif;font-size:.88rem;letter-spacing:.08em;color:var(--gold)}
.rank-toggle{font-family:'Cinzel',serif;font-size:.62rem;letter-spacing:.1em;color:var(--flame-dim);text-transform:uppercase;transition:color .2s}
.rank-body{max-height:0;overflow:hidden;transition:max-height .35s ease;background:var(--bg2)}
.rank-body p{padding:1.1rem 1.25rem;font-size:1rem;color:var(--text);margin:0}
.rank-item.open .rank-body{max-height:200px}
.rank-item.open .rank-toggle{color:var(--flame)}
/* ── PILLARS (Icon Grid) ── */
.pillars-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1px;margin-top:2.5rem;border:1px solid var(--border)}
.pillar{padding:2rem 1.5rem;background:var(--surface);border:1px solid var(--border);text-align:center;transition:border-color .2s}
.pillar:hover{border-color:var(--flame-dim)}
.pillar-icon{font-size:1.6rem;margin-bottom:.75rem;display:block}
.pillar h3{font-size:.82rem;letter-spacing:.12em;margin-bottom:.5rem}
.pillar p{font-size:.95rem;color:var(--text);margin:0}
/* ── RECRUITMENT (CTA List) ── */
.recruit-list{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:2rem 0}
.recruit-list li{font-family:'Cinzel',serif;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;padding:.4rem .9rem;border:1px solid var(--border);color:var(--text-dim)}
/* ── NEW BLOCK TYPES (text / image / image+text) ── */
.blk-body p{font-size:1rem;color:var(--text);margin-bottom:1rem}
.blk-figure{margin:2rem 0 0}
.blk-figure img{max-width:100%;border:1px solid var(--border);display:block;margin:0 auto}
.blk-figure figcaption{font-style:italic;color:var(--text-dim);font-size:.9rem;text-align:center;margin-top:.75rem}
.imgtext-grid{display:grid;grid-template-columns:280px 1fr;gap:2rem;align-items:start;margin-top:2.5rem}
.imgtext-grid.img-right{grid-template-columns:1fr 280px}
.imgtext-grid.img-right .imgtext-media{order:2}
.imgtext-media img{width:100%;border:1px solid var(--border);display:block}
.imgtext-body p{font-size:1rem;color:var(--text);margin-bottom:1rem}
/* ── RESPONSIVE ── */
@media(max-width:700px){
  .concept-grid,.concept-grid.cols-3,.concept-grid.cols-4{grid-template-columns:1fr}
  .figurehead-card{grid-template-columns:1fr}
  .figurehead-img,.figurehead-placeholder{width:100%;aspect-ratio:4/3}
  .imgtext-grid,.imgtext-grid.img-right{grid-template-columns:1fr}
  .imgtext-grid.img-right .imgtext-media{order:0}
}