/* Editorial identity refinement — 2026-09-17. Scoped recovery is recorded locally. */

/* BEGIN E01 — Requested serif headline with genuine italic emphasis */
.hero { min-height: 650px; }
.hero-copy { padding-block: 38px 33px; }
.hero-copy .eyebrow { margin-bottom: 22px; }
.hero h1 { font-family: var(--serif); font-weight: 600; font-size: clamp(74px, 6.55vw, 98px); line-height: .89; letter-spacing: -.052em; margin-bottom: 27px; }
.hero h1 em { font-family: var(--serif); font-weight: 500; font-style: italic; color: #675641; }
.hero-lead { font-size: 16px; line-height: 1.7; }
.hero-action { margin-top: 24px; }
@media (min-width: 901px) and (max-width: 1150px) {
  .hero h1 { font-size: 76px; }
  .hero-copy { padding-inline: 35px; }
}
@media (min-width: 621px) and (max-width: 900px) {
  .hero { min-height: 655px; }
  .hero h1 { font-size: clamp(51px, 7.8vw, 61px); line-height: .93; }
  .hero-copy { padding: 32px 27px; }
  .hero-lead { font-size: 15px; }
}
@media (max-width: 620px) {
  .hero { min-height: 0; }
  .hero-copy { padding: 30px 24px 27px; }
  .hero h1 { font-size: clamp(52px, 14.1vw, 80px); line-height: .96; letter-spacing: -.045em; margin-bottom: 24px; }
  .hero-copy .eyebrow { margin-bottom: 24px; }
  .hero-lead { font-size: 16px; }
}
@media (max-width: 360px) {
  .hero-copy { padding-inline: 20px; }
  .hero h1 { font-size: 48px; }
  .hero-lead { font-size: 15px; }
}
/* END E01 */

/* BEGIN E02 — Restored editorial card, adapted to the existing warm palette */
.floating-note { width: 288px; padding: 23px 24px 18px; }
.floating-title { font-family: var(--serif); font-size: 25px; line-height: 1.17; letter-spacing: -.018em; margin-top: 16px; }
.floating-bottom { margin-top: 20px; }
@media (min-width: 621px) and (max-width: 1150px) {
  .floating-note { width: clamp(218px, 33vw, 255px); padding: 21px; }
  .floating-title { font-size: clamp(21px, 3vw, 23px); }
}
@media (max-width: 620px) {
  .floating-note { width: auto; padding: 25px 24px 21px; }
  .floating-title { font-size: 27px; line-height: 1.2; max-width: 340px; }
}
/* END E02 */

/* BEGIN E03 — Serif DJL monogram and matching wordmark */
.brand { gap: 19px; }
.brand .djl-monogram { width: 65px; height: 55px; object-fit: contain; }
.brand .brand-copy { border-left: 1px solid #a99c8e; padding-left: 18px; }
.brand .wordmark { font-family: var(--serif); font-size: 23px; font-weight: 600; line-height: 1.1; letter-spacing: .2em; }
.brand .descriptor { font-family: var(--sans); font-size: 9px; line-height: 1.55; letter-spacing: .1em; text-transform: uppercase; margin-top: 7px; max-width: 270px; }
.footer .brand .djl-monogram { width: 61px; }
.footer .brand .wordmark { font-size: 21px; }
@media (max-width: 1150px) {
  .site-header .brand { gap: 13px; }
  .site-header .brand .djl-monogram { width: 54px; height: 49px; }
  .site-header .brand-copy { padding-left: 13px; }
  .site-header .wordmark { font-size: 20px; }
  .site-header .descriptor { font-size: 8px; max-width: 210px; letter-spacing: .08em; }
}
@media (max-width: 620px) {
  .site-header .brand { gap: 9px; }
  .site-header .brand .djl-monogram { width: 37px; height: 37px; }
  .site-header .brand-copy { padding-left: 9px; }
  .site-header .wordmark { font-size: 15px; letter-spacing: .1em; white-space: nowrap; }
  .site-header .descriptor { font-size: 9px; letter-spacing: .015em; line-height: 1.45; max-width: 124px; margin-top: 4px; text-transform: none; }
}
@media (max-width: 380px) {
  .site-header .brand .djl-monogram { width: 33px; height: 34px; }
  .site-header .wordmark { font-size: 14px; }
  .site-header .descriptor { display: none; }
}
/* END E03 */

/* BEGIN E05 — Vector arrows cannot become platform emoji */
.site-arrow { display: inline-block; width: 1em; height: 1em; min-width: 1em; vertical-align: -.13em; color: inherit; overflow: visible; flex: 0 0 auto; pointer-events: none; }
.button > span[aria-hidden="true"], .text-link > span[aria-hidden="true"], .floating-bottom > span[aria-hidden="true"] { display: inline-flex; align-items: center; line-height: 1; }
.mobile-nav .site-arrow, .footer-social .site-arrow, .article-back .site-arrow, .article-endnote .site-arrow, .article-safety .site-arrow { width: 17px; height: 17px; margin-left: 5px; }
.article-back .site-arrow { margin: 0 6px 0 0; }
@media (max-width: 620px) {
  .site-header .header-book .header-book-arrow { display: none; }
}
/* END E05 */