/* ============================ 14 — READ ================================== */
.s14-bg {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(60% 50% at 74% 46%, rgba(29, 111, 106, .34) 0%, rgba(16, 26, 28, .1) 62%),
    linear-gradient(155deg, #16222a 0%, #101820 52%, #080c10 100%);
}
.s14-glow {
  position: absolute;
  left: 52%;
  top: 6%;
  width: 52%;
  height: 90%;
  pointer-events: none;
  background: radial-gradient(50% 46% at 50% 40%, rgba(255, 226, 168, .2), transparent 70%);
  filter: blur(30px);
  mix-blend-mode: screen;
}

.s14-left {
  position: absolute;
  left: 132px;
  top: 130px;
  width: 760px;
  z-index: 3;
}
.s14-left .kicker { margin-bottom: 20px; }
.s14-title {
  font-family: var(--serif);
  font-weight: 600;
  font-size: 168px;
  line-height: .9;
  letter-spacing: -.035em;
  margin: 0 0 22px;
  color: var(--ivory);
}
.s14-left .lede { font-size: 19px; max-width: 620px; color: rgba(247, 241, 230, .7); }

.s14-list {
  list-style: none;
  margin: 34px 0 0;
  padding: 0;
  columns: 2;
  column-gap: 40px;
  max-width: 720px;
}
.s14-list li {
  display: flex;
  gap: 12px;
  align-items: baseline;
  padding: 5px 0;
  font-family: var(--sans);
  font-size: 12.5px;
  color: rgba(247, 241, 230, .62);
  break-inside: avoid;
}
.s14-list .n {
  font-family: var(--serif);
  font-size: 14px;
  color: var(--gold);
  min-width: 22px;
}

.s14-book {
  position: absolute;
  right: 190px;
  top: 250px;
  z-index: 2;
}

.s14-foot {
  position: absolute;
  left: 132px;
  bottom: 92px;
  right: 132px;
  z-index: 3;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 30px;
  padding-top: 20px;
  border-top: 1px solid rgba(247, 241, 230, .14);
  font-family: var(--sans);
  font-size: 12px;
  letter-spacing: .06em;
  color: rgba(247, 241, 230, .55);
}
.s14-credit { color: rgba(247, 241, 230, .35); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }