/* The People Behind the Hall (leadership.astro): three officials, then the institutional record. */
.hero-deck {
  font-style: italic;
}

.leadership-intro {
  padding: 68px 0 20px;
}
.leadership-intro p {
  max-width: 680px;
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.5;
}
.leadership-intro .leadership-lead {
  max-width: 820px;
  margin-bottom: 22px;
  font: 500 clamp(26px, 2.3vw, 31px) / 1.2 var(--serif);
}

/* The way to the Hall's history */
.leadership-intro .leadership-history {
  margin-top: 22px;
  font-size: 18px;
  font-style: italic;
  color: var(--muted-ink);
}
.leadership-history .text-link {
  display: flex;
  width: fit-content;
  margin-top: 12px;
  font-style: normal;
}

/* One official: the portrait, which stays in view while the biography and interview are read */
.official {
  padding: 76px 0 84px;
}
.official + .official {
  border-top: 1px solid var(--line);
}
.official:nth-of-type(even) {
  background: #efe9dd;
}
.official-grid {
  display: grid;
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr);
  gap: 72px;
  align-items: start;
}
.official-portrait {
  position: sticky;
  top: 32px;
  margin: 0;
}
.official-portrait img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 5 / 6;
  object-fit: cover;
  box-shadow:
    0 24px 56px #0b162533,
    0 2px 6px #0b162522;
}
/* The frame's fine gold line, inside the photograph's edge */
.official-portrait:after {
  content: '';
  position: absolute;
  inset: 12px;
  border: 1px solid #d4b57c99;
  pointer-events: none;
}
.official-text {
  max-width: 700px;
}
.official h2 {
  margin: 0;
  font-size: clamp(40px, 4vw, 60px);
  font-weight: 500;
  line-height: 1;
}
.official-title {
  margin: 14px 0 22px;
  font: 600 12px / 1.5 var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--gold-ink);
}
.official-label {
  margin: 30px 0 14px;
  font: 700 11px var(--sans);
  letter-spacing: 0.2em;
  color: var(--muted-ink);
}
.official-bio p {
  margin: 0 0 12px;
  font-size: 19px;
  line-height: 1.55;
}

/* A line under the biography, with its link (Dr. Van Der Berg's Office of Statistical Reconciliation) */
.official-bio .official-aside {
  margin-top: 22px;
  font-size: 18px;
  font-style: italic;
  color: var(--muted-ink);
}
.official-aside .text-link {
  display: flex;
  width: fit-content;
  margin-top: 12px;
  font-style: normal;
}

/* From the Institutional Archives: the interview, on its own sheet */
.archive-interview {
  margin-top: 42px;
  padding: 30px 36px 32px;
  background: #fbf8f1;
  border-top: 3px solid var(--gold);
  box-shadow: 0 14px 40px #0b162512;
}
.archive-interview .official-label {
  margin: 0 0 8px;
  color: var(--gold-ink);
}
.archive-interview h3 {
  margin: 0 0 6px;
  font-size: clamp(26px, 2.4vw, 31px);
  font-style: italic;
  font-weight: 500;
  line-height: 1.1;
}
.interview {
  margin: 0;
}
.interview div {
  padding: 18px 0 0;
}
.interview dt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
}
.interview dd {
  margin: 6px 0 0;
}
.interview dd p {
  margin: 0 0 8px;
  font-size: 18px;
  line-height: 1.5;
  color: #3f4652;
}
.interview dd p:last-child {
  margin-bottom: 0;
}

/* From the Institutional Record: a transcript, on the paper-toned frame of the Hall's letters */
.institutional-record {
  background: #ebe4d6;
  padding: 76px 16px 88px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.record-head {
  text-align: center;
  margin-bottom: 34px;
}
.record-head .section-kicker {
  color: var(--gold-ink);
}
.record-head h2 {
  margin: 8px 0 10px;
  font-size: clamp(36px, 3.6vw, 50px);
  font-weight: 500;
  line-height: 1;
}
.record-head p:not(.eyebrow) {
  margin: 0;
  font-size: 19px;
  font-style: italic;
  color: #4d5560;
}
.transcript {
  width: min(100%, 780px);
  padding: 42px 60px 44px;
  background: #fbf8f1;
  box-shadow:
    0 22px 60px #0b162530,
    0 2px 6px #0b162520;
}
.transcript-head {
  text-align: center;
  padding-bottom: 24px;
  margin-bottom: 26px;
  border-bottom: 3px double #c5baa8;
}
.transcript-head img {
  display: block;
  margin: 0 auto 12px;
}
.transcript-house {
  margin: 0 0 12px;
  font: 700 12px var(--sans);
  letter-spacing: 0.2em;
}
.transcript-head h3 {
  margin: 0;
  font-size: clamp(25px, 2.6vw, 31px);
  font-style: italic;
  font-weight: 500;
  line-height: 1.15;
  text-wrap: balance;
}
.transcript-lines {
  margin: 0;
}
.transcript-lines div {
  display: grid;
  grid-template-columns: 170px minmax(0, 1fr);
  gap: 18px;
  padding: 9px 0;
}
.transcript-lines dt {
  padding-top: 5px;
  font: 700 11px var(--sans);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--muted-ink);
}
.transcript-lines dd {
  margin: 0;
  font-size: 19px;
  line-height: 1.45;
}

@media (max-width: 1050px) {
  .official-grid {
    gap: 44px;
  }
}
@media (max-width: 900px) {
  .official-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }
  .official-portrait {
    position: relative;
    top: auto;
    max-width: 440px;
  }
}
@media (max-width: 700px) {
  .leadership-intro {
    padding-top: 44px;
  }
  .leadership-intro p,
  .official-bio p {
    font-size: 18px;
  }
  .official {
    padding: 48px 0 56px;
  }
  .archive-interview {
    padding: 24px 20px 26px;
  }
  .institutional-record {
    padding: 48px 12px 56px;
  }
  .transcript {
    padding: 30px 22px 30px;
  }
  .transcript-lines div {
    grid-template-columns: 1fr;
    gap: 2px;
  }
  .transcript-lines dt {
    padding-top: 0;
  }
  .transcript-lines dd {
    font-size: 18px;
  }
}