.system-intro{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(340px,.72fr);
  gap:clamp(2.8rem,6vw,7rem);
  align-items:end;
  padding-bottom:clamp(3.4rem,6vw,5.8rem);
  border-bottom:1px solid rgba(141,109,55,.1);
}
.system-intro h1{
  max-width:8ch;
  color:#10202d;
  font-size:clamp(3.4rem,6.4vw,6.4rem);
  line-height:.92;
  letter-spacing:-.032em;
}
.system-intro-copy{
  max-width:54ch;
  padding-bottom:.45rem;
}
.system-intro-copy .lead{
  margin:0;
  color:#20313e;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
  font-size:clamp(1.2rem,1.6vw,1.62rem);
  line-height:1.5;
}
.system-intro-copy p:last-child{
  max-width:48ch;
  margin:1.18rem 0 0;
  color:var(--muted);
  font-size:.91rem;
}
.system-section{padding-top:clamp(3.2rem,5.5vw,5.3rem)}
.system-heading{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(350px,.74fr);
  gap:clamp(2.6rem,6vw,7rem);
  align-items:end;
  margin-bottom:clamp(2.6rem,4.8vw,4.5rem);
}
.system-heading h2{
  max-width:10ch;
  color:#10202d;
  font-size:clamp(2.35rem,4.2vw,4.35rem);
  line-height:1;
  letter-spacing:-.024em;
}
.system-heading > p{
  max-width:60ch;
  margin:0 0 .35rem;
  color:var(--ink-2);
}
.editorial-system-map{
  --map-gold:141,109,55;
  --map-ink:16,32,45;
  position:relative;
  min-height:clamp(930px,82vw,1000px);
  overflow:hidden;
  isolation:isolate;
  border-top:1px solid rgba(var(--map-gold),.17);
  border-bottom:1px solid rgba(var(--map-gold),.14);
  background:
    radial-gradient(ellipse at 38% 44%,rgba(255,250,241,.66),rgba(255,250,241,.14) 48%,transparent 72%),
    radial-gradient(ellipse at 82% 40%,rgba(255,250,241,.44),transparent 58%),
    linear-gradient(180deg,rgba(255,250,241,.22),rgba(248,241,229,.10));
}
.editorial-system-map::before,
.editorial-system-map::after{
  content:"";
  position:absolute;
  pointer-events:none;
  z-index:0;
}
.editorial-system-map::before{
  inset:0;
  background:
    linear-gradient(90deg,transparent 0 57.48%,rgba(var(--map-gold),.05) 57.5%,transparent 57.54%),
    linear-gradient(180deg,transparent 0 13.96%,rgba(var(--map-gold),.035) 14%,transparent 14.04%),
    linear-gradient(180deg,transparent 0 91.96%,rgba(var(--map-gold),.055) 92%,transparent 92.04%);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.editorial-system-map::after{
  left:57.5%;
  top:11%;
  bottom:10%;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(var(--map-gold),.15) 17%,rgba(var(--map-gold),.055) 74%,transparent);
}
.system-lines{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.system-lines path{
  fill:none;
  vector-effect:non-scaling-stroke;
  stroke-linecap:round;
}
.system-trace{
  stroke:rgba(var(--map-gold),.065);
  stroke-width:1;
  stroke-dasharray:210 46 82 34;
}
.system-trace--two{
  stroke:rgba(var(--map-gold),.045);
  stroke-dasharray:140 34 66 44;
}
.system-lines [data-from]{
  stroke:rgba(var(--map-gold),.09);
  stroke-width:1;
  stroke-dasharray:2 13;
  opacity:.18;
  transition:stroke .3s ease,stroke-width .3s ease,stroke-dasharray .3s ease,opacity .3s ease;
}
.system-lines .system-return{
  stroke:rgba(23,61,79,.12);
  stroke-dasharray:5 13;
}
.system-lines .system-archive-line{
  stroke:rgba(var(--map-gold),.07);
  opacity:.11;
}
.system-lines [data-from].is-active{
  stroke:rgba(var(--map-gold),.72);
  stroke-width:1.28;
  stroke-dasharray:1 0;
  opacity:.88;
}
.system-lines .system-return.is-active{stroke:rgba(23,61,79,.62)}
.system-lines .system-archive-line.is-active{stroke:rgba(var(--map-gold),.5);opacity:.58}
.system-node{
  position:absolute;
  z-index:4;
  display:block;
  width:230px;
  padding:.68rem .9rem .82rem 1.05rem;
  color:var(--ink);
  text-decoration:none;
  background:linear-gradient(90deg,rgba(255,250,241,0),rgba(255,250,241,0));
  border-left:1px solid rgba(var(--map-gold),.15);
  transition:opacity .28s ease,transform .28s ease,background .28s ease,border-color .28s ease;
}
.system-node::before{
  content:"";
  position:absolute;
  left:-3px;
  top:.92rem;
  width:5px;
  height:5px;
  border-radius:50%;
  background:rgba(var(--map-gold),.46);
  box-shadow:0 0 0 4px rgba(var(--map-gold),.035);
  transition:background .28s ease,box-shadow .28s ease,transform .28s ease;
}
.system-node:hover,
.system-node:focus-visible,
.system-node.is-active{
  color:var(--ink);
  outline:0;
  border-left-color:rgba(var(--map-gold),.58);
  background:linear-gradient(90deg,rgba(255,250,241,.78),rgba(255,250,241,.08) 82%,transparent);
  transform:translateX(4px);
}
.system-node:hover::before,
.system-node:focus-visible::before,
.system-node.is-active::before{
  background:rgba(var(--map-gold),.88);
  box-shadow:0 0 0 7px rgba(var(--map-gold),.075);
  transform:scale(1.06);
}
.editorial-system-map.has-active .system-node:not(.is-active):not(.is-related),
.editorial-system-map.has-active .system-archive:not(.is-active):not(.is-related),
.editorial-system-map.has-active .system-reading{opacity:.22}
.system-node-index{
  display:block;
  margin-bottom:.48rem;
  color:rgba(var(--map-gold),.72);
  font-size:.61rem;
  font-weight:760;
  letter-spacing:.17em;
  line-height:1.25;
  text-transform:uppercase;
}
.system-node strong{
  display:block;
  color:#10202d;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
  font-size:clamp(1.24rem,1.72vw,1.7rem);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-.012em;
}
.system-node > span:last-child{
  display:block;
  max-width:29ch;
  margin-top:.48rem;
  color:rgba(var(--map-ink),.68);
  font-size:.76rem;
  line-height:1.5;
}
.system-node--principle{
  left:50%;
  top:4.5%;
  width:330px;
  padding:1rem 1.35rem 1.15rem;
  text-align:center;
  border-left:0;
  border-bottom:1px solid rgba(var(--map-gold),.3);
  transform:translateX(-50%);
}
.system-node--principle::before{display:none}
.system-node--principle:hover,
.system-node--principle:focus-visible,
.system-node--principle.is-active{
  transform:translateX(-50%) translateY(-2px);
  background:rgba(255,250,241,.62);
}
.system-node--principle strong{font-size:clamp(1.8rem,2.6vw,2.7rem)}
.system-node--principle > span:last-child{margin-inline:auto;max-width:36ch}
.system-node--field{width:330px}
.system-node--field strong{font-size:clamp(2rem,3vw,3.1rem)}
.system-node--writing{left:7%;top:17%}
.system-node--author{left:2%;top:29%;width:205px}
.system-node--lab{left:27%;top:29%;width:270px}
.system-node--cerchi{left:11%;top:43%;width:245px}
.system-node--poetry{left:37%;top:45%;width:205px}
.system-node--aps{left:52%;top:46%;width:215px}
.system-node--guides{left:8%;top:57%;width:180px}
.system-node--triads{left:23%;top:57%;width:165px}
.system-node--themes{left:31%;top:66%;width:245px}
.system-node--power{left:25%;top:79%;width:145px}
.system-node--territory{left:40%;top:79%;width:160px}
.system-node--essays{left:5%;top:82%;width:300px}
.system-node--international{left:75%;top:17%;width:330px}
.system-node--positioning{left:76%;top:37%;width:270px}
.system-node--method{left:65%;top:60%;width:225px}
.system-node--system{left:86%;top:61%;width:225px}
.system-node--small strong{font-size:clamp(1.14rem,1.45vw,1.45rem)}
.system-node--major strong{font-size:clamp(1.7rem,2.4vw,2.55rem)}
.system-node--micro{
  padding-top:.55rem;
  padding-bottom:.55rem;
  border-left-color:rgba(var(--map-gold),.105);
}
.system-node--micro strong{font-size:clamp(1.02rem,1.3vw,1.26rem)}
.system-node--output strong{font-size:clamp(1.42rem,1.9vw,1.94rem)}
.system-node--synthesis{
  border-left-color:rgba(23,61,79,.28);
  background:linear-gradient(90deg,rgba(255,250,241,.46),transparent 82%);
}
.system-node--synthesis::before{background:rgba(23,61,79,.58)}
.system-node--synthesis strong{font-size:clamp(2rem,3vw,3.05rem)}
.system-reading{
  position:absolute;
  left:67%;
  top:76%;
  z-index:3;
  width:315px;
  padding:1.2rem 1.3rem 1.35rem;
  border-top:1px solid rgba(var(--map-gold),.18);
  border-left:1px solid rgba(var(--map-gold),.13);
  background:linear-gradient(135deg,rgba(255,250,241,.62),rgba(255,250,241,.08));
  transition:opacity .28s ease;
}
.system-reading-index{
  display:block;
  margin-bottom:.55rem;
  color:rgba(var(--map-gold),.72);
  font-size:.62rem;
  font-weight:760;
  letter-spacing:.17em;
}
.system-reading strong{
  display:block;
  color:#10202d;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
  font-size:clamp(1.3rem,1.85vw,1.85rem);
  font-weight:500;
  line-height:1.08;
}
.system-reading > span:last-child{
  display:block;
  margin-top:.6rem;
  color:rgba(var(--map-ink),.67);
  font-size:.78rem;
  line-height:1.55;
}
.system-archive{
  position:absolute;
  left:8%;
  right:8%;
  bottom:1.4%;
  z-index:5;
  min-height:72px;
  display:grid;
  grid-template-columns:170px minmax(150px,.45fr) minmax(0,1.2fr);
  gap:1.3rem;
  align-items:center;
  padding:1.1rem 1.45rem;
  color:var(--ink);
  text-decoration:none;
  border-top:1px solid rgba(var(--map-gold),.31);
  background:rgba(255,250,241,.58);
  transition:opacity .28s ease,background .28s ease,transform .28s ease;
}
.system-archive:hover,
.system-archive:focus-visible,
.system-archive.is-active{
  color:var(--ink);
  outline:0;
  background:rgba(255,250,241,.82);
  transform:translateY(-2px);
}
.system-archive-label{
  color:rgba(var(--map-gold),.78);
  font-size:.63rem;
  font-weight:760;
  letter-spacing:.17em;
  line-height:1.25;
}
.system-archive strong{
  color:#10202d;
  font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;
  font-size:clamp(1.55rem,2.2vw,2.25rem);
  font-weight:500;
}
.system-archive > span:last-child{
  color:rgba(var(--map-ink),.56);
  font-size:.72rem;
  letter-spacing:.08em;
  text-align:right;
}
.system-afterword{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:2rem;
  padding:1.4rem 0 0;
}
.system-afterword p{
  max-width:710px;
  margin:0;
  color:var(--muted);
  font-size:.82rem;
  line-height:1.6;
}
.system-afterword p span{
  margin-right:.8rem;
  color:rgba(141,109,55,.88);
  font-size:.66rem;
  font-weight:760;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.system-afterword .btn-secondary{flex:none;margin-top:0}
@media(max-width:1050px){
  .system-intro,
  .system-heading{grid-template-columns:1fr;align-items:start}
  .system-intro-copy{max-width:66ch}
  .editorial-system-map{min-height:980px}
  .system-node--field{width:290px}
  .system-node--writing{left:4%}
  .system-node--international{left:70%}
  .system-node--lab{left:26%}
  .system-node--aps{left:50%}
  .system-reading{left:64%;width:300px}
}
@media(max-width:760px){
  .system-intro{gap:1.7rem;padding-bottom:3rem}
  .system-intro h1{font-size:clamp(3rem,15vw,4.7rem)}
  .system-intro-copy .lead{font-size:1.15rem}
  .system-heading{gap:1rem;margin-bottom:2rem}
  .system-heading h2{max-width:12ch;font-size:clamp(2.2rem,11vw,3.25rem)}
  .editorial-system-map{
    min-height:0;
    display:grid;
    gap:0;
    padding:1rem .75rem 1.2rem;
    overflow:visible;
    border:1px solid rgba(var(--map-gold),.11);
    background:linear-gradient(180deg,rgba(255,250,241,.52),rgba(248,241,229,.28));
  }
  .editorial-system-map::before,
  .editorial-system-map::after,
  .system-lines{display:none}
  .system-node,
  .system-node:hover,
  .system-node:focus-visible,
  .system-node.is-active{
    position:relative;
    left:auto;
    top:auto;
    width:auto;
    min-height:0;
    margin:0;
    padding:.95rem .75rem 1rem 2.3rem;
    border:0;
    border-bottom:1px solid rgba(var(--map-gold),.09);
    background:transparent;
    transform:none;
    opacity:1!important;
  }
  .system-node::before{left:1rem;top:1.25rem}
  .system-node--principle,
  .system-node--principle:hover,
  .system-node--principle:focus-visible,
  .system-node--principle.is-active{
    order:1;
    text-align:left;
    border-bottom:1px solid rgba(var(--map-gold),.18);
    transform:none;
  }
  .system-node--principle::before{display:block}
  .system-node--principle strong{font-size:1.8rem}
  .system-node--principle > span:last-child{margin-inline:0}
  .system-node--writing{order:2}.system-node--author{order:3}.system-node--lab{order:4}
  .system-node--cerchi{order:5}.system-node--guides{order:6}.system-node--triads{order:7}
  .system-node--poetry{order:8}.system-node--aps{order:9}.system-node--themes{order:10}
  .system-node--power{order:11}.system-node--territory{order:12}.system-node--essays{order:13}
  .system-node--international{order:14}.system-node--positioning{order:15}.system-node--method{order:16}.system-node--system{order:17}
  .system-node--field{padding-top:1.35rem;padding-bottom:1.2rem}
  .system-node--field strong{font-size:2rem}
  .system-node--author,
  .system-node--lab,
  .system-node--themes,
  .system-node--positioning{margin-left:.7rem}
  .system-node--cerchi,
  .system-node--poetry,
  .system-node--aps,
  .system-node--power,
  .system-node--territory,
  .system-node--method,
  .system-node--system,
  .system-node--essays{margin-left:1.45rem}
  .system-node--guides,
  .system-node--triads{margin-left:2.2rem}
  .system-node--synthesis{background:rgba(255,250,241,.28)}
  .system-reading{
    position:relative;
    left:auto;
    top:auto;
    order:18;
    width:auto;
    margin:1rem .4rem;
    opacity:1!important;
  }
  .system-archive,
  .system-archive:hover,
  .system-archive:focus-visible,
  .system-archive.is-active{
    position:relative;
    left:auto;
    right:auto;
    bottom:auto;
    order:19;
    grid-template-columns:1fr;
    gap:.25rem;
    margin-top:.4rem;
    padding:1.15rem;
    transform:none;
    opacity:1!important;
  }
  .system-archive > span:last-child{text-align:left;line-height:1.5}
  .system-afterword{display:grid;gap:1.1rem}
  .system-afterword .btn-secondary{width:100%}
}
@media(prefers-reduced-motion:reduce){
  .system-node,
  .system-lines [data-from],
  .system-archive,
  .system-reading{transition:none}
}