/* SEE,R ecosystem layer — 2026-10-04
   Shared visual family for the public hub. Individual projects keep their own identity. */
:root{
  --seer-paper:#f7f8f5;
  --seer-paper-warm:#f2efe8;
  --seer-ink:#17221d;
  --seer-ink-soft:#3b4741;
  --seer-muted:#6d766f;
  --seer-line:rgba(23,34,29,.10);
  --seer-forest:#183226;
  --seer-forest-deep:#0e2119;
  --seer-sage:#7f9f8a;
  --seer-sky:#7ca2ba;
  --seer-sun:#e6c08f;
  --seer-gold:#aa8350;
  --seer-card:rgba(255,255,255,.76);
  --seer-shadow:0 18px 55px rgba(25,48,38,.09);
  --seer-radius:24px;
}

body.ecosystem{
  color:var(--seer-ink);
  background:
    radial-gradient(circle at 8% 5%,rgba(124,162,186,.10),transparent 24rem),
    radial-gradient(circle at 96% 22%,rgba(127,159,138,.12),transparent 26rem),
    var(--seer-paper);
}

body.ecosystem .nav{
  background:rgba(12,23,18,.84);
  backdrop-filter:saturate(150%) blur(16px);
  -webkit-backdrop-filter:saturate(150%) blur(16px);
  border-bottom:1px solid rgba(255,255,255,.08);
}
body.ecosystem .nav-in{max-width:1120px}
body.ecosystem .nav a{opacity:.92}
body.ecosystem .nav-links{gap:18px}
body.ecosystem .nav-links a{font-size:12.5px}
body.ecosystem .brand{letter-spacing:.16em}
body.ecosystem .brand img{filter:none;height:20px}

.eco-hero{
  position:relative;
  min-height:90vh;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#fff;
  background:
    linear-gradient(180deg,rgba(6,15,11,.22),rgba(6,15,11,.62)),
    url('forest.jpg') center 30%/cover no-repeat;
}
.eco-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 74% 22%,rgba(244,216,168,.26),transparent 17rem),
    linear-gradient(90deg,rgba(6,15,11,.15),transparent 52%,rgba(6,15,11,.08));
}
.eco-hero-inner{
  position:relative;
  z-index:1;
  width:min(900px,calc(100% - 2rem));
  padding:8rem 1rem 6rem;
  text-align:center;
}
.eco-star{
  width:78px;
  height:78px;
  object-fit:contain;
  margin:0 auto 1.2rem;
  filter:drop-shadow(0 8px 26px rgba(0,0,0,.32));
}
.eco-eyebrow{
  margin:0 0 .7rem;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}
