/* ========================================================================== */
/* Astrallae Litora — About page (hero + editor/dedication blocks)            */
/* Extends styles.css tokens + entry.css                                      */
/* ========================================================================== */

.entry-hero-about {
  background: #2a3238 url("/assets/hero.jpg") center 50% / cover no-repeat;
  min-height: 52vh;
}

/* Entry list on the About page */
.about-entries {
  list-style: none;
  margin: 1.4em 0 0;
  padding: 0;
}
.about-entries li {
  padding: 16px 0;
  border-bottom: 1px solid var(--rule);
}
.about-entries li:first-child { border-top: 1px solid var(--rule); }
.about-entries a {
  font: 400 clamp(19px, 2.1vw, 23px)/1.2 var(--display);
  color: var(--crna);
  text-decoration: none;
}
.about-entries a:hover { color: var(--verdigris); }
.about-entries .about-entry-note {
  display: block;
  margin-top: 5px;
  font: 400 15px/1.55 var(--sans);
  color: var(--slate);
}

/* Dedication block */
.about-dedication {
  max-width: 68ch;
  margin: clamp(48px, 7vw, 80px) auto 0;
  padding-top: clamp(36px, 5vw, 52px);
  border-top: 2px solid var(--crna);
}
.about-dedication .record-eyebrow { color: var(--verdigris); }
.about-dedication h2 {
  margin: 0 0 .5em;
  font: 400 clamp(26px, 3vw, 34px)/1.12 var(--display);
  color: var(--crna);
}
.about-dedication p {
  margin: 0 0 1.2em;
  font: 400 clamp(16px, 1.5vw, 18px)/1.7 var(--sans);
  color: var(--slate);
}
.about-dedication strong { color: var(--crna); font-weight: 500; }