:root { color-scheme: dark; font-family: "Segoe UI", Arial, sans-serif; color: #fffdf3; background: #10251d; }
* { box-sizing: border-box; }
body { margin: 0; min-height: 100svh; display: flex; flex-direction: column; position: relative; isolation: isolate; }
.world, .shade { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.world { object-fit: cover; object-position: 63% center; }
.shade { background: linear-gradient(90deg, rgba(8, 24, 19, .88) 0%, rgba(8, 24, 19, .72) 28%, rgba(8, 24, 19, .16) 72%), linear-gradient(0deg, rgba(8, 24, 19, .8), transparent 40%); }
header, footer { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 2rem clamp(1.5rem, 6vw, 6.5rem); }
header { border-bottom: 1px solid rgba(255, 255, 255, .18); }
.wordmark { font-family: Georgia, "Times New Roman", serif; font-size: 1.5rem; font-weight: bold; letter-spacing: .04em; }
.wordmark span { color: #c9f575; padding: 0 .2rem; }
.edition, footer { font-size: .875rem; color: #f0f1e6; }
main { flex: 1; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; padding: 4.5rem clamp(1.5rem, 6vw, 6.5rem) 5rem; }
.status { margin: 0 0 1.8rem; padding: .55rem .8rem; background: #c9f575; color: #173219; font-size: .875rem; font-weight: 700; text-transform: uppercase; letter-spacing: .14em; }
h1 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(3.25rem, 7.2vw, 7rem); line-height: 1.02; font-weight: 400; letter-spacing: -.035em; }
.amp { color: #c9f575; font-style: italic; }
.intro { margin: 2rem 0 0; font-size: clamp(1rem, 1.6vw, 1.25rem); line-height: 1.7; }
.return { margin: 1.6rem 0 0; color: #e3e9da; font-size: 1rem; line-height: 1.6; }
footer { padding-top: 1.25rem; padding-bottom: 1.5rem; line-height: 1.5; }
@media (max-width: 600px) {
  header { padding-top: 1.25rem; padding-bottom: 1.25rem; }
  .edition { max-width: 9rem; text-align: right; }
  .world { object-position: 55% center; }
  .shade { background: linear-gradient(90deg, rgba(8, 24, 19, .84), rgba(8, 24, 19, .48)), linear-gradient(0deg, rgba(8, 24, 19, .85), transparent 70%); }
  main { padding-top: 3rem; padding-bottom: 3rem; }
  h1 { font-size: clamp(2.75rem, 12vw, 4.5rem); }
  footer { flex-direction: column; align-items: flex-start; gap: .35rem; }
}