.eco-hero h1{
  margin:0;
  font-size:clamp(4rem,10vw,7.5rem);
  font-weight:560;
  letter-spacing:-.055em;
}
.eco-hero .tagline{
  margin:1rem auto 0;
  font-family:Georgia,serif;
  font-size:clamp(1.25rem,2.7vw,1.7rem);
  color:rgba(255,255,255,.86);
}
.eco-lewis{
  max-width:50rem;
  margin:2.5rem auto 0;
  padding:1.2rem 1.3rem 0;
  border-top:1px solid rgba(255,255,255,.35);
  font-family:Georgia,serif;
  font-size:clamp(1.08rem,2.3vw,1.45rem);
  line-height:1.55;
  color:#fff;
}
.eco-lewis cite{
  display:block;
  margin-top:.75rem;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-size:.68rem;
  font-style:normal;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
.eco-scroll{
  display:inline-flex;
  margin-top:2.3rem;
  color:rgba(255,255,255,.66);
  text-decoration:none;
  font-size:.73rem;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.eco-scroll::after{content:"↓";margin-left:.55rem}

.eco-section{padding:clamp(4.5rem,8vw,7rem) 0}
.eco-wrap{width:min(1120px,calc(100% - 2.4rem));margin-inline:auto}
.eco-kicker{
  margin:0 0 .65rem;
  color:var(--seer-forest);
  font-size:.68rem;
  font-weight:750;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.eco-title{
  margin:0;
  max-width:16ch;
  font-family:Georgia,serif;
  font-size:clamp(2.2rem,5vw,4.4rem);
  line-height:1.02;
  letter-spacing:-.04em;
  font-weight:500;
}
.eco-deck{
  margin:1rem 0 0;
  max-width:46rem;
  color:var(--seer-ink-soft);
  font-size:1.05rem;
}
.eco-section-head{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:2rem 5rem;
  align-items:end;
}
@media(max-width:780px){.eco-section-head{grid-template-columns:1fr;gap:1rem}}

.pace-section{background:var(--seer-forest-deep);color:#f5f5f1}
.pace-section .eco-kicker{color:#b9cdbf}
.pace-section .eco-deck{color:#c8d2cc}
.pace-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1rem;
  margin-top:2.3rem;
}
.pace-card{
  position:relative;
  min-height:250px;
  padding:1.2rem;
  border-radius:var(--seer-radius);
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.045);
}
.pace-card h3{
  margin:0;
  font-family:Georgia,serif;
  font-size:1.6rem;
  font-weight:500;
}
.pace-card p{margin:.6rem 0 0;color:#c8d2cc;max-width:30rem}
.pace-viz{
  position:absolute;
  left:1.2rem;
  right:1.2rem;
  bottom:1.2rem;
  height:120px;
  border-left:1px solid rgba(255,255,255,.12);
  border-bottom:1px solid rgba(255,255,255,.12);
}
.pace-viz::before,.pace-viz::after{
  content:"";
  position:absolute;
  left:0;
  bottom:10px;
  width:94%;
  height:3px;
  transform-origin:left center;
  border-radius:999px;
}
.pace-viz.machine::before{
  background:linear-gradient(90deg,var(--seer-sun),#fff1c8);
  transform:rotate(-19deg);
  box-shadow:0 0 20px rgba(230,192,143,.35);
}
.pace-viz.human::before{
  background:linear-gradient(90deg,var(--seer-sky),#b7cfde);
  transform:rotate(-3deg);
}
.pace-note{
  margin-top:1rem;
  color:#8fa298;
  font-size:.82rem;
}
@media(max-width:720px){.pace-grid{grid-template-columns:1fr}.pace-card{min-height:220px}}

.world-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:1rem;
  margin-top:2.5rem;
}
.world-card{
  position:relative;
  min-height:230px;
  padding:1.3rem;
  border-radius:var(--seer-radius);
  border:1px solid var(--seer-line);
  background:var(--seer-card);
  box-shadow:var(--seer-shadow);
  text-decoration:none;
  color:inherit;
  overflow:hidden;
  transition:transform .18s ease,box-shadow .18s ease;
}
.world-card:hover{transform:translateY(-3px);box-shadow:0 24px 68px rgba(25,48,38,.13)}
.world-card .label{
  display:block;
  color:var(--seer-muted);
  font-size:.64rem;
  font-weight:750;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.world-card h3{
  margin:2.3rem 0 0;
  font-family:Georgia,serif;
  font-size:clamp(1.65rem,3vw,2.5rem);
  font-weight:500;
  letter-spacing:-.03em;
}
.world-card p{margin:.7rem 0 0;color:var(--seer-ink-soft);max-width:30rem}
.world-card .go{position:absolute;left:1.3rem;bottom:1.2rem;font-weight:650;color:var(--seer-forest)}
.world-work{grid-column:span 7;background:linear-gradient(145deg,#f8fbfa,#e3eee8)}
.world-human{grid-column:span 5;background:linear-gradient(145deg,#faf9f5,#eee9de)}
.world-record{grid-column:span 6;background:linear-gradient(145deg,#fafbfc,#e6eef3)}
.world-music{grid-column:span 6;background:linear-gradient(145deg,#121714,#203328);color:#fff;border-color:transparent}
.world-music p{color:#c5d0ca}.world-music .go{color:#d7b67f}.world-music .label{color:#9eb0a6}
.world-research{grid-column:1/-1;min-height:200px;background:linear-gradient(120deg,#10231b,#1d4938);color:#fff;border-color:transparent}
.world-research p{color:#c9d5cf}.world-research .go{color:#d7b67f}.world-research .label{color:#adc4b7}
@media(max-width:800px){.world-card{grid-column:1/-1!important}}

.willard-band{
  padding:clamp(4rem,7vw,6rem) 0;
  background:
    linear-gradient(180deg,rgba(247,248,245,.86),rgba(247,248,245,.94)),
    url('forest.jpg') center 65%/cover no-repeat;
}
.willard-band blockquote{
  max-width:50rem;
  margin:0 auto;
  font-family:Georgia,serif;
  font-size:clamp(1.35rem,3vw,2rem);
  line-height:1.5;
  color:var(--seer-forest-deep);
}
.willard-band cite{
  display:block;
  margin-top:1rem;
  font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
  font-size:.68rem;
  font-style:normal;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--seer-muted);
}

.music-feature{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#101512,#1b2c23 55%,#24382d);
  color:#fff;
}
.music-feature::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.22;
  background:
    repeating-linear-gradient(90deg,transparent 0 34px,rgba(255,255,255,.06) 35px,transparent 36px),
    radial-gradient(circle at 75% 30%,rgba(230,192,143,.28),transparent 24rem);
}
.music-feature .eco-wrap{position:relative;z-index:1}
.music-wave{
  display:flex;
  align-items:center;
  gap:.45rem;
  height:110px;
  margin-top:2rem;
}
.music-wave i{width:2px;border-radius:999px;background:linear-gradient(#e8c49a,#7ca2ba)}
.music-wave i:nth-child(1){height:20%}.music-wave i:nth-child(2){height:42%}.music-wave i:nth-child(3){height:65%}.music-wave i:nth-child(4){height:32%}.music-wave i:nth-child(5){height:74%}.music-wave i:nth-child(6){height:48%}.music-wave i:nth-child(7){height:88%}.music-wave i:nth-child(8){height:52%}.music-wave i:nth-child(9){height:34%}.music-wave i:nth-child(10){height:61%}
.music-feature .eco-kicker{color:#b9cdbf}
.music-feature .eco-deck{color:#c6d0ca}
.eco-link{
  display:inline-flex;
  margin-top:1.3rem;
  color:inherit;
  font-weight:700;
  text-decoration:none;
  border-bottom:1px solid currentColor;
  padding-bottom:.15rem;
}

body.ecosystem .shelf-hero,
body.ecosystem .hero.plain{
  background:
    radial-gradient(circle at 78% 18%,rgba(124,162,186,.15),transparent 20rem),
    linear-gradient(160deg,#0d1c16,#173127 60%,#0e2119);
}
body.ecosystem .shelf-hero{padding:100px 22px 60px}
body.ecosystem .shelf-hero h1,
body.ecosystem .hero.plain h1{font-family:Georgia,serif;font-weight:500}
body.ecosystem .shelf-card{
  border-radius:20px;
  border:1px solid var(--seer-line);
  box-shadow:0 12px 34px rgba(23,34,29,.06)
}
body.ecosystem .shelf-card.featured{
  background:linear-gradient(135deg,#101914,#21372b);
}
body.ecosystem .shelf-card.music-important{
  grid-column:1/-1;
  background:linear-gradient(135deg,#141a16,#243a2e);
  color:#fff;
  min-height:220px;
}
body.ecosystem .shelf-card.music-important p{color:#c4d0c9}
body.ecosystem .shelf-card.music-important .badge{background:rgba(255,255,255,.1);color:#dfe7e2}
body.ecosystem .shelf-card.music-important .go{color:#e3c28e}

body.ecosystem .hero:not(.eco-hero){
  background:
    linear-gradient(180deg,rgba(7,15,11,.25),rgba(7,15,11,.58)),
    var(--hero-img, url('forest.jpg')) center 30%/cover no-repeat;
}
body.ecosystem .verse{
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:var(--seer-shadow)
}
body.ecosystem .prose{
  max-width:720px;
  font-size:17px
}
body.ecosystem .prose h2{
  font-family:Georgia,serif;
  font-weight:500;
  font-size:30px
}
body.ecosystem .prose p,
body.ecosystem .prose li{color:var(--seer-ink-soft)}
body.ecosystem .prose pre{
  border-radius:18px;
  background:#11241c;
  color:#eef5f0;
  padding:1.2rem
}
.research-note{
  margin:1.5rem 0;
  padding:1rem 1.1rem;
  border-radius:18px;
  background:linear-gradient(145deg,#eef4f0,#f8faf8);
  border:1px solid var(--seer-line);
}
.research-note strong{color:var(--seer-forest)}
.boundary-tag{
  display:inline-flex;
  padding:.28rem .5rem;
  border-radius:999px;
  background:#e6efe9;
  color:#315e48;
  font-size:.68rem;
  font-weight:750;
  text-transform:uppercase;
  letter-spacing:.08em
}

body.ecosystem .unit.gray{background:#eef2ef}
body.ecosystem .stamp{border-radius:18px;box-shadow:0 10px 28px rgba(23,34,29,.06)}
body.ecosystem footer{background:#eef1ee}

body.ecosystem.open-fruit{
  padding-top:48px;
}
body.ecosystem.open-fruit main{
  max-width:44rem;
  padding-top:3rem;
}
.open-fruit-nav{
  position:fixed;inset:0 0 auto;height:48px;z-index:40;
  display:flex;align-items:center;
  padding:0 1rem;
  background:rgba(247,244,238,.9);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(28,25,20,.08);
}
.open-fruit-nav a{color:#2f6b4f;text-decoration:none;font-size:.84rem;font-weight:650}
.open-fruit-nav a+ a{margin-left:auto}

.s33r-boundary-track{
  margin-top:2rem;
  padding:1.2rem;
  border:1px solid var(--line);
  border-radius:20px;
  background:linear-gradient(145deg,var(--paper),var(--paper-2))
}
.s33r-boundary-track p{max-width:48rem}


/* Project-specific hero tones: one family, not one template. */
body.page-grounded .hero{
  background:
    linear-gradient(180deg,rgba(7,15,11,.16),rgba(7,15,11,.62)),
    url('forest.jpg') center 34%/cover no-repeat !important;
}
body.page-music .hero.plain{
  background:
    radial-gradient(circle at 74% 22%,rgba(230,192,143,.18),transparent 18rem),
    linear-gradient(145deg,#080c0a,#15231c 62%,#0b1110) !important;
}
body.page-boundary .hero.plain{
  background:
    radial-gradient(circle at 78% 18%,rgba(124,162,186,.17),transparent 19rem),
    linear-gradient(145deg,#111a1d,#1c2b2f 62%,#111719) !important;
}
body.page-lenses-eco .hero.plain{
  background:
    radial-gradient(circle at 18% 18%,rgba(230,192,143,.16),transparent 18rem),
    linear-gradient(150deg,#201b15,#3a3126 62%,#171511) !important;
}
body.page-chronicle .hero.plain{
  background:
    radial-gradient(circle at 80% 20%,rgba(127,159,138,.14),transparent 18rem),
    linear-gradient(145deg,#111a16,#24352d 62%,#121814) !important;
}
body.page-portfolio .shelf-hero{
  background:
    radial-gradient(circle at 80% 18%,rgba(124,162,186,.18),transparent 20rem),
    linear-gradient(145deg,#0d1914,#1a3126 62%,#101713) !important;
}
body.page-convergence .hero{
  background:
    linear-gradient(180deg,rgba(7,15,11,.12),rgba(7,15,11,.58)),
    url('forest.jpg') center 44%/cover no-repeat !important;
}


/* ============================================================
   Editorial white pass — forest → light → possibility → humanity
   ============================================================ */
body.ecosystem{
  background:#fbfcfa;
  color:#17211c;
}
body.ecosystem .nav{
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(23,33,28,.08);
  box-shadow:0 1px 0 rgba(255,255,255,.55);
}
body.ecosystem .nav a,
body.ecosystem .brand{color:#17211c}
body.ecosystem .brand img{filter:none}
body.ecosystem #menu{
  color:#17211c;
  border:1px solid rgba(23,33,28,.12);
  background:rgba(255,255,255,.8);
  border-radius:999px;
}
@media(max-width:820px){
  body.ecosystem .nav-links{background:rgba(255,255,255,.98)}
  body.ecosystem .nav-links a{color:#17211c}
}

.eco-hero{
  min-height:86vh;
  background:
    linear-gradient(180deg,rgba(8,17,12,.10),rgba(8,17,12,.48)),
    url('forest.jpg') center 30%/cover no-repeat;
}
.eco-hero::before{
  background:
    radial-gradient(circle at 72% 18%,rgba(255,229,181,.34),transparent 18rem),
    linear-gradient(180deg,rgba(255,255,255,.02),rgba(8,17,12,.06));
}
.eco-hero-inner{max-width:840px}
.eco-lewis{
  max-width:46rem;
  border-top:1px solid rgba(255,255,255,.42);
  font-size:clamp(1.02rem,2vw,1.35rem);
}
.eco-section{background:#fff}
.eco-section:nth-of-type(even){background:#fbfcfa}
.eco-title{color:#17211c}
.eco-deck{color:#4f5a54}
.eco-kicker{color:#476755}

.pace-section{
  background:#fff;
  color:#17211c;
  border-bottom:1px solid rgba(23,33,28,.08);
}
.pace-section .eco-kicker{color:#567060}
.pace-section .eco-deck{color:#4f5a54}
.pace-simple{
  margin-top:2.6rem;
  border:1px solid rgba(23,33,28,.09);
  border-radius:30px;
  overflow:hidden;
  background:linear-gradient(180deg,#fff,#fafbf9);
  box-shadow:0 22px 60px rgba(30,53,42,.06);
}
.pace-row{
  display:grid;
  grid-template-columns:10rem 1fr;
  gap:1.5rem;
  align-items:center;
  min-height:128px;
  padding:1.4rem 1.6rem;
}
.pace-row + .pace-row{border-top:1px solid rgba(23,33,28,.08)}
.pace-label{
  font-size:.68rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:760;
  color:#66756d;
}
.machine-seq,.human-week{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.55rem;
}
.machine-seq b{
  font-size:clamp(1.35rem,3vw,2rem);
  font-weight:650;
  letter-spacing:-.04em;
}
.machine-seq i{
  font-style:normal;
  color:#9aa59f;
}
.machine-seq b:last-of-type{color:#315f49}
.human-week b{
  min-width:3.1rem;
  padding:.7rem .75rem;
  border-radius:999px;
  border:1px solid #dfe5e1;
  background:#fff;
  text-align:center;
  font-size:.72rem;
  letter-spacing:.08em;
}
.pace-thesis{
  margin:0;
  padding:1.25rem 1.6rem 1.5rem;
  border-top:1px solid rgba(23,33,28,.08);
  font-family:Georgia,serif;
  font-size:clamp(1.25rem,2.7vw,1.8rem);
  color:#274535;
}
@media(max-width:680px){
  .pace-row{grid-template-columns:1fr;gap:.7rem}
  .human-week b{min-width:2.85rem}
}

.world-grid{gap:.8rem}
.world-card{
  min-height:215px;
  border-radius:28px;
  background:#fff !important;
  color:#17211c !important;
  border:1px solid rgba(23,33,28,.09) !important;
  box-shadow:0 14px 40px rgba(28,48,39,.055);
}
.world-card::before{
  content:"";
  position:absolute;
  width:11rem;
  height:11rem;
  right:-5rem;
  top:-5rem;
  border-radius:50%;
  background:radial-gradient(circle,rgba(122,162,186,.11),transparent 70%);
}
.world-human::before{background:radial-gradient(circle,rgba(127,159,138,.14),transparent 70%)}
.world-music::before{background:radial-gradient(circle,rgba(230,192,143,.15),transparent 70%)}
.world-research::before{background:radial-gradient(circle,rgba(124,162,186,.13),transparent 70%)}
.world-card p{color:#4d5a53 !important}
.world-card .label{color:#78837d !important}
.world-card .go{color:#315f49 !important}

.willard-band{
  background:
    linear-gradient(180deg,rgba(255,255,255,.90),rgba(255,255,255,.94)),
    url('forest.jpg') center 62%/cover no-repeat;
  border-block:1px solid rgba(23,33,28,.06);
}
.willard-band blockquote{color:#203c2e}

.music-feature{
  background:
    radial-gradient(circle at 78% 22%,rgba(230,192,143,.18),transparent 22rem),
    linear-gradient(145deg,#fffdf8,#f5f8f4 65%,#eef4f0);
  color:#17211c;
  border-block:1px solid rgba(23,33,28,.07);
}
.music-feature::before{opacity:.07}
.music-feature .eco-kicker{color:#6a745f}
.music-feature .eco-deck{color:#4f5a54}
.music-feature .music-wave i{background:linear-gradient(#d6a86e,#7aa0b6)}
.music-feature .eco-link{color:#315f49}

body.page-portfolio .shelf-hero,
body.page-music .hero.plain,
body.page-boundary .hero.plain,
body.page-lenses-eco .hero.plain,
body.page-chronicle .hero.plain{
  color:#17211c !important;
  background:
    radial-gradient(circle at 78% 20%,rgba(124,162,186,.11),transparent 20rem),
    radial-gradient(circle at 20% 20%,rgba(230,192,143,.08),transparent 18rem),
    linear-gradient(180deg,#ffffff,#f6f8f5) !important;
  border-bottom:1px solid rgba(23,33,28,.08);
}
body.page-portfolio .shelf-hero .sub,
body.page-music .hero.plain .sub,
body.page-boundary .hero.plain .sub,
body.page-lenses-eco .hero.plain .sub,
body.page-chronicle .hero.plain .sub{color:#59635e !important}
body.page-grounded .hero{
  background:
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(12,24,17,.42)),
    url('forest.jpg') center 34%/cover no-repeat !important;
}
body.page-convergence .hero{
  min-height:38vh;
  color:#17211c;
  background:
    linear-gradient(180deg,rgba(255,255,255,.74),rgba(255,255,255,.90)),
    url('forest.jpg') center 44%/cover no-repeat !important;
}
body.page-convergence .hero .sub{color:#526059}
body.page-convergence .hero img.spin{filter:none;animation:none}
body.ecosystem .shelf-card,
body.ecosystem .stamp{
  background:#fff;
  border:1px solid rgba(23,33,28,.08);
  box-shadow:0 10px 34px rgba(25,46,37,.05);
}
body.ecosystem .shelf-card.featured,
body.ecosystem .shelf-card.music-important{
  background:linear-gradient(145deg,#ffffff,#f4f7f4);
  color:#17211c;
  border:1px solid rgba(23,33,28,.09);
}
body.ecosystem .shelf-card.featured p,
body.ecosystem .shelf-card.music-important p{color:#55615b}
body.ecosystem .shelf-card.featured .go,
body.ecosystem .shelf-card.music-important .go{color:#315f49}
body.ecosystem .shelf-card.featured .badge,
body.ecosystem .shelf-card.music-important .badge{background:#eef3ef;color:#52665a}
body.ecosystem .prose{max-width:760px}
body.ecosystem .prose h2{font-size:clamp(1.65rem,3vw,2.25rem)}
body.ecosystem .prose pre{background:#f3f6f4;color:#1f3028;border:1px solid #dfe6e1}

.editor-note{
  max-width:760px;
  margin:0 auto 2rem;
  padding:1rem 1.1rem;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(23,33,28,.08);
  box-shadow:0 10px 28px rgba(25,46,37,.04);
}
.editor-note strong{color:#2f5b46}
.surface-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.8rem;
  margin:1.5rem 0 0;
}
.surface-card{
  padding:1rem;
  border-radius:20px;
  border:1px solid rgba(23,33,28,.08);
  background:#fff;
}
.surface-card .label{
  font-size:.65rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#77837c;
}
.surface-card strong{
  display:block;
  margin-top:.35rem;
  font-family:Georgia,serif;
  font-size:1.25rem;
  font-weight:500;
}
.surface-card p{margin:.45rem 0 0;color:#56625b}
@media(max-width:760px){.surface-grid{grid-template-columns:1fr}}

.lens-cards{
  display:grid;
  gap:.8rem;
  margin:1.5rem 0 2rem;
}
.lens-card-clean{
  padding:1.1rem 1.2rem;
  border:1px solid rgba(23,33,28,.08);
  border-radius:20px;
  background:#fff;
}
.lens-card-clean h2{margin:0 0 .6rem !important}
.lens-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:.8rem;
}
.lens-split div{
  padding:.85rem;
  border-radius:14px;
  background:#f7f9f7;
}
.lens-split span{
  display:block;
  margin-bottom:.3rem;
  font-size:.63rem;
  letter-spacing:.1em;
  text-transform:uppercase;
  color:#718078;
}
@media(max-width:680px){.lens-split{grid-template-columns:1fr}}

.convergence-onramp{
  max-width:980px;
  margin:0 auto;
  padding:2.2rem 1rem 1.2rem;
}
.convergence-onramp .onramp-box{
  padding:1.2rem;
  border:1px solid rgba(23,33,28,.08);
  border-radius:24px;
  background:#fff;
  box-shadow:0 14px 40px rgba(25,46,37,.05);
}
.convergence-onramp h2{
  margin:0;
  font-size:clamp(1.65rem,3vw,2.3rem);
  letter-spacing:-.03em;
}
.convergence-onramp p{color:#526059}
.read-modes{
  display:flex;
  flex-wrap:wrap;
  gap:.55rem;
  margin-top:1rem;
}
.read-modes span{
  padding:.45rem .68rem;
  border-radius:999px;
  background:#f1f5f2;
  color:#486050;
  font-size:.76rem;
  font-weight:650;
}

details.build-log{
  max-width:1120px;
  margin:1.5rem auto 4rem;
  padding:0 1.25rem;
}
details.build-log summary{
  cursor:pointer;
  list-style:none;
  padding:1rem 1.1rem;
  border:1px solid rgba(23,33,28,.08);
  border-radius:999px;
  background:#fff;
  color:#315f49;
  font-weight:700;
}
details.build-log[open] summary{margin-bottom:1rem}


/* Human pace section hotfix: remove pseudo-quantitative comparison entirely. */
.pace-editorial{
  max-width:900px;
  margin:0 auto;
  padding:clamp(1rem,2vw,2rem) 0;
}
.pace-editorial .eco-title{
  max-width:10ch;
  font-size:clamp(3rem,7vw,6rem);
  line-height:.96;
  letter-spacing:-.055em;
}
.pace-lede{
  margin:1.6rem 0 0;
  max-width:42rem;
  font-size:clamp(1.35rem,2.8vw,2rem);
  line-height:1.35;
  color:#274535;
}
.pace-body{
  margin:1.1rem 0 0;
  max-width:42rem;
  color:#59645e;
  font-size:1.02rem;
  line-height:1.7;
}


/* Public-shelf layout hotfix: links stay in normal flow at every width. */
.world-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  height:auto;
}
.world-card .go{
  position:static;
  left:auto;
  bottom:auto;
  display:inline-flex;
  align-self:flex-start;
  margin-top:auto;
  padding-top:1.25rem;
  line-height:1.35;
}
.world-card p{
  overflow-wrap:anywhere;
}
@media(max-width:800px){
  .world-card{
    min-height:0;
    padding:1.15rem;
  }
  .world-card h3{
    margin-top:1.5rem;
  }
  .world-card .go{
    margin-top:1rem;
    padding-top:.35rem;
  }
}