/* Local review of the reading paths. Existing GhostHeart artwork and shared shell. */
.world-page {
  color: #f3eee8;
  background: radial-gradient(circle at 80% 0, rgba(116, 25, 34, .17), transparent 35rem), #0a090b;
}
.world-page a:focus-visible { outline: 3px solid #f6ac6e; outline-offset: 4px; }
.world-hero { padding-block: clamp(3.5rem, 7vw, 7rem) clamp(3rem, 5vw, 5rem); }
.world-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); gap: clamp(2rem, 5vw, 5rem); align-items: center; }
.world-hero-copy h1, .love-hero-inner h1 { max-width: 10ch; margin: .5rem 0 1.3rem; font: 400 clamp(3.5rem, 7.5vw, 7.5rem)/.95 Georgia, serif; letter-spacing: -.055em; }
.world-hero-copy > p:not(.ghx-kicker), .love-hero-inner > p:not(.ghx-kicker) { max-width: 54ch; color: #d8cec9; font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.65; }
.world-hero-copy .world-lead, .love-hero-inner .world-lead { color: #f3eee8; font: 400 clamp(1.2rem, 2vw, 1.65rem)/1.45 Georgia, serif; }
.world-hero-art { margin: 0; overflow: hidden; border: 1px solid rgba(246, 172, 110, .25); background: #171114; }
.world-hero-art img { display: block; width: 100%; height: min(34rem, 43vw); object-fit: cover; object-position: center; }
.world-jump, .world-inline-links, .world-finish nav { display: flex; flex-wrap: wrap; gap: .65rem 1.25rem; }
.world-jump { margin-top: 2rem; }
.world-jump a, .world-inline-links a, .world-finish nav a, .world-plain-link, .world-bottom a { display: inline-flex; align-items: center; min-height: 44px; color: #f4bd86; font-weight: 650; text-underline-offset: .25em; }
.world-prose { border-top: 1px solid rgba(255,255,255,.13); padding-block: clamp(3rem, 6vw, 6rem); }
.world-section-label { margin-bottom: 1.25rem; color: #d7a46f; font-size: .74rem; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.world-prose-grid { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(2rem, 5vw, 6rem); }
.world-prose h2, .world-finish h2 { max-width: 12ch; margin: 0; font: 400 clamp(2.6rem, 5vw, 5.1rem)/1 Georgia, serif; letter-spacing: -.045em; }
.world-intro { max-width: 23ch; color: #d8a26c; font: 400 clamp(1.15rem, 2vw, 1.5rem)/1.45 Georgia, serif; }
.world-reading { max-width: 66ch; color: #e7dfd9; font: 400 clamp(1.07rem, 1.5vw, 1.2rem)/1.78 Georgia, serif; }
.world-reading p { margin: 0 0 1.35em; }
.world-reading blockquote { margin: 2rem 0; padding: .4rem 0 .4rem 1.3rem; border-left: 3px solid #d95951; color: #f6e8df; font-size: clamp(1.6rem, 2.3vw, 2.3rem); line-height: 1.25; }
.world-inline-links { padding-top: .25rem; font: 650 .9rem/1.5 system-ui, sans-serif; }
.world-love-teaser { background: linear-gradient(90deg, rgba(68, 26, 32, .18), transparent); }
.world-finish { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(13rem, .8fr); gap: 2rem 4rem; padding-block: clamp(3rem, 5vw, 5rem); border-top: 1px solid rgba(255,255,255,.13); }
.world-finish h2 { max-width: 15ch; font-size: clamp(2rem, 3.3vw, 3.4rem); }
.world-finish p:not(.ghx-kicker) { max-width: 65ch; color: #d8cec9; line-height: 1.65; }
.world-finish nav { align-content: center; flex-direction: column; }
.world-bottom { display: flex; align-items: center; justify-content: space-between; gap: 1rem 2rem; padding-block: 1.4rem 3rem; border-top: 1px solid rgba(255,255,255,.13); color: #c9beb8; font-size: .9rem; }
.world-bottom p { max-width: 75ch; margin: 0; }
.love-page .world-hero { min-height: 31rem; display: flex; align-items: end; background: radial-gradient(circle at 75% 28%, rgba(167, 63, 67, .2), transparent 25rem), linear-gradient(140deg, #0a090b, #1d1015); }
.love-hero-inner { max-width: 65rem; }
.love-hero-inner h1 { max-width: 14ch; }
@media (max-width: 800px) {
  .world-hero-grid, .world-prose-grid, .world-finish { grid-template-columns: 1fr; }
  .world-hero-art img { height: clamp(15rem, 50vw, 27rem); }
  .world-bottom { display: block; }
}
@media (max-width: 520px) {
  .world-hero { padding-block: 2.5rem; }
  .world-hero-copy h1, .love-hero-inner h1 { font-size: clamp(2.9rem, 12vw, 4rem); }
  .world-hero-art img { height: 13rem; }
  .world-prose { padding-block: 2.5rem; }
}