.eyebrow {
  color: var(--softown-gold);
  font-size: clamp(11px, .85vw, 14px);
  font-weight: 500;
  letter-spacing: .18em;
  line-height: 1.5;
  text-transform: uppercase;
}

.display-title,
.section-title,
.editorial-quote {
  font-family: var(--softown-serif);
  font-weight: 400;
  letter-spacing: -.045em;
  text-wrap: balance;
}

.display-title {
  font-size: clamp(54px, 7.2vw, 124px);
  line-height: .98;
}

.section-title {
  font-size: clamp(42px, 5.2vw, 86px);
  line-height: 1.02;
}

.display-title em,
.section-title em,
.editorial-quote em {
  color: var(--softown-gold);
  font-weight: inherit;
}

.section-intro {
  max-width: var(--softown-copy);
  color: var(--softown-sand);
  font-size: clamp(17px, 1.2vw, 20px);
  line-height: 1.75;
}

.line-link {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  width: min(100%, 360px);
  min-height: 54px;
  padding-block: 10px;
  border-bottom: 1px solid currentColor;
  font-size: 15px;
}

.line-link span[aria-hidden] {
  color: var(--softown-gold);
  font-size: 22px;
  transition: transform var(--softown-duration-fast) var(--softown-ease-out);
}

.line-link:hover span[aria-hidden],
.line-link:focus-visible span[aria-hidden] {
  transform: translate(4px, -4px);
}

.chapter-index {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 4px clamp(20px, 3.5vw, 56px);
  padding-block: 14px;
  border-block: 3px double var(--softown-line-dark);
}

.chapter-index-label {
  margin-right: auto;
  color: var(--softown-sand);
  font-family: var(--softown-serif);
  font-size: 20px;
}

.chapter-index a {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  color: var(--softown-sand);
  font-size: 13px;
}

.chapter-index a::after {
  position: absolute;
  right: 0;
  bottom: 7px;
  left: 0;
  height: 1px;
  background: var(--softown-gold);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform var(--softown-duration-fast) var(--softown-ease-out);
  content: "";
}

.chapter-index a:hover,
.chapter-index a[aria-current="location"] {
  color: var(--softown-ivory);
}

.chapter-index a:hover::after,
.chapter-index a[aria-current="location"]::after {
  transform: scaleX(1);
}

.chapter-index a span {
  color: var(--softown-gold);
  font-family: var(--softown-serif);
  font-size: 15px;
}

.paper-panel {
  position: relative;
  isolation: isolate;
  color: var(--softown-ink-on-paper);
  background: var(--softown-paper);
}

.paper-panel::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("../textures/paper-texture-strong.webp") repeat;
  opacity: .11;
  pointer-events: none;
  content: "";
}

.paper-panel .eyebrow,
.paper-panel .section-title em {
  color: #705b3e;
}

.paper-panel :focus-visible {
  outline-color: var(--softown-ink-on-paper);
}

.validation-tag {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border: 1px solid currentColor;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: .12em;
  line-height: 1.3;
  text-transform: uppercase;
}

@media (max-width: 760px) {
  .display-title {
    font-size: clamp(48px, 14vw, 76px);
  }

  .section-title {
    font-size: clamp(38px, 11vw, 58px);
  }

  .chapter-index {
    align-items: flex-start;
    gap: 0 20px;
  }

  .chapter-index-label {
    width: 100%;
    margin-bottom: 6px;
  }
}