.catalan-preview {
  padding: 80px 40px;
  background: #e8ece5;
  color: #101413;
  scroll-margin-top: 95px;
}
.catalan-preview__inner {
  width: min(1240px, 100%);
  margin-inline: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: clamp(32px, 5vw, 80px);
}
.catalan-preview__eyebrow {
  margin: 0 0 24px;
  color: #3041d8;
  font-size: .65rem;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.catalan-preview h2 {
  margin: 0 0 26px;
  font-size: clamp(2.5rem, 4.5vw, 4.5rem);
  font-weight: 500;
  letter-spacing: -.05em;
  line-height: 1;
}
.catalan-preview h2 em { color: #3041d8; font-style: normal; }
.catalan-preview__copy > p:not(.catalan-preview__eyebrow) { max-width: 560px; font-size: .9rem; line-height: 1.75; }
.catalan-preview__status { margin-bottom: 0; color: #51574f; }
.catalan-preview__covers { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 26px; align-items: start; }
.catalan-preview__book { min-width: 0; max-width: 240px; margin: 0; }
.catalan-preview__book img { display: block; width: 100%; height: auto; aspect-ratio: 538 / 840; box-shadow: 0 18px 40px #10141326; }
.catalan-preview__book figcaption { margin-top: 20px; }
.catalan-preview__book figcaption p { margin: 0 0 6px; color: #51574f; font-size: .65rem; font-weight: 700; }
.catalan-preview__book h3 { margin: 0 0 12px; font-size: clamp(1.2rem, 2vw, 1.6rem); font-weight: 500; line-height: 1.15; letter-spacing: -.035em; }
.catalan-preview__book figcaption > span { display: inline-block; padding: 5px 10px; border: 1px solid #10141340; border-radius: 999px; font-size: .65rem; font-weight: 700; }
.catalan-preview--single .catalan-preview__inner { grid-template-columns: 1.4fr .6fr; }
.catalan-preview--single .catalan-preview__covers { grid-template-columns: minmax(0, 240px); justify-content: center; }
@media (max-width: 800px) {
  .catalan-preview { padding: 60px 24px; }
  .catalan-preview__inner, .catalan-preview--single .catalan-preview__inner { grid-template-columns: 1fr; gap: 36px; }
  .catalan-preview__covers { width: min(100%, 500px); margin-inline: auto; gap: 20px; }
  .catalan-preview--single .catalan-preview__covers { grid-template-columns: minmax(0, 220px); }
}
@media (max-width: 380px) {
  .catalan-preview__covers { gap: 14px; }
  .catalan-preview h2 { font-size: 2.15rem; }
}