/* 首页第二版：摄影封面、目录式入口和宽幅影像。 */
.editorial-site.home-page {
  --home-ink: #334a3b;
  --home-green: #405a48;
  --home-pink: #9d737a;
}

.editorial-site.home-page .journal-hero {
  padding: 50px 0 0;
  background: none;
}

.editorial-site.home-page .hero-grid {
  grid-template-columns: .98fr 1.02fr;
  gap: clamp(36px, 5.5vw, 80px);
  align-items: center;
  min-height: 0;
}

.editorial-site.home-page .journal-opening {
  padding: 0 0 60px;
}

.editorial-site.home-page .hero-edition {
  font-size: 9px;
  margin-bottom: 44px;
  letter-spacing: 2px;
}

.editorial-site.home-page .journal-label {
  margin-bottom: 28px;
  color: #7d8676;
  font-size: 11px;
}

.editorial-site.home-page .journal-label > span {
  width: 20px;
  height: 1px;
  border-radius: 0;
  box-shadow: none;
}

.editorial-site.home-page h1 {
  font-size: clamp(38px, 4.4vw, 65px);
  letter-spacing: -1.5px;
  line-height: 1.55;
}

.editorial-site.home-page h1 em::after {
  display: none;
}

.editorial-site.home-page .journal-lead {
  margin-top: 34px;
  font-size: 13px;
  line-height: 2.3;
}

.editorial-site.home-page .journal-actions {
  gap: 22px;
  margin-top: 34px;
}

.editorial-site.home-page .journal-button {
  border-radius: 2px;
  padding: 17px 23px;
  font-size: 12px;
}

.editorial-site.home-page .hero-signature {
  margin-top: 46px;
  gap: 13px;
}

.editorial-site.home-page .signature-heart {
  font-size: 28px;
}

.editorial-site.home-page .diary-summary {
  margin-top: 42px;
  padding-block: 30px;
}

.editorial-site.home-page .home-ribbon {
  border: 0;
  padding-block: 18px;
  background: #eeeede66;
  margin-top: 35px;
}

.editorial-site.home-page .journal-heading {
  align-items: end;
  margin-bottom: 42px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.editorial-site.home-page .journal-heading h2 {
  font-size: clamp(28px, 3vw, 42px);
  letter-spacing: -.5px;
}

.editorial-site.home-page .chapter-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 44px;
}

.editorial-site.home-page .chapter-card {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  align-items: center;
  gap: 26px;
  padding: 28px 0;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  overflow: visible;
  transform: none;
}

.editorial-site.home-page .chapter-card:hover {
  transform: none;
  box-shadow: none;
}

.editorial-site.home-page .chapter-image {
  border-radius: 2px;
  overflow: hidden;
  height: 180px;
}

.editorial-site.home-page .chapter-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  transition: transform .7s ease;
}

.editorial-site.home-page .chapter-number {
  inset: auto auto 12px 12px;
  color: #55634c;
  background: #fbf8f2d9;
  border: 0;
  font-size: 8px;
  padding: 5px 8px;
}

.editorial-site.home-page .chapter-copy {
  padding: 0;
}

.editorial-site.home-page .chapter-symbol {
  display: none;
}

.editorial-site.home-page .chapter-copy h3 {
  font-size: 24px;
  margin: 0 0 13px;
  color: var(--ink);
}

.editorial-site.home-page .chapter-copy p {
  font-size: 12px;
  color: var(--muted);
  line-height: 2;
}

.editorial-site.home-page .chapter-link {
  margin-top: 19px;
  padding-top: 0;
  border: 0;
  font-size: 11px;
}

.editorial-site.home-page .home-moments {
  background: #eeeede55;
  border: 0;
}

.editorial-site.home-page .moment-grid {
  grid-template-columns: 1.5fr 1fr;
  gap: 35px;
  padding: 0;
  align-items: start;
}

