/* Original field-journal treatment inspired by Alt Labs' painted landscapes. */
.abundance-page {
  --journal-paper:#f0f0df; --journal-ink:#203b32; --journal-green:#356b50;
  --line:rgb(44 69 49 / .24); --muted:#687467;
  background:var(--journal-paper); color:var(--journal-ink);
}
.abundance-page .journey-viewport { background:var(--journal-paper); }
.abundance-page .journey-header,
.abundance-page.journey-dark .journey-header,
.abundance-page.explorer-active .journey-header {
  color:var(--journal-ink); border-color:var(--line);
  background:transparent;
}
.abundance-page .journey-header::before { content:'';position:absolute;inset:0;z-index:-1;background:var(--journal-paper);opacity:calc(.18 + .78 * var(--interface-reveal,0));pointer-events:none; }
.abundance-page .journey-wordmark { font-size:24px; }
.abundance-page .journey-header-actions .enter-link { border:1px solid #365e4266; border-radius:25px; padding:11px 18px; gap:20px; }
.abundance-page :is(button,a,select,canvas):focus-visible { outline-color:#315d45; }
.abundance-page .natural-scene::after {
  content:'';position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#edf0d9b0,transparent 70%);opacity:var(--landscape-wash,.5);
}
.abundance-page .beach-image { object-position:58% 50%; transform-origin:60% 76%; }
.abundance-page .grain-image { object-position:64% 53%; transform-origin:64% 53%; }
.abundance-page .grain-focus { left:60%;top:76%; }
.abundance-page .nightfall { background:var(--journal-paper); }
.abundance-page .opening-copy { padding:0; color:#183e31; }
.abundance-page .opening-eyebrow { position:absolute;top:19%;left:5vw;font-size:9px;letter-spacing:.13em; }
.abundance-page .opening-copy h1 {
  position:absolute;left:4.8vw;bottom:25%;font-family:Georgia,'Times New Roman',serif;
  font-weight:400;font-size:clamp(76px,9.5vw,152px);line-height:.94;
  letter-spacing:-.06em;text-transform:none;max-width:90%;margin:0;
}
.abundance-page .opening-bottom { color:#203f32;text-shadow:none;bottom:100px; }
.abundance-page .opening-bottom p { font-size:14px;line-height:1.7; }
.abundance-page .scroll-invitation { border-bottom:1px solid #365e4266;padding-bottom:12px; }
.abundance-page .material-caption,
.abundance-page .compute-arrival { color:var(--journal-ink);text-shadow:none; }
.abundance-page .material-caption h2,
.abundance-page .compute-arrival h2,
.abundance-page .explorer-topline h2,
.abundance-page #context-architecture-title,
.abundance-page #inspector h2 {
  font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;text-transform:none;
}
.abundance-page .material-caption h2 { line-height:1.03;font-size:clamp(48px,6vw,86px); }
.abundance-page .compute-arrival h2 { font-size:clamp(52px,7.8vw,115px);line-height:1.03; }
.abundance-page .compute-arrival h2 span,
.abundance-page .explorer-topline h2 span { color:var(--journal-green); }
.abundance-page .material-caption p,
.abundance-page .material-caption small,
.abundance-page .compute-arrival p { color:#425f4e; }
.abundance-page .material-caption .mono,
.abundance-page .compute-arrival .mono { color:#396747; }
.abundance-page .journey-chapters,
.abundance-page.explorer-active .journey-chapters { background:#eff0dfd9;color:var(--journal-ink);border-color:var(--line); }
.abundance-page .journey-chapters button { color:#425b4a; }
.abundance-page .journey-chapters button[aria-current="step"] { color:#224632;text-decoration:underline;text-underline-offset:6px; }
.abundance-page .journey-progress i { background:#62886a; }
.abundance-page .journey-credit { color:#56705c; }
.abundance-page .explorer-shell { color:var(--journal-ink); }
.abundance-page .explorer-topline h2 { font-size:clamp(28px,3.1vw,46px);letter-spacing:-.055em; }
.abundance-page .explorer-topline > .mono { color:#576e59; }
.abundance-page .live-dot { background:#658653; }
.abundance-page .lab-frame { border:0;border-top:1px solid rgb(44 69 49 / calc(.28 * var(--chrome-reveal,0))); }
.abundance-page .scene-column { position:relative;isolation:isolate;background:transparent; }
.abundance-page .scene-column::before { content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,#aac3a299,#e3ead1 78%);opacity:var(--hardware-reveal,0); }
.abundance-page .scene-toolbar { background:transparent;gap:30px;padding-block:20px; }
.abundance-page .scene-toolbar label>span { color:#536d52; }
.abundance-page select { color:#274934;border-color:#6a8364;color-scheme:light; }
.abundance-page select option,.abundance-page select optgroup { color:#254332;background:#f0f0df; }
.abundance-page .scene-grid { background-image:linear-gradient(#33583e09 1px,transparent 1px),linear-gradient(90deg,#33583e09 1px,transparent 1px); }
.abundance-page .scene-scale,.abundance-page .scene-coordinate,.abundance-page .scene-note { color:#496546; }
.abundance-page .scene-view-controls { border-color:var(--line); }
.abundance-page .segmented button,.abundance-page .scene-camera-controls button { color:#345238;border-color:#385b4233; }
.abundance-page .segmented button.active { background:#dfeeac;color:#203e29;border-color:#667e493d; }
.abundance-page .component-hotspots button { color:#44603f; }
.abundance-page .component-hotspots button.active,.abundance-page .component-hotspots button:hover { color:#223d2b;background:#deebbd;border-color:#6e8a5377; }
.abundance-page .model-footnote { color:#5e7155;border-color:var(--line); }
.abundance-page .component-inspector { background:transparent;border-color:var(--line);scrollbar-color:#849572 transparent;padding:25px 26px; }
.abundance-page .component-inspector :is(p,li,dd) { color:#4c6049; }
.abundance-page .component-inspector :is(h2,h3,h4,strong) { color:#284731; }
.abundance-page .component-inspector :is(.mono,.eyebrow,.architecture-category,.context-label,.inspector-layer) { color:#4f6d45; }
.abundance-page #context-architecture-title { font-size:clamp(26px,2.7vw,38px);line-height:1.06; }
.abundance-page .context-workload { background:#e5ead65e;border-color:#7d93643d;color:#395437; }
.abundance-page .component-inspector :is(summary,.connection-link,.history-role,small) { color:#536b48; }
.abundance-page .component-inspector :is(.source-links a,.hardware-reference a,.export-link,.inspector-back) { color:#356342;border-color:#64815466; }
.abundance-page .connection-link { border-color:var(--line); }
.abundance-page .connection-link:hover { color:#1a452b; }
.abundance-page .workflow-steps button { color:#4c6742;border-color:#7d93645e; }
.abundance-page .workflow-steps button.active,.abundance-page .workflow-steps button:hover { background:#dfe9c4;color:#294a30;border-color:#809b63; }
.abundance-page .history-overview p { color:#314c35; }
.abundance-page .pioneer-list strong,.abundance-page .milestone-list strong { color:#2d4933; }
.abundance-page .history-detail p,.abundance-page .history-role { color:#576a50; }
.abundance-page #material-note { color:#62765c; }
.abundance-page .noscript-note { background:var(--journal-paper);color:var(--journal-ink); }
@media(max-width:700px) {
  .abundance-page .opening-eyebrow { top:17%;left:6vw;font-size:7px; }
  .abundance-page .opening-copy h1 { left:6vw;bottom:36%;font-size:15vw;line-height:.99; }
  .abundance-page .opening-bottom { bottom:100px;left:6vw;right:6vw; }
  .abundance-page .journey-header-actions .enter-link { padding:8px 11px;gap:7px; }
  .abundance-page .compute-arrival h2 { font-size:13vw; }
  .abundance-page .explorer-topline h2 { font-size:32px; }
  .abundance-page .scene-toolbar { padding:14px;gap:14px; }
  .abundance-page .component-inspector { padding:24px 20px; }
}
@media(max-height:700px) and (min-width:701px) {
  .abundance-page .opening-copy h1 { font-size:17vh;bottom:29%; }
  .abundance-page .opening-eyebrow { top:20%; }
  .abundance-page .explorer-topline h2 { font-size:29px; }
  .abundance-page .scene-toolbar { padding-block:11px; }
}