/* DTTASA — Executive Leadership page */
#dtlead{--g:#04501e;--g2:#43b14b;--gold:#c9a961;--ink:#10231a;--paper:#faf8f3;--muted:#5b6b60;
  font-family:'Inter',-apple-system,sans-serif;color:var(--ink);background:var(--paper);padding-top:64px}
#dtlead .lead-wrap{max-width:1180px;margin:0 auto;padding:0 28px}

/* Hero */
.lead-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 70% 0%,#0a6b2c,#04501e 55%,#032e11);color:#fff;padding:84px 0 72px;text-align:center}
.lead-hero-bg{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:24px 24px;opacity:.5}
.lead-hero .dt-watermark{opacity:.05}
.lead-hero-in{position:relative;z-index:2;opacity:0;transform:translateY(16px);animation:leadIn .8s cubic-bezier(.16,1,.3,1) forwards}
@keyframes leadIn{to{opacity:1;transform:none}}
.lead-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.16);padding:7px 16px;border-radius:100px;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:22px}
.lead-pulse{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:leadPulse 2.2s ease-in-out infinite}
@keyframes leadPulse{0%,100%{box-shadow:0 0 0 0 rgba(201,169,97,.55)}50%{box-shadow:0 0 0 8px rgba(201,169,97,0)}}
.lead-hero h1{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:clamp(2.2rem,5vw,3.6rem);margin:0 0 14px;letter-spacing:-.01em}
.lead-hero h1 em{font-style:italic;color:var(--gold)}
.lead-deck{max-width:680px;margin:0 auto;font-size:1.05rem;line-height:1.7;color:rgba(255,255,255,.85)}
.lead-deck em{color:var(--gold);font-style:italic}

/* Founding story */
.lead-founding{padding:56px 28px 0}
.lead-founding-card{background:#fff;border:1px solid #e7e2d6;border-left:5px solid var(--gold);border-radius:18px;padding:32px 36px;box-shadow:0 12px 36px rgba(4,80,30,.08)}
.lead-founding-eyebrow{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--g);margin-bottom:14px}
.lead-founding-card p{margin:0 0 12px;font-size:.98rem;line-height:1.7;color:#33403a}
.lead-founding-card strong{color:var(--g)}
.lead-founding-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:16px}
.lead-founding-links a{color:var(--g);font-weight:600;font-size:.9rem;text-decoration:none}
.lead-founding-links a:hover{text-decoration:underline;text-underline-offset:3px}
.lead-founding-links a i{font-size:.75rem;margin-left:4px}

/* External-presence links on cards + modal */
.lc-links{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 16px}
.lc-link{display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:600;color:var(--g);border:1px solid #dfe8df;background:#f4f8f4;border-radius:100px;padding:6px 14px;text-decoration:none;transition:.3s}
.lc-link:hover{background:var(--g);color:#fff;border-color:var(--g)}
#lm-links .lc-links{margin:0 0 18px}

/* Grid */
.lead-section{padding:96px 28px 120px;max-width:1180px;margin:0 auto}
.lead-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px}
.lead-loading,.lead-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:60px 20px;font-size:1rem}

.lead-card{background:#fff;border:1px solid #e7e2d6;border-radius:18px;overflow:hidden;box-shadow:0 12px 36px rgba(4,80,30,.08);
  opacity:0;transform:translateY(20px);animation:cardIn .7s cubic-bezier(.16,1,.3,1) forwards;animation-delay:calc(var(--i,0)*.08s + .15s);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s}
.lead-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(4,80,30,.16)}
@keyframes cardIn{to{opacity:1;transform:none}}
/* Uniform photo frame: shows the WHOLE photo (no crop) and keeps every card the
   same height whether or not a member has a photo. */
.lc-photo{width:100%;height:360px;object-fit:contain;display:block;background:#f2efe6}
.lc-initials{height:360px;display:grid;place-items:center;font-family:'Fraunces',serif;font-size:4rem;color:rgba(255,255,255,.92);font-weight:600;background:linear-gradient(160deg,#0a6b2c,#04501e)}
.lc-body{padding:24px 24px 26px}
.lc-body h3{font-family:'Fraunces',Georgia,serif;font-weight:600;font-size:1.4rem;margin:0 0 6px;color:var(--g)}
.lc-role{font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold);margin-bottom:14px}
.lc-teaser{font-size:.92rem;line-height:1.6;color:var(--muted);margin:0 0 16px}
.lc-readbio{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid var(--g);color:var(--g);font-family:inherit;font-weight:600;font-size:.82rem;letter-spacing:.04em;text-transform:uppercase;padding:9px 18px;border-radius:100px;cursor:pointer;transition:.3s}
.lc-readbio:hover{background:var(--g);color:#fff;gap:12px}
.lc-readbio i{font-size:.75rem;transition:transform .3s}

/* Bio modal */
.lead-modal[hidden]{display:none}
.lead-modal{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:24px}
.lead-modal-scrim{position:absolute;inset:0;background:rgba(4,40,18,.6);backdrop-filter:blur(4px)}
.lead-modal-card{position:relative;z-index:2;background:#fff;border-radius:20px;max-width:620px;width:100%;max-height:88vh;overflow-y:auto;padding:34px;box-shadow:0 40px 90px rgba(0,0,0,.4);animation:cardIn .4s cubic-bezier(.16,1,.3,1) forwards}
.lead-modal-x{position:absolute;top:16px;right:16px;width:38px;height:38px;border:none;background:rgba(0,0,0,.05);border-radius:50%;font-size:1.1rem;color:var(--muted);cursor:pointer}
.lead-modal-x:hover{background:rgba(0,0,0,.1)}
.lead-modal-head{display:flex;align-items:center;gap:18px;margin-bottom:22px;padding-right:30px}
.lead-modal-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;flex-shrink:0;background:linear-gradient(160deg,#0a6b2c,#04501e);display:grid;place-items:center;color:#fff;font-family:'Fraunces',serif;font-size:1.8rem;box-shadow:0 0 0 2px var(--gold)}
.lead-modal-photo img{width:100%;height:100%;object-fit:cover}
.lead-modal-head h2{font-family:'Fraunces',serif;font-weight:600;font-size:1.6rem;margin:0 0 5px;color:var(--g)}
.lead-modal-role{font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--gold)}
.lead-modal-bio{font-size:1rem;line-height:1.8;color:#33403a}
.lead-modal-bio p{margin:0 0 16px}

@media(max-width:600px){
  .lc-photo,.lc-initials{height:300px}
  .lead-modal-card{padding:26px 20px}
  .lead-modal-head{flex-direction:column;text-align:center;padding-right:0}
}
@media (prefers-reduced-motion:reduce){
  .lead-hero-in,.lead-card{animation:none;opacity:1;transform:none}
  .lead-pulse{animation:none}
}