/* ===== LEME home page styles ===== */

/* ---------- HERO ---------- */
.heroC{ background:var(--navy-900); color:#fff; overflow:hidden; }
.heroC-inner{ display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:clamp(24px,5vw,60px); min-height:clamp(560px,76vh,760px); padding-block:60px; }
.heroC-center{ text-align:center; display:flex; flex-direction:column; align-items:center; }
.heroC-rotor{ width:min(340px,60vw); height:auto; margin-bottom:-18px; }
.heroC-rotor .hc-ring{ fill:none; stroke:rgba(255,255,255,.14); stroke-width:1; }
.heroC-rotor .hc-poles{ fill:none; stroke:var(--copper); stroke-width:4; }
.heroC-rotor .hc-hub{ fill:rgba(255,255,255,.1); stroke:rgba(255,255,255,.3); stroke-width:1; }
.heroC-rotor .hc-shaft{ fill:var(--copper); }
.heroC-title{ font-family:var(--mono); font-weight:600; letter-spacing:.28em; font-size:clamp(46px,7vw,90px); margin-left:.28em; }
.heroC-sub{ color:#9DB0C7; font-size:clamp(15px,1.6vw,19px); margin:8px 0 30px; max-width:24ch; }
.heroC-readout{ align-self:center; }
.heroC-readout .mono-label{ color:var(--copper-300); display:block; margin-bottom:12px; }
.heroC-readout p{ color:#AEC0D6; font-size:15px; line-height:1.6; max-width:34ch; }
.heroC-readout-r{ justify-self:end; text-align:right; }
.heroC-readout-r p, .heroC-readout-r .mono-label{ margin-left:auto; }

/* ---------- INTRO ---------- */
.intro-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,6vw,80px); align-items:start; }
.intro-l h2{ margin-top:18px; }
.intro-tags{ display:flex; flex-wrap:wrap; gap:10px; margin-top:26px; }

/* ---------- PILLARS ---------- */
.pillars-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.pillar{ padding:26px 24px 24px; display:flex; flex-direction:column; gap:12px; min-height:200px; }
.pillar .kicker-num{ margin-bottom:6px; }
.pillar h3{ color:var(--navy); }
.pillar p{ color:var(--ink-70); font-size:15px; flex:1; }
.pillar .link-arrow{ font-size:14px; }

/* ---------- LEADERS ---------- */
.leaders-grid{ display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,56px); margin-top:34px; }
.leader{ display:grid; grid-template-columns:160px 1fr; gap:26px; align-items:center; }
.leader-ph{ border-radius:3px; width:160px; height:160px; object-fit:cover; object-position:top center; flex-shrink:0; }
.leader-body h3{ font-family:var(--serif); font-weight:500; font-size:24px; color:var(--navy); margin:8px 0 12px; }
.leader-body p{ color:var(--ink-70); font-size:15.5px; }

/* ---------- RECRUIT ---------- */
.recruit.on-navy{ background:var(--navy); color:#fff; }
.recruit-grid{ display:grid; grid-template-columns:1.3fr 1fr; gap:clamp(32px,6vw,80px); align-items:center; }
.recruit-copy h2{ margin:18px 0 20px; max-width:18ch; }
.recruit-cta{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.recruit-list{ list-style:none; margin:0; padding:0; }
.recruit-list li{ padding:18px 0; border-top:1px solid rgba(255,255,255,.14); font-family:var(--serif); font-size:19px; color:#E4EAF2; display:flex; align-items:center; gap:14px; }
.recruit-list li::before{ content:""; width:7px; height:7px; background:var(--copper); border-radius:50%; flex-shrink:0; }
.recruit-list li:last-child{ border-bottom:1px solid rgba(255,255,255,.14); }

/* ---------- responsive ---------- */
@media (max-width:980px){
  .heroC-inner{ grid-template-columns:1fr; text-align:center; gap:30px; min-height:0; }
  .heroC-readout, .heroC-readout-r{ text-align:center; justify-self:center; }
  .heroC-readout p,.heroC-readout-r p,.heroC-readout .mono-label{ margin-inline:auto; }
  .heroC-readout{ order:2; } .heroC-center{ order:1; } .heroC-readout-r{ order:3; }
  .intro-grid{ grid-template-columns:1fr; gap:24px; }
  .pillars-grid{ grid-template-columns:repeat(2,1fr); }
  .leaders-grid{ grid-template-columns:1fr; }
  .recruit-grid{ grid-template-columns:1fr; }
}
@media (max-width:560px){
  .pillars-grid{ grid-template-columns:1fr; }
  .leader{ grid-template-columns:120px 1fr; gap:18px; }
}