/* ---------- A7. Love Story: nền ảnh làm tối, chữ trắng, tiêu đề viết tay ---------- */
.love {
  position: relative; isolation: isolate; overflow: hidden;
  padding: 5rem 16px 5.5rem;
  background: var(--dark); color: var(--on-dark);
  text-align: center;
}
.love__bg, .love__bg img { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; }
.love__bg img { object-fit: cover; object-position: 50% 65%; filter: grayscale(.35); } /* 65%: màn rộng vẫn thấy hai người, không chỉ ngọn cây */
/* Lớp phủ tối để chữ trắng luôn đọc rõ trên mọi vùng ảnh */
.love__bg::after {
  content: ""; position: absolute; inset: 0; z-index: -1;
  background: linear-gradient(180deg, rgb(var(--dark-rgb) / .78), rgb(var(--dark-rgb) / .62) 50%, rgb(var(--dark-rgb) / .82));
}
.love__inner { max-width: 1000px; margin: 0 auto; }
.love__title { margin: 0 0 3rem; font: 400 var(--fs-script-xl)/1.1 var(--script); }

/* Lời dẫn: trích dẫn chữ nghiêng, ngăn với các chặng bằng một vạch vàng ngắn */
.love__intro {
  max-width: 36rem; margin: -1rem auto 3.5rem;
  font: italic 400 var(--fs-lead)/1.7 var(--serif);
  color: rgba(247, 244, 239, .92); text-wrap: pretty;
}
.love__intro::after { content: ""; display: block; width: 3rem; height: 1px; margin: 2.25rem auto 0; background: var(--gold); }

.love__list { display: grid; gap: 3.5rem; }
.love__chapter { max-width: 26rem; margin: 0 auto; }
/* "The" chữ thường, phần còn lại viết tay lệch xuống phải — giống chữ ký */
.love__day { display: inline-flex; flex-direction: column; align-items: flex-start; margin: 0 0 1.25rem; line-height: 1; }
.love__the { font: 400 var(--fs-h2)/1 var(--serif); }
.love__script { margin: .1rem 0 0 1.25rem; font: 400 var(--fs-script-lg)/1.1 var(--script); color: var(--champagne); }
.love__heading {
  margin: 0 0 .9rem;
  font: 500 var(--fs-sm)/1.4 var(--sans); letter-spacing: var(--ls-button); text-transform: uppercase;
}
.love__date { margin: -.4rem 0 .9rem; font: italic var(--fs-serif-text)/1 var(--serif); font-variant-numeric: lining-nums; color: var(--champagne); letter-spacing: .08em; }
.love__text { margin: 0; color: rgba(247, 244, 239, .86); text-wrap: balance; } /* đoạn ngắn căn giữa: chia đều các dòng */

/* Máy tính: 2 chặng một hàng; số chặng lẻ thì chặng cuối nằm giữa hàng dưới */
@media (min-width: 900px) {
  .love { padding: 6.5rem 24px 7rem; }
  .love__list { grid-template-columns: 1fr 1fr; gap: 4rem 3rem; }
  .love__chapter:last-child:nth-child(odd) { grid-column: 1 / -1; }
}