/* EarthNet-specific presentation layer. Loads after pythology-human.css. */

.earthnet-hero::before {
  inset: 0 0 0 27%;
  opacity: .66;
  background:
    linear-gradient(90deg, #060a0d 0%, rgba(6,10,13,.58) 20%, rgba(6,10,13,.18) 62%, rgba(6,10,13,.45) 100%),
    linear-gradient(180deg, rgba(6,10,13,.04), #060a0d 98%),
    url('png_images/earthnet.png') center / cover no-repeat;
  filter: saturate(.9) contrast(.99);
}
.earthnet-hero::after {
  background: linear-gradient(90deg,#060a0d 0%,rgba(6,10,13,.94) 34%,rgba(6,10,13,.42) 60%,rgba(6,10,13,.05) 100%);
}

.earthnet-hero .pitch-hero-copy { max-width: 940px; }
.earthnet-hero-note {
  margin-top: 38px;
  max-width: 760px;
  font: 500 clamp(24px,3vw,39px)/1.16 'Newsreader', Georgia, serif;
  color: #e1ecee;
}
.earthnet-hero-note span { color: #8fd9e7; }

.earthnet-snapshot-bar {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  margin-top: 46px;
  max-width: 880px;
  border: 1px solid rgba(161,213,222,.13);
  background: rgba(161,213,222,.1);
}
.earthnet-snapshot-stat {
  padding: 18px 20px;
  background: rgba(6,13,17,.72);
  backdrop-filter: blur(10px);
}
.earthnet-snapshot-stat strong {
  display: block;
  font: 500 31px/1 'Newsreader', Georgia, serif;
  color: #edf4f5;
}
.earthnet-snapshot-stat span {
  display: block;
  margin-top: 7px;
  color: #789097;
  font-size: 10px;
  line-height: 1.45;
}

.change-grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 16px;
}
.change-card {
  position: relative;
  min-height: 300px;
  padding: 26px;
  border: 1px solid rgba(161,213,222,.12);
  border-radius: 18px;
  background: linear-gradient(155deg,rgba(13,27,34,.68),rgba(7,15,19,.52));
  overflow: hidden;
}
.change-card::after {
  content: '';
  position: absolute;
  inset: auto -45px -70px auto;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(143,217,231,.08);
  border-radius: 50%;
}
.change-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  color: #71868d;
  font-size: 10px;
}
.change-domain { color: #84d8e6; font-weight: 700; text-transform: capitalize; }
.change-card h3 {
  margin: 34px 0 13px;
  font: 500 clamp(25px,2.6vw,33px)/1.08 'Newsreader', Georgia, serif;
}
.change-card p {
  margin: 0;
  color: #98aab0;
  font-size: 13px;
  line-height: 1.7;
}
.change-foot {
  display: flex;
  flex-wrap: wrap;
  gap: 9px 18px;
  margin-top: 24px;
  padding-top: 17px;
  border-top: 1px solid rgba(161,213,222,.09);
  color: #667c83;
  font: 500 9px/1.5 'JetBrains Mono', monospace;
}

.scope-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 18px;
}
.scope-card {
  min-height: 390px;
  padding: clamp(30px,4vw,48px);
  border: 1px solid rgba(161,213,222,.12);
  border-radius: 22px;
  background: #081015;
  position: relative;
  overflow: hidden;
}
.scope-card.global {
  background:
    linear-gradient(140deg,rgba(5,12,16,.97),rgba(5,12,16,.62)),
    url('png_images/earthnet.png') center / cover no-repeat;
}
.scope-card.nz {
  background:
    linear-gradient(140deg,rgba(5,12,16,.92),rgba(5,12,16,.48)),
    url('https://raw.githubusercontent.com/PythologyIntelligence/pythology-pages-lab/main/png_images/nz_report.webp') center / cover no-repeat;
}
.scope-card > * { position: relative; z-index: 1; }
.scope-label { color: #84d8e6; font-size: 11px; font-weight: 700; }
.scope-card h3 {
  margin: 64px 0 14px;
  max-width: 520px;
  font: 500 clamp(31px,4vw,48px)/1.03 'Newsreader', Georgia, serif;
}
.scope-card p {
  max-width: 560px;
  color: #a0b1b6;
  line-height: 1.74;
  font-size: 14px;
}
.scope-proof {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 1px;
  margin-top: 30px;
  background: rgba(161,213,222,.11);
  border: 1px solid rgba(161,213,222,.11);
}
.scope-proof div { padding: 15px; background: rgba(5,12,16,.86); }
.scope-proof strong { display: block; font: 500 25px/1 'Newsreader', Georgia, serif; }
.scope-proof span { display: block; margin-top: 6px; color: #758b91; font-size: 9px; }

.watch-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 1px;
  border: 1px solid rgba(161,213,222,.11);
  background: rgba(161,213,222,.11);
}
.watch-item {
  min-height: 260px;
  padding: 26px;
  background: #081015;
}
.watch-item span { color: #83d8e6; font-size: 10px; font-weight: 700; }
.watch-item h3 { margin: 34px 0 11px; font: 500 29px/1.08 'Newsreader', Georgia, serif; }
.watch-item p { margin: 0; color: #8fa3a9; font-size: 13px; line-height: 1.7; }

.earthnet-prometheus {
  position: relative;
  overflow: hidden;
  border-block: 1px solid rgba(161,213,222,.1);
  background:
    linear-gradient(90deg,rgba(6,10,13,.98),rgba(6,10,13,.78) 58%,rgba(6,10,13,.5)),
    url('png_images/causal_intelligence.png') 84% center / min(52%,720px) auto no-repeat;
}
.earthnet-prometheus .lede { max-width: 690px; }
.earthnet-prometheus-stats {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  margin-top: 32px;
}
.earthnet-prometheus-stats strong { display: block; font: 500 34px/1 'Newsreader', Georgia, serif; }
.earthnet-prometheus-stats span { display: block; margin-top: 6px; color: #758990; font-size: 10px; }

.earthnet-stack {
  display: grid;
  gap: 0;
  border-top: 1px solid rgba(161,213,222,.11);
}
.earthnet-stack-row {
  display: grid;
  grid-template-columns: 150px minmax(220px,.72fr) minmax(0,1.28fr);
  gap: 26px;
  align-items: baseline;
  padding: 23px 0;
  border-bottom: 1px solid rgba(161,213,222,.09);
}
.earthnet-stack-row span { color: #82d7e5; font-size: 11px; font-weight: 700; }
.earthnet-stack-row h3 { margin: 0; font: 500 25px/1.12 'Newsreader', Georgia, serif; }
.earthnet-stack-row p { margin: 0; color: #8fa2a8; font-size: 13px; line-height: 1.68; }

.earthnet-caveat {
  margin-top: 30px;
  max-width: 900px;
  padding-left: 20px;
  border-left: 2px solid rgba(143,217,231,.42);
  color: #8fa2a8;
  font-size: 13px;
  line-height: 1.72;
}

/* Decision Futures lives on the dark EarthNet page; do not inherit paper/ink colours. */
.decision-futures-section h2 { color: #edf4f5; }
.decision-futures-section p { color: #aebdc1; }
.decision-futures-section .df-status { color: #9fb2b7; }
.decision-futures-section .brier-note { color: #83979d; opacity: 1; }

@media (max-width: 1050px) {
  .change-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .watch-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .earthnet-snapshot-bar { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .scope-grid { grid-template-columns: 1fr; }
  .earthnet-stack-row { grid-template-columns: 110px 1fr; }
  .earthnet-stack-row p { grid-column: 2; }
}
@media (max-width: 720px) {
  .earthnet-hero::before { inset: 0; opacity: .42; background-position: 68% center; }
  .change-grid,
  .watch-grid,
  .earthnet-snapshot-bar { grid-template-columns: 1fr; }
  .scope-proof { grid-template-columns: 1fr; }
  .earthnet-stack-row { grid-template-columns: 1fr; gap: 8px; }
  .earthnet-stack-row p { grid-column: auto; }
  .earthnet-prometheus { background-image: linear-gradient(90deg,rgba(6,10,13,.98),rgba(6,10,13,.85)); }
}