/* Our Rabbis & Leadership (/leadership/). Builds on /css/styles.css. */
.leaders-page { background: var(--ivory); }
.lp-loading { color: var(--muted); }
.lp-group + .lp-group { margin-top: clamp(64px, 9vw, 112px); }
.lp-group > h2 { font-size: clamp(2rem, 3.6vw, 2.8rem); padding-bottom: .6rem; border-bottom: 1px solid var(--copper-lt); margin-bottom: clamp(32px, 5vw, 56px); }

.lp-rabbi { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(32px, 6vw, 88px); align-items: center; scroll-margin-top: calc(var(--header-h) + 24px); }
.lp-rabbi + .lp-rabbi { margin-top: clamp(56px, 8vw, 104px); }
.lp-rabbi:nth-of-type(even) .lp-rabbi-photo { order: 2; }
.lp-rabbi-photo { position: relative; isolation: isolate; max-width: 440px; width: 100%; }
.lp-rabbi:nth-of-type(even) .lp-rabbi-photo { justify-self: end; }
.lp-rabbi-photo::after { content: ""; position: absolute; inset: 16px -16px -16px 16px; border: 1px solid rgba(165,104,60,.35); border-radius: var(--radius); z-index: -1; }
.lp-rabbi-photo .portrait-empty { font-size: 5rem; }
.lp-rabbi h3 { font-size: clamp(2.2rem, 4vw, 3.2rem); margin-bottom: .2em; }
.lp-title { color: var(--copper-dk); font-weight: 600; margin: 0 0 1.2rem; }
.lp-bio { font-size: 1.05rem; max-width: 38em; }
.lp-bio p:last-child { margin-bottom: 0; }
.lp-email { display: inline-block; margin-top: 1.2rem; }

.lp-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 40px 32px; }
.lp-person { scroll-margin-top: calc(var(--header-h) + 24px); }
.lp-person .portrait { margin-bottom: 16px; }
.lp-person h3 { font-size: 1.6rem; margin-bottom: .15em; }
.lp-person .lp-title { margin-bottom: .6rem; font-size: .95rem; }
.lp-person .lp-bio { font-size: .95rem; }
.lp-person .lp-email { margin-top: .6rem; font-size: .9rem; overflow-wrap: anywhere; }
.lp-person .lp-email::after { content: ""; }

@media (max-width: 760px) {
  .lp-rabbi { grid-template-columns: 1fr; gap: 28px; }
  .lp-rabbi:nth-of-type(even) .lp-rabbi-photo { order: 0; justify-self: start; }
  .lp-rabbi-photo { max-width: 340px; }
  .lp-rabbi-photo::after { inset: 12px -12px -12px 12px; }
  .lp-people { grid-template-columns: 1fr 1fr; gap: 28px 16px; }
  .lp-person h3 { font-size: 1.3rem; }
}