:root {
  --rocks-minerals: #86613f;
  --strata-deep-time: #9a7650;
  --geochronology: #7b5749;
  --surface-ice: #4f7881;
  --earth-interior: #8b4f42;
  --seismology: #6d5778;
  --tectonics-geodynamics: #536b4b;
  --oceans-earth-system: #3f7080;
}

.timeline-stage {
  background:
    repeating-linear-gradient(176deg, transparent 0 43px, rgba(111, 96, 68, .04) 44px 45px, transparent 46px 88px),
    linear-gradient(112deg, transparent 0 57%, rgba(139, 79, 66, .045) 57.2%, transparent 57.5%),
    radial-gradient(ellipse at 78% 44%, rgba(63, 112, 128, .07), transparent 31%),
    var(--paper);
}

.timeline-event,
.timeline-connector { --domain: var(--rocks-minerals); }
.timeline-event[data-domain="rocks-minerals"], .timeline-connector[data-domain="rocks-minerals"] { --domain: var(--rocks-minerals); }
.timeline-event[data-domain="strata-deep-time"], .timeline-connector[data-domain="strata-deep-time"] { --domain: var(--strata-deep-time); }
.timeline-event[data-domain="geochronology"], .timeline-connector[data-domain="geochronology"] { --domain: var(--geochronology); }
.timeline-event[data-domain="surface-ice"], .timeline-connector[data-domain="surface-ice"] { --domain: var(--surface-ice); }
.timeline-event[data-domain="earth-interior"], .timeline-connector[data-domain="earth-interior"] { --domain: var(--earth-interior); }
.timeline-event[data-domain="seismology"], .timeline-connector[data-domain="seismology"] { --domain: var(--seismology); }
.timeline-event[data-domain="tectonics-geodynamics"], .timeline-connector[data-domain="tectonics-geodynamics"] { --domain: var(--tectonics-geodynamics); }
.timeline-event[data-domain="oceans-earth-system"], .timeline-connector[data-domain="oceans-earth-system"] { --domain: var(--oceans-earth-system); }

.domain-dot.rocks-minerals { color: var(--rocks-minerals); }
.domain-dot.strata-deep-time { color: var(--strata-deep-time); }
.domain-dot.geochronology { color: var(--geochronology); }
.domain-dot.surface-ice { color: var(--surface-ice); }
.domain-dot.earth-interior { color: var(--earth-interior); }
.domain-dot.seismology { color: var(--seismology); }
.domain-dot.tectonics-geodynamics { color: var(--tectonics-geodynamics); }
.domain-dot.oceans-earth-system { color: var(--oceans-earth-system); }

.identity-copy h1 em,
.identity-copy .eyebrow,
.einstein-mode-button[aria-pressed="true"] { color: #625438; }

.einstein-mode-button[aria-pressed="true"] {
  border-color: rgba(111, 96, 68, .55);
  background: rgba(111, 96, 68, .12);
}

.einstein-monogram { background: #6f6044; color: #fffdf8; }

@media (max-height: 500px) {
  .domain-filters { max-width: min(100%, 1080px); }
  .filter-chip { padding-inline: 6px; }
}
