/* /hall-of-fire (owner 2026-11-05): first inductee page in the editorial language. Builds on w101-editorial.css:
   the photo + text block is the home page's .ed-letter, the quotes use the dark tone of the home's Hall of Fire band. */
.hf-intro { padding: clamp(72px, 8vw, 124px) 0 clamp(68px, 7.5vw, 112px); }
.hf-intro .ed-head { margin-bottom: clamp(36px, 4vw, 58px); }
.hf-intro .ed-head__sub { margin-top: clamp(22px, 2.2vw, 32px); }
.hf-title { margin-top: clamp(36px, 4vw, 60px); font-family: var(--serif); font-weight: 400; font-size: clamp(46px, 5vw, 76px); line-height: 1.02; letter-spacing: 0.02em; }
.hf-lede { max-width: 680px; margin: 0 auto; text-align: center; font-size: 16px; color: var(--ink-soft); }
.hf .ed-letter { padding: clamp(76px, 9.5vw, 150px) 0; }
/* the text ends above the photo's lower edge (owner 2026-11-05): wider photo column, full text width; stacked up to 1240px */
.hf .ed-letter__grid { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); align-items: start; gap: clamp(44px, 4.8vw, 80px); }
.hf .ed-letter__title { margin: 22px 0 12px; }
.hf .ed-letter__body { margin-top: clamp(26px, 2.4vw, 36px); max-width: none; }
.hf .ed-letter__body p + p { margin-top: 16px; }
.hf-link { border-bottom: 1px solid currentColor; transition: color .2s; }
.hf-link:hover { color: var(--gold); }

.hf-quotes { padding: clamp(60px, 7vw, 100px) 0; background: #2b2b2a; color: #fff; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.hf-quotes__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(40px, 6vw, 100px); }
.hf-quotes blockquote { font-family: var(--serif); font-size: clamp(22px, 2vw, 29px); line-height: 1.32; }
.hf-quotes figcaption { margin-top: 24px; font: 400 10.5px/1.6 var(--sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--gold); }
.hf-quotes figcaption span { display: block; letter-spacing: 0.04em; text-transform: none; font-weight: 300; font-size: 13px; color: rgba(255,255,255,.75); }

.hf-next { padding: clamp(50px, 5.5vw, 80px) 0; }
.hf-next__grid { display: flex; justify-content: space-between; align-items: flex-end; gap: 40px; }
.hf-next__name { margin-top: 12px; font-family: var(--serif); font-size: clamp(26px, 2.3vw, 34px); line-height: 1.12; }
.hf-next__addr { margin-top: 8px; font-size: 14px; color: var(--ink-soft); }
.hf-next__links { display: grid; justify-items: start; gap: 18px; }

@media (max-width: 1400px) { .hf .ed-letter__body { font-size: 14.5px; line-height: 1.65; } }
@media (max-width: 1240px) {
  .hf .ed-letter__grid { grid-template-columns: 1fr; }
  .hf .ed-letter .ed-media { width: 100%; max-width: 620px; }
  .hf .ed-letter__body { max-width: 680px; font-size: inherit; line-height: inherit; }
}
@media (max-width: 720px) {
  .hf-lede { font-size: 15px; }
  .hf-quotes__grid { grid-template-columns: 1fr; }
  .hf-next__grid { flex-direction: column; align-items: flex-start; }
}