/* About the Book: credits row, the Foreword pull quote, a 66ch reading column, the publisher-sheet facts. */
.bk-credits__title { margin: 0; font-size: clamp(30px, 2.8vw, 46px); line-height: 1.12; letter-spacing: -0.012em; font-variation-settings: "opsz" 40; text-wrap: balance; }
.bk-credits__title em { font-style: italic; font-weight: 420; }
.bk-credits { list-style: none; margin: clamp(28px, 2.6vw, 40px) 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); column-gap: 28px; }
.bk-credits li { padding-top: 16px; border-top: 1px solid var(--line); font-size: 21px; line-height: 1.3; }
.bk-credits__role { display: block; margin-bottom: 8px; font-family: var(--font-sans); font-weight: 500; font-size: 12px; line-height: 1.3; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sepia); }

.bk-pull { margin: clamp(48px, 5vw, 80px) 0; padding: clamp(28px, 2.6vw, 40px) 0 0; border-top: 1px solid var(--line-soft); }
.bk-pull blockquote { margin: 0; }
.bk-pull p { margin: 0; font-style: italic; font-weight: 380; font-size: clamp(22px, 1.9vw, 29px); line-height: 1.42; font-variation-settings: "opsz" 28; text-indent: -0.42em; text-wrap: pretty; }
.bk-pull figcaption { margin-top: 24px; font-family: var(--font-sans); font-weight: 500; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--sepia); }

.read { font-size: clamp(18px, 1.25vw, 19px); line-height: 1.6; text-wrap: pretty; }
.read p + p { margin-top: 1em; }
.read em { font-style: italic; }

.facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); column-gap: 28px; margin: clamp(56px, 5vw, 88px) 0 0; border-top: 1px solid var(--line); }
.facts__item { padding-top: 16px; }
.facts dt { margin: 0 0 6px; font-family: var(--font-sans); font-weight: 500; font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--sepia); }
.facts dd { margin: 0; font-size: 22px; line-height: 1.3; font-variant-numeric: tabular-nums; }

@media (max-width: 899px) {
  .bk-credits { grid-template-columns: 1fr 1fr; row-gap: 20px; }
  .facts { row-gap: 18px; grid-template-columns: 1fr 1fr; }
}