.editorial-site.home-page .moment-card {
  background: transparent;
  padding: 0;
  border: 0;
  border-radius: 0;
  margin: 0;
}

.editorial-site.home-page .moment-card:first-child {
  grid-row: span 2;
}

.editorial-site.home-page .moment-card:first-child .moment-photo {
  height: 680px;
}

.editorial-site.home-page .moment-card .moment-photo {
  height: 250px;
}

.editorial-site.home-page .moment-caption {
  padding: 20px 0 10px;
  border-bottom: 1px solid #d8dccc;
}

.editorial-site.home-page .moment-card:hover {
  transform: none;
  box-shadow: none;
}

.editorial-site.home-page .moment-photo img {
  transition: transform .8s ease;
}

.editorial-site.home-page .moment-card:hover img {
  transform: scale(1.025);
}

.editorial-site.home-page .travel-promises {
  padding-block: 100px;
}

.editorial-site.home-page .promise-card {
  background: transparent;
  box-shadow: none;
  border-color: var(--line);
  border-radius: 2px;
}

@media (max-width: 1050px) {
  .editorial-site.home-page .hero-grid { gap: 34px; }
  .editorial-site.home-page .hero-edition { display: block; }
  .editorial-site.home-page .hero-edition > span { display: block; padding: 5px 0 0; border: 0; }
  .editorial-site.home-page .chapter-grid { gap: 0 28px; }
  .editorial-site.home-page .chapter-card { gap: 20px; }
  .editorial-site.home-page .chapter-image { height: 160px; }
  .editorial-site.home-page .chapter-copy h3 { font-size: 21px; }
  .editorial-site.home-page .moment-card:first-child .moment-photo { height: 600px; }
  .editorial-site.home-page .moment-card .moment-photo { height: 210px; }
}

@media (max-width: 760px) {
  .editorial-site.home-page .journal-hero { padding-top: 35px; }
  .editorial-site.home-page .hero-grid { grid-template-columns: 1fr; gap: 36px; }
  .editorial-site.home-page .journal-opening { padding: 0; }
  .editorial-site.home-page .hero-edition { display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 28px; }
  .editorial-site.home-page .hero-edition > span { display: inline; padding: 0; }
  .editorial-site.home-page h1 { font-size: clamp(36px, 6.5vw, 48px); }
  .editorial-site.home-page .journal-label { margin-bottom: 20px; }
  .editorial-site.home-page .journal-lead { margin-top: 24px; }
  .editorial-site.home-page .hero-signature { margin-top: 25px; }
  .editorial-site.home-page .chapter-grid { grid-template-columns: 1fr; }
  .editorial-site.home-page .chapter-card { grid-template-columns: .8fr 1.2fr; padding-block: 24px; gap: 26px; }
  .editorial-site.home-page .chapter-image { height: 160px; }
  .editorial-site.home-page .moment-grid { grid-template-columns: 1fr; width: 100%; }
  .editorial-site.home-page .moment-card:first-child { grid-row: auto; }
  .editorial-site.home-page .moment-card:first-child .moment-photo { height: 480px; }
  .editorial-site.home-page .moment-card .moment-photo { height: 330px; }
  .editorial-site.home-page .journal-heading { align-items: start; margin-bottom: 24px; }
  .editorial-site.home-page .travel-promises { padding-block: 64px; }
}

@media (max-width: 420px) {
  .editorial-site.home-page .chapter-card { gap: 19px; }
  .editorial-site.home-page .chapter-copy h3 { font-size: 21px; }
  .editorial-site.home-page .chapter-image { height: 145px; }
  .editorial-site.home-page .hero-edition { font-size: 8px; }
  .editorial-site.home-page .moment-card:first-child .moment-photo { height: 410px; }
}

@media (prefers-reduced-motion: reduce) {
  .editorial-site.home-page .chapter-image img,
  .editorial-site.home-page .moment-photo img { transition: none; }
}
