.secretary-home {
  display: grid;
  grid-template-columns: minmax(220px, .72fr) minmax(0, 1.45fr);
  background: #071d36;
  color: #f6f0e4;
  border-top: 4px solid #c89a3c;
  overflow: hidden;
}

.secretary-home-portrait {
  min-height: 520px;
  background: #102f4d;
}

.secretary-home-portrait img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

.secretary-home-copy {
  padding: clamp(3rem, 7vw, 7rem);
  align-self: center;
}

.secretary-home-copy h2 {
  color: #fff;
  font-size: clamp(2.5rem, 5vw, 5.4rem);
  line-height: .98;
  margin: .5rem 0 1.5rem;
}

.secretary-home-copy h2 em { color: #d8a540; font-weight: 400; }
.secretary-home-copy > p:not(.eyebrow):not(.secretary-home-signature) { max-width: 720px; font-size: 1.12rem; line-height: 1.75; color: #d6dee8; }
.secretary-home-signature { display: grid; gap: .2rem; margin: 2rem 0; }
.secretary-home-signature strong { color: #fff; font-family: Georgia, serif; font-size: 1.35rem; }
.secretary-home-signature span { color: #d8a540; text-transform: uppercase; letter-spacing: .08em; font-size: .78rem; }

.history-legacy {
  display: grid;
  grid-template-columns: minmax(190px, .55fr) minmax(0, 1.6fr);
  gap: clamp(2rem, 7vw, 7rem);
  padding: clamp(4rem, 9vw, 9rem) clamp(1.5rem, 6vw, 7rem);
  background: #efe5d2;
  color: #071d36;
}

.history-year { font-family: Georgia, serif; font-size: clamp(5rem, 13vw, 12rem); color: #bd8a2e; line-height: .8; }
.history-legacy-copy { max-width: 950px; }
.history-legacy-copy h2 { font-size: clamp(2.5rem, 5vw, 5rem); line-height: 1; margin: .7rem 0 2rem; }
.history-legacy-copy p { color: #405164; font-size: 1.08rem; line-height: 1.8; }
.history-message-link { display: inline-block; margin-top: 1rem; color: #8d6018; font-weight: 800; text-transform: uppercase; letter-spacing: .07em; text-decoration: none; }

.secretary-message {
  display: grid;
  grid-template-columns: minmax(250px, 380px) minmax(0, 820px);
  justify-content: center;
  gap: clamp(2.5rem, 7vw, 7rem);
  padding: clamp(3rem, 8vw, 8rem) clamp(1.25rem, 6vw, 6rem);
  background: #fbf8f2;
}

.secretary-portrait-card { margin: 0; align-self: start; position: sticky; top: 2rem; background: #071d36; border-top: 4px solid #d8a540; }
.secretary-portrait-card img { display: block; width: 100%; height: auto; background: #102f4d; }
.secretary-portrait-card div { display: grid; gap: .45rem; padding: 1.5rem; }
.secretary-portrait-card strong { color: #fff; font-family: Georgia, serif; font-size: 1.7rem; }
.secretary-portrait-card span { color: #d8a540; font-weight: 800; line-height: 1.35; }
.secretary-portrait-card small { color: #b9c5d1; line-height: 1.45; }
.secretary-letter { color: #27394b; font-size: clamp(1.04rem, 1.4vw, 1.18rem); line-height: 1.9; }
.secretary-letter p { margin: 0 0 1.55rem; }
.letter-greeting { color: #071d36; font-family: Georgia, serif; font-size: 1.65rem; }
.secretary-letter blockquote { margin: 2.5rem 0; padding: 2rem 2.2rem; border-left: 4px solid #d8a540; background: #efe5d2; color: #071d36; }
.secretary-letter blockquote p { margin: 0 0 .6rem; font-family: Georgia, serif; font-size: clamp(1.45rem, 2.4vw, 2.1rem); line-height: 1.35; }
.secretary-letter blockquote cite { color: #8d6018; font-style: normal; font-weight: 800; }
.letter-signature { display: grid; gap: .25rem; margin-top: 2.5rem !important; }
.letter-signature strong { color: #071d36; font-family: Georgia, serif; font-size: 1.55rem; }
.letter-signature em { color: #8d6018; font-style: normal; font-weight: 800; }
.letter-signature span { color: #5d6b78; }
.letter-closing { margin-top: 2.5rem !important; padding-top: 1.5rem; border-top: 1px solid #d9ccb7; color: #071d36; font-family: Georgia, serif; font-size: 1.25rem; font-style: italic; }
.letter-closing span { white-space: nowrap; }

@media (max-width: 760px) {
  .secretary-home { grid-template-columns: 1fr; }
  .secretary-home-portrait { min-height: 420px; max-height: 540px; }
  .secretary-home-copy { padding: 3rem 1.35rem 4rem; }
  .history-legacy { grid-template-columns: 1fr; }
  .history-year { font-size: 5.5rem; }
  .secretary-message { grid-template-columns: 1fr; }
  .secretary-portrait-card { position: static; max-width: 360px; justify-self: center; }
}