/* Einhar / Living type — one physical object, one font, one color.
   Text wraps the mark through native shape-outside; no canvas, faux decoration,
   or generic header/card system. */
:root{color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth}
html body.page-home{
  --ink:#f4f4ef;
  --field:#000;
  --ease:cubic-bezier(.22,.72,.25,1);
  margin:0;
  min-width:320px;
  color:var(--ink);
  background:var(--field);
  font-family:"Einhar Sans",Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.page-home #main{
  min-height:100svh;
  margin:0;
  padding:0;
  background:var(--field);
}
body.page-home .site-footer{display:none}
body.page-home .skip{
  position:absolute;left:16px;top:-100px;z-index:1000;
  padding:12px 18px;
  background:var(--ink);color:#080909;
  text-decoration:none;font:500 14px/1.4 "Einhar Sans",sans-serif;
}
body.page-home .skip:focus{top:16px}
body.page-home a{color:inherit}
body.page-home a:focus-visible,body.page-home button:focus-visible{
  outline:2px solid var(--ink);outline-offset:5px;
}
.page-home .einhar-world{
  position:relative;
  isolation:isolate;
  overflow:clip;
  color:var(--ink);
  background:var(--field);
}
.page-home .einhar-world :is(h1,h2,h3,p){
  color:var(--ink);
}
/* Physical installation: slow, unmasked video without per-frame CSS filters. */
.page-home .world-stage{
  position:relative;
  height:364svh;
  min-height:2720px;
  isolation:isolate;
}
.page-home .world-fixed{
  position:sticky;
  top:0;left:0;
  z-index:1;
  width:100%;
  height:100svh;
  overflow:hidden;
  pointer-events:none;
}
.page-home .world-fixed::before{
  content:"";
  position:absolute;
  z-index:0;inset:0;
  background:radial-gradient(ellipse 38vw 40vw at var(--light-x,54%) var(--light-y,47%),
      rgba(164,175,163,.055) 0%,
      rgba(130,145,134,.021) 36%,transparent 73%);
  opacity:var(--light-opacity,.38);
  pointer-events:none;
}
.page-home .world-object{
  --move-x:0px;--move-y:0px;--mark-scale:1;
  position:absolute;
  z-index:1;
  left:53%;top:49%;
  width:min(62vw,870px);
  aspect-ratio:1;
  transform:translate(calc(-50% + var(--move-x)),calc(-50% + var(--move-y))) scale(var(--mark-scale));
  transform-origin:center;
  will-change:transform;
  pointer-events:none;
}
.page-home .world-object-media{position:relative;width:100%;height:100%}
.page-home .world-object :is(video,.world-core-still){
  position:absolute;inset:0;
  display:block;
  width:100%;height:100%;
  object-fit:contain;
}
.page-home .world-object video{
  /* Source is a native 20-second / 30fps loop, played at normal speed. */
  animation:none!important;
  filter:none!important;
}
.page-home .world-core-still{display:none}
.page-home .world-object::before{
  position:absolute;z-index:-1;inset:13%;
  content:"";
  background:radial-gradient(ellipse closest-side,rgba(148,166,150,.09),transparent 79%);
  filter:blur(42px);
  opacity:.48;
  transform:scale(1.4);
  pointer-events:none;
}
/* The object creates a curved exclusion inside the writing.
   Width is eased by CSS; the browser wraps the actual words for us. */
.page-home .world-note{
  --curve-width:120px;
  position:absolute;
  z-index:2;
  width:min(49vw,730px);
  max-width:none;
  isolation:isolate;
  pointer-events:auto;
  display:flow-root;
}
.page-home .world-note-intro{top:23svh;left:clamp(68px,9.2vw,170px)}
.page-home .world-note-structure{top:140svh;right:clamp(65px,8vw,148px)}
.page-home .world-note-horizon{top:255svh;left:clamp(75px,11.5vw,205px)}
.page-home .world-orbit{
  display:block;
  float:right;
  width:var(--curve-width);
  height:455px;
  shape-outside:ellipse(100% 59% at 98% 49%);
  shape-margin:0;
  pointer-events:none;
  /* Width changes used to animate the entire text measure. The fixed
     geometry is now stable, while the contour alone responds to scroll. */
  transition:none;
}
.page-home .world-note-structure .world-orbit{
  float:left;
  shape-outside:ellipse(100% 62% at 2% 49%);
}
.page-home .world-note-index{
  display:block;
  margin:0 0 24px;
  font:450 13px/1.45 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.015em;
  color:var(--ink);
}
.page-home .world-note :is(h1,h2){
  margin:0;
  font:510 clamp(32px,2.9vw,46px)/1.18 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.055em;
  color:var(--ink);
}
.page-home .world-note .world-reading{
  margin-top:30px;
  font:430 clamp(15px,1.01vw,16.5px)/1.67 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.016em;
}
.page-home .world-note .world-reading p{
  margin:0 0 23px;
  font:inherit;
  color:var(--ink);
}
.page-home .world-note .world-reading p:last-child{margin-bottom:0}
.page-home .reading-word{
  display:inline;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  border-radius:999px;
  padding:.15em .55em .20em;
  border:1px solid rgba(244,244,239,.47);
  background:rgba(244,244,239,.06);
  color:var(--ink);
  font:500 .94em/1.58 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.018em;
  text-decoration:none;
  white-space:nowrap;
  transition:background .28s ease,border-color .28s ease;
}
.page-home .reading-word:hover,
.page-home .reading-word:focus-visible{
  background:rgba(244,244,239,.16);
  border-color:rgba(244,244,239,.86);
}
#world-title{scroll-margin-top:90px}
#structure,#direction{scroll-margin-top:19svh}

/* The notebook sits in an open field, not a grid of cards.
   Two articles occupy distinct positions along the reading's trajectory. */
.page-home .world-notes{
  position:relative;
  max-width:1700px;
  min-height:118svh;
  margin:0 auto;
  background:var(--field);
  scroll-margin-top:40px;
}
.page-home .world-notes h2{
  position:absolute;
  top:14%;
  left:clamp(70px,10vw,166px);
  margin:0;
  font:500 clamp(30px,3vw,46px)/1.19 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.053em;
  color:var(--ink);
}
.page-home .recent-entries{
  display:block;
  position:static;
  width:100%;
  margin:0;
  padding:0;
}
.page-home .world-notes .recent-card{
  display:block;
  position:absolute;
  width:min(31vw,480px);
  margin:0;
  padding:0;
  border:none;
  background:transparent;
  text-decoration:none;
  color:var(--ink);
}
.page-home .world-notes .recent-card:first-child{
  top:31%;
  right:clamp(80px,10.5vw,180px);
}
.page-home .world-notes .recent-card:nth-child(2){
  top:65%;
  left:clamp(132px,22vw,385px);
}
.page-home .world-notes .recent-metadata{
  display:block;
  margin:0 0 14px;
  font:440 13px/1.5 "Einhar Sans",Arial,sans-serif;
  color:var(--ink);
  letter-spacing:-.015em;
}
.page-home .world-notes .recent-card-title{
  display:block;
  font:480 clamp(23px,2.2vw,34px)/1.25 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.047em;
  color:var(--ink);
  text-decoration:none;
  transition:translate .35s var(--ease);
}
.page-home .world-notes .recent-card:hover .recent-card-title{
  translate:9px 0;
}
.page-home .notes-archive{
  position:absolute;
  right:clamp(80px,10.5vw,180px);
  bottom:8%;
  display:inline-block;
  color:var(--ink);
  font:450 15px/1.55 "Einhar Sans",Arial,sans-serif;
  text-decoration:none;
  border-bottom:1px solid rgba(244,244,239,.5);
  padding:6px 0;
}
.page-home .notes-archive:hover{border-color:var(--ink)}
/* The destination menu is an object in the space, not a conventional footer. */
.page-home .world-ending{
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-end;
  gap:clamp(24px,5svh,60px);
  min-height:clamp(515px,70svh,780px);
  padding:70px 30px clamp(60px,10svh,95px);
  background:var(--field);
}
.page-home .world-floating-menu{
  display:inline-flex;
  align-items:center;
  gap:3px;
  padding:8px;
  border:1px solid rgba(244,244,239,.14);
  border-radius:999px;
  background:rgba(27,30,28,.71);
  box-shadow:0 16px 90px rgba(0,0,0,.5), inset 0 1px 0 rgba(244,244,239,.06);
  -webkit-backdrop-filter:blur(26px) saturate(110%);
  backdrop-filter:blur(26px) saturate(110%);
  max-width:100%;
}
.page-home .world-floating-menu a{
  display:block;
  min-width:95px;
  padding:15px 21px;
  border-radius:999px;
  color:var(--ink);
  font:500 15px/1.2 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.021em;
  text-decoration:none;
  text-align:center;
  transition:background .25s ease;
}
.page-home .world-floating-menu a:hover,
.page-home .world-floating-menu a:focus-visible{
  background:rgba(244,244,239,.13);
}
.page-home .world-ending-legal{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:35px;
}
.page-home .world-ending-legal a{
  padding:8px 0;
  font:430 13px/1.5 "Einhar Sans",Arial,sans-serif;
  color:var(--ink);
  text-decoration:none;
  letter-spacing:-.01em;
  border-bottom:1px solid transparent;
}
.page-home .world-ending-legal a:hover{
  border-bottom-color:var(--ink);
}
@media(min-width:761px) and (max-width:1190px){
  .page-home .world-note{width:min(52vw,600px);}
  .page-home .world-note-intro{left:6%;}
  .page-home .world-note-structure{right:6%;}
  .page-home .world-note-horizon{left:9%;}
  .page-home .world-object{left:52%;width:min(60vw,650px);}
  .page-home .world-note :is(h1,h2){font-size:clamp(31px,3.15vw,39px);}
  .page-home .world-note .world-reading{font-size:15px;}
  .page-home .world-notes .recent-card{width:39%;}
}
@media(max-width:760px){
  .page-home .world-stage{
    height:auto;
    min-height:0;
    display:flex;
    flex-direction:column;
  }
  .page-home .world-fixed{
    position:relative;
    height:63svh;
    min-height:420px;
    order:0;
  }
  .page-home .world-object{
    left:50%;top:43%;
    width:min(98vw,560px);
    transform:translate(-50%,-50%)!important;
    will-change:auto;
  }
  .page-home .world-orbit{display:none;}
  .page-home .world-note{
    position:relative;
    left:auto;right:auto;top:auto;
    width:100%;
    padding:0 8.5% 11svh;
    min-height:0;
    order:1;
  }
  .page-home .world-note-intro{padding-top:8svh;order:1;min-height:72svh}
  .page-home .world-note-structure{padding:17svh 10% 11svh 13%;order:2;min-height:81svh}
  .page-home .world-note-horizon{padding-top:17svh;order:3;min-height:84svh}
  .page-home .world-note :is(h1,h2){font-size:clamp(30px,5.5vw,42px)}
  .page-home .world-note .world-reading{
    font-size:15.5px;
    line-height:1.71;
    max-width:550px;
  }
  .page-home .world-notes{min-height:101svh}
  .page-home .world-notes h2{left:9%;top:11%;font-size:clamp(29px,6.1vw,38px)}
  .page-home .world-notes .recent-card{width:66%}
  .page-home .world-notes .recent-card:first-child{top:32%;left:21%;right:auto}
  .page-home .world-notes .recent-card:nth-child(2){top:65%;left:9%}
  .page-home .world-notes .recent-card-title{font-size:clamp(23px,4.1vw,31px)}
  .page-home .notes-archive{bottom:4%;right:9%}
  .page-home .world-ending{min-height:59svh;padding:40px 25px 10svh}
}
@media(max-width:480px){
  .page-home .world-fixed{height:60svh;min-height:398px}
  .page-home .world-object{width:100vw}
  .page-home .world-note{
    padding-left:8%;
    padding-right:8%;
  }
  .page-home .world-note-intro{min-height:74svh;padding-top:10svh}
  .page-home .world-note-structure{min-height:89svh;padding-left:12%;padding-top:18svh}
  .page-home .world-note-horizon{min-height:91svh;padding-top:18svh}
  .page-home .world-note :is(h1,h2){font-size:clamp(30px,7.1vw,36px)}
  .page-home .world-note .world-reading{font-size:14.8px;line-height:1.72}
  .page-home .world-notes{min-height:103svh}
  .page-home .world-notes .recent-card:first-child{left:18%;width:73%}
  .page-home .world-notes .recent-card:nth-child(2){left:9%;width:77%}
  .page-home .world-notes .recent-card-title{font-size:22px}
  .page-home .world-floating-menu{
    padding:6px;
    gap:1px;
  }
  .page-home .world-floating-menu a{
    min-width:0;
    padding:13px clamp(14px,5.1vw,21px);
    font-size:14px;
  }
  .page-home .world-ending-legal a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .page-home .world-orbit{transition:none!important}
  .page-home .world-object{transform:translate(-50%,-50%)!important}
  .page-home .world-object video{display:none!important}
  .page-home .world-core-still{display:block!important}
  .page-home .world-notes .recent-card-title,
  .page-home .world-floating-menu a{transition:none!important}
}


/* BOOK FIELD  /  the sculpture is a round page exclusion, not an overlay. */
.page-home .world-stage{height:410svh;min-height:3330px;}
.page-home .world-note{
  width:min(51vw,740px);
  --curve-width:0px;
}
.page-home .world-note-intro{top:19svh;}
.page-home .world-note-structure{top:153svh;}
.page-home .world-note-horizon{top:287svh;}
.page-home .world-orbit{
  float:right;
  width:var(--curve-width);
  height:640px;
  margin-top:-86px;
  shape-outside:ellipse(104% 53% at 103% 50%);
  shape-margin:26px;
  transition:width .63s cubic-bezier(.21,.68,.27,1);
}
.page-home .world-note-structure .world-orbit{
  float:left;
  shape-outside:ellipse(104% 53% at -3% 50%);
}
.page-home .world-note-index{
  font-size:13px;
  font-weight:480;
  margin:0 0 25px;
}
.page-home .world-note :is(h1,h2){
  font-size:clamp(33px,2.95vw,48px);
  font-weight:510;
  line-height:1.19;
  letter-spacing:-.052em;
}
.page-home .world-reading{
  font-size:clamp(15px,1.04vw,17px);
  line-height:1.75;
  letter-spacing:-.017em;
  margin-top:30px;
}
.page-home .world-reading p{
  margin:0 0 23px;
  line-height:inherit;
}
.page-home .world-reading p:last-child{margin-bottom:0}
.page-home .visual-term{
  display:inline;
  padding:0;
  border:0;
  border-bottom:1px dashed rgba(244,244,239,.8);
  border-radius:0;
  background:none;
  color:inherit;
  font:inherit;
  line-height:inherit;
  letter-spacing:inherit;
  cursor:zoom-in;
  text-underline-offset:4px;
  transition:background .22s ease,border-bottom-color .22s ease;
}
.page-home .visual-term:hover,
.page-home .visual-term:focus-visible{
  background:rgba(244,244,239,.12);
  border-bottom-color:var(--ink);
}

/* Endnotes are integrated into the narrative, not UI cards. */
.page-home .world-notes{
  position:relative;
  max-width:1700px;
  min-height:98svh;
  margin:0 auto;
  padding:clamp(125px,16svh,205px) clamp(55px,10vw,180px) clamp(160px,25svh,280px);
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  align-items:start;
  gap:clamp(50px,9vw,150px);
}
.page-home .world-book-margin{width:100%;max-width:560px;grid-column:1;}
.page-home .world-book-quote{
  margin:0;
  font:490 clamp(30px,3.15vw,52px)/1.23 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.056em;
  color:var(--ink);
}
.page-home .world-book-aside{
  max-width:390px;
  margin:clamp(35px,5svh,55px) 0 0;
  font:440 clamp(15px,1.05vw,17px)/1.72 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.015em;
}
.page-home .world-notes .recent-entries{
  grid-column:2;
  display:flex;
  flex-direction:column;
  gap:70px;
  padding:clamp(60px,10svh,110px) 0 0;
  width:100%;
}
.page-home .world-notes .recent-card,
.page-home .world-notes .recent-card:first-child,
.page-home .world-notes .recent-card:nth-child(2){
  position:relative;
  display:block;
  inset:auto;
  width:100%;
  border:0;
  margin:0;
  padding:0;
  color:var(--ink);
  background:none;
  text-decoration:none;
}
.page-home .world-notes .recent-card:nth-child(2){margin-left:-17%;}
.page-home .world-notes .recent-metadata{
  display:block;
  margin:0 0 14px;
  font:450 13px/1.4 "Einhar Sans",Arial,sans-serif;
  color:var(--ink);
}
.page-home .world-notes .recent-card-title{
  display:block;
  font:490 clamp(23px,2vw,34px)/1.28 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.044em;
  color:var(--ink);
  transition:translate .3s ease;
}
.page-home .world-notes .recent-card:hover .recent-card-title{translate:7px 0}
.page-home .notes-archive{
  position:relative;
  grid-column:2;
  justify-self:start;
  align-self:start;
  inset:auto;
  margin:0;
  padding:4px 0;
  color:var(--ink);
  font:490 16px/1.5 "Einhar Sans",Arial,sans-serif;
  border-bottom:1px solid rgba(244,244,239,.66);
  text-decoration:none;
}

/* ONE fixed menu — thin, borderless, softly squared, all destinations together. */
.page-home .world-ending{
  display:block;
  min-height:0;
  height:0;
  margin:0;
  padding:0;
  background:transparent;
}
.page-home .world-floating-menu{
  position:fixed;
  z-index:110;
  left:50%;
  bottom:max(15px,env(safe-area-inset-bottom));
  translate:-50% 0;
  transform:none;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  width:max-content;
  max-width:calc(100vw - 30px);
  min-height:48px;
  padding:4px;
  border:0;
  border-radius:18px;
  background:rgba(35,37,36,.91);
  box-shadow:0 8px 32px rgba(0,0,0,.32);
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.page-home .world-floating-menu a{
  display:block;
  flex:0 0 auto;
  min-width:0;
  padding:11px clamp(13px,1.75vw,25px);
  border:0;
  border-radius:14px;
  background:transparent;
  text-decoration:none;
  text-align:center;
  white-space:nowrap;
  color:var(--ink);
  font:550 clamp(15px,1.14vw,18px)/1.18 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.022em;
  transition:background .22s ease;
}
.page-home .world-floating-menu a:hover,
.page-home .world-floating-menu a:focus-visible{
  background:rgba(244,244,239,.12);
}

/* An illustration hidden in the margin until a term is explored. */
/* One saturated ink for every interactive annotation.
   The visual is an extension of the sentence, not another nested card. */
.page-home .margin-illustration[hidden]{display:none!important}
.page-home .margin-illustration{
  --visual-left:40px;
  --visual-top:120px;
  position:fixed;
  z-index:140;
  left:var(--visual-left);
  top:var(--visual-top);
  width:min(380px,calc(100vw - 30px));
  max-height:min(650px,calc(100svh - 100px));
  border:0;
  border-radius:13px;
  padding:0;
  overflow:hidden;
  background:#315bff;
  color:#fff;
  box-shadow:0 22px 70px rgba(0,0,0,.45);
  opacity:0;
  transform:translateY(11px) scale(.984);
  pointer-events:none;
  transition:opacity .24s ease,transform .31s cubic-bezier(.2,.77,.2,1);
}
.page-home .margin-illustration[data-visible="true"]{
  opacity:1;
  transform:translateY(0) scale(1);
}
.page-home .margin-illustration[data-pinned="true"]{pointer-events:auto}
.page-home .margin-illustration-bar{
  display:flex;
  align-items:start;
  justify-content:space-between;
  gap:15px;
  min-height:96px;
  padding:25px 24px 6px;
  color:#fff;
  font:500 30px/1.12 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.054em;
}
.page-home #illustrationName{
  display:block;
  width:100%;
  max-width:300px;
}
.page-home #illustrationClose{
  display:none;
  flex:none;
  border:0;
  padding:0 1px;
  margin:-3px 0 0;
  background:transparent;
  color:#fff;
  cursor:pointer;
  font:450 31px/1 "Einhar Sans",Arial,sans-serif;
}
.page-home .margin-illustration[data-pinned="true"] #illustrationClose{display:block}
.page-home .margin-illustration-media{
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:4/3;
  max-height:min(325px,38svh);
  overflow:hidden;
  background:transparent;
  padding:0 15px;
}
.page-home .margin-illustration-media img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.15);
  opacity:.94;
}
.page-home .margin-illustration-caption{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:13px;
  min-height:65px;
  padding:10px 24px 25px;
  color:#fff;
  font:450 14px/1.48 "Einhar Sans",Arial,sans-serif;
  letter-spacing:-.01em;
}
.page-home #illustrationCaption{max-width:255px}
.page-home .margin-illustration-controls{
  display:flex;
  align-items:center;
  gap:9px;
  white-space:nowrap;
}
.page-home .margin-illustration-controls button{
  min-width:24px;
  height:29px;
  border:0;
  padding:0;
  background:transparent;
  color:#fff;
  font:500 27px/1 "Einhar Sans",Arial,sans-serif;
  cursor:pointer;
}
.page-home .margin-illustration-controls button:disabled{opacity:.4;cursor:default}
.page-home .margin-illustration[data-pinned="false"] .margin-illustration-controls{display:none}
.page-home .margin-illustration:not([data-many="true"]) .margin-illustration-controls{display:none}

@media(max-width:1190px) and (min-width:761px){
  .page-home .world-stage{height:420svh;min-height:3220px;}
  .page-home .world-note{width:min(53vw,610px);}
  .page-home .world-note-intro{top:18svh;}
  .page-home .world-note-structure{top:156svh;}
  .page-home .world-note-horizon{top:292svh;}
  .page-home .world-orbit{height:600px;}
  .page-home .world-notes{gap:7vw;}
}
@media(max-width:760px){
  .page-home .world-stage{height:auto;min-height:0;}
  .page-home .world-orbit{display:none;}
  .page-home .world-note{width:100%;}
  .page-home .world-note-intro{top:auto;min-height:86svh;}
  .page-home .world-note-structure{top:auto;min-height:99svh;}
  .page-home .world-note-horizon{top:auto;min-height:107svh;}
  .page-home .world-reading{font-size:16px;line-height:1.72;}
  .page-home .world-notes{
    display:flex;
    flex-direction:column;
    gap:52px;
    padding:clamp(100px,16svh,150px) 8% 180px;
    min-height:0;
  }
  .page-home .world-book-quote{font-size:clamp(30px,6.2vw,43px);}
  .page-home .world-book-aside{font-size:16px;}
  .page-home .world-notes .recent-entries{display:flex;gap:50px;padding:0;}
  .page-home .world-notes .recent-card:nth-child(2){margin-left:6%;}
  .page-home .world-notes .recent-card-title{font-size:clamp(23px,4.3vw,31px);}
  .page-home .notes-archive{margin-top:-15px;}
  .page-home .margin-illustration{
    left:15px!important;
    right:15px;
    top:auto!important;
    bottom:75px;
    width:calc(100vw - 30px);
    max-height:calc(100svh - 105px);
  }
  .page-home .margin-illustration-media{max-height:min(45svh,340px);}
}
@media(max-width:480px){
  .page-home .world-note-intro{min-height:96svh;}
  .page-home .world-note-structure{min-height:115svh;}
  .page-home .world-note-horizon{min-height:122svh;}
  .page-home .world-note :is(h1,h2){font-size:clamp(29px,7.35vw,37px);}
  .page-home .world-reading{font-size:15px;}
  .page-home .world-floating-menu{
    min-height:42px;
    padding:3px;
    border-radius:15px;
    bottom:max(12px,env(safe-area-inset-bottom));
  }
  .page-home .world-floating-menu a{
    padding:10px clamp(7px,2.35vw,12px);
    border-radius:12px;
    font-size:clamp(12px,3.35vw,14px);
    line-height:1.1;
  }
  .page-home .world-notes{padding-bottom:155px;}
  .page-home .margin-illustration{bottom:65px;}
}
@media(max-width:350px){
  .page-home .world-floating-menu a{font-size:12px;padding:9px 7px;}
}
@media(prefers-reduced-motion:reduce){
  .page-home .world-orbit,
  .page-home .margin-illustration,
  .page-home .world-floating-menu a{transition:none!important}
}


/* Keep the book legible behind the persistent navigation: words gently leave
   the page before reaching the floating menu, instead of being covered by it. */
.page-home .einhar-world::after{
  position:fixed;
  left:0;
  right:0;
  bottom:0;
  height:103px;
  z-index:100;
  content:"";
  background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,.94) 73%,#000);
  pointer-events:none;
}
@media(min-width:761px){
  #structure,#direction{scroll-margin-top:clamp(34px,5svh,55px);}
}
@media(max-width:760px){
  .page-home .einhar-world::after{height:100px;}
}


/* The round exclusion continues through the full passage: the last line
   must not reclaim the area occupied by the lower edge of the sculpture. */
@media(min-width:761px){
  .page-home .world-orbit{
    height:860px;
    margin-top:-80px;
    shape-outside:ellipse(104% 44% at 103% 48%);
  }
  .page-home .world-note-structure .world-orbit{
    shape-outside:ellipse(104% 44% at -3% 48%);
  }
}
@media(min-width:761px) and (max-width:1190px){
  .page-home .world-orbit{height:810px;}
}


/* 2026-11-06 / A reading that enters after the artwork.
   On first load the only visible elements are the original mark and menu. */
@media(min-width:761px){
  .page-home .world-stage{
    height:510svh;
    min-height:4050px;
  }
  .page-home .world-note-intro{
    top:calc(100svh + 28px);
  }
  .page-home .world-note-structure{
    top:242svh;
  }
  .page-home .world-note-horizon{
    top:379svh;
  }
  .page-home .world-note{
    width:min(52vw,750px);
  }
  .page-home .world-orbit{
    shape-margin:22px;
  }
  .page-home .world-note-structure .world-orbit{
    shape-margin:22px;
  }
}
@media(min-width:761px) and (max-width:1190px){
  .page-home .world-stage{
    height:535svh;
    min-height:4150px;
  }
  .page-home .world-note-intro{top:calc(100svh + 30px)}
  .page-home .world-note-structure{top:252svh}
  .page-home .world-note-horizon{top:400svh}
  .page-home .world-note{width:min(54vw,645px);}
}
/* A GPU-rendered vector extrusion replaces the low-resolution moving video. */
.page-home .world-mark-canvas{
  position:absolute;
  z-index:3;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  opacity:0;
  transition:opacity .35s ease;
  pointer-events:none;
}
.page-home .world-object[data-renderer="webgl"] .world-mark-canvas{
  opacity:1;
}
.page-home .world-object[data-renderer="webgl"] video,
.page-home .world-object[data-renderer="webgl"] .world-core-still{
  visibility:hidden;
}
.page-home .text-glyph{
  display:inline-block;
  width:.81em;
  height:.81em;
  margin-left:.15em;
  vertical-align:-.085em;
  color:inherit;
  stroke-linecap:round;
  stroke-linejoin:round;
  flex:none;
}
.page-home .text-glyph-small{
  width:1em;
  height:.78em;
  margin-left:.10em;
  vertical-align:-.1em;
}
.page-home .visual-term:has(.text-glyph){
  white-space:nowrap;
}
@media(max-width:760px){
  .page-home .world-fixed{
    height:100svh;
    min-height:570px;
  }
  .page-home .world-object{
    top:44%;
  }
  .page-home .world-note-intro{
    padding-top:14svh;
  }
  .page-home .world-note-structure{
    padding-top:15svh;
  }
  .page-home .world-note-horizon{
    padding-top:15svh;
  }
}
@media(max-width:480px){
  .page-home .world-fixed{
    height:100svh;
    min-height:490px;
  }
  .page-home .world-note-intro{
    padding-top:12svh;
  }
}
@media(prefers-reduced-motion:reduce){
  .page-home .world-mark-canvas{transition:none;}
  .page-home .world-object[data-renderer="webgl"] .world-mark-canvas{
    opacity:1;
  }
}


/* The page still scrolls naturally; only the browser's visual rail disappears. */
html:has(body.page-home),
body.page-home {
  scrollbar-width:none;
  -ms-overflow-style:none;
}
html:has(body.page-home)::-webkit-scrollbar,
body.page-home::-webkit-scrollbar,
body.page-home *::-webkit-scrollbar {
  display:none;
  width:0;
  height:0;
}

/* Every line, including small section labels, remains outside the rotating mark.
   The taller ellipse curves from the headline through the final paragraph. */
@media (min-width:761px) {
  .page-home .world-orbit {
    shape-outside:ellipse(106% 66% at 104% 48%);
    shape-margin:23px;
  }
  .page-home .world-note-structure .world-orbit {
    shape-outside:ellipse(106% 66% at -4% 48%);
    shape-margin:23px;
  }
}


/* A book wrapped around an object — November 2026.
   The curved exclusion is calculated line-by-line from the actual rotating
   sculpture. Its top, height and shape are driven by the on-screen mark,
   so lines not near the sculpture retain their normal measure. */
@media(min-width:761px){
  .page-home .world-stage{
    height:500svh;
    min-height:3850px;
  }
  .page-home .world-note{
    width:min(56vw,865px);
    max-width:none;
    min-height:0;
  }
  .page-home .world-note-intro{
    left:clamp(46px,6vw,110px);
    top:calc(100svh + 12px);
  }
  .page-home .world-note-structure{
    right:clamp(36px,5.5vw,100px);
    left:auto;
    top:196svh;
  }
  .page-home .world-note-horizon{
    left:clamp(52px,7.5vw,140px);
    top:289svh;
  }
  .page-home .world-note .world-orbit{
    float:right;
    display:block;
    width:0;
    height:0;
    margin:0;
    shape-outside:none;
    shape-margin:0;
    transition:none;
    pointer-events:none;
  }
  .page-home .world-note-structure .world-orbit{
    float:left;
    shape-outside:none;
  }
  .page-home .world-note :is(h1,h2){
    font-size:clamp(34px,2.8vw,44px);
    line-height:1.16;
    font-weight:500;
  }
  .page-home .world-note .world-reading{
    margin-top:27px;
    font-size:clamp(15.5px,1.12vw,17.4px);
    line-height:1.69;
  }
  .page-home .world-note .world-reading p{
    margin-bottom:22px;
  }

  /* The notebook stays in the same sculptural field, immediately after the
     three passages. All links share the same reading column and baseline. */
  .page-home .world-stage .world-notes{
    position:absolute;
    top:386svh;
    left:clamp(52px,9vw,155px);
    right:auto;
    width:min(44vw,690px);
    max-width:none;
    min-height:0;
    margin:0;
    padding:0;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    background:transparent;
  }
  .page-home .world-stage .world-book-margin{
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
  }
  .page-home .world-stage .world-book-quote{
    position:static;
    display:block;
    margin:0;
    max-width:640px;
    font:500 clamp(30px,2.65vw,42px)/1.18 "Einhar Sans",Arial,sans-serif;
    letter-spacing:-.051em;
    color:var(--ink);
  }
  .page-home .world-stage .world-book-aside{
    display:block;
    max-width:540px;
    margin:24px 0 0;
    font:440 clamp(15.5px,1.1vw,17.5px)/1.68 "Einhar Sans",Arial,sans-serif;
    color:var(--ink);
    letter-spacing:-.01em;
  }
  .page-home .world-stage .world-notes .recent-entries{
    position:static;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:31px;
    width:100%;
    max-width:100%;
    margin:52px 0 0;
    padding:0;
    grid-column:auto;
    overflow:visible;
  }
  .page-home .world-stage .world-notes .recent-card,
  .page-home .world-stage .world-notes .recent-card:first-child,
  .page-home .world-stage .world-notes .recent-card:nth-child(2){
    position:static;
    display:block;
    inset:auto;
    width:100%;
    max-width:100%;
    margin:0;
    padding:0;
    border:0;
    background:transparent;
    text-decoration:none;
    color:var(--ink);
  }
  .page-home .world-stage .world-notes .recent-metadata{
    display:block;
    margin:0 0 9px;
    font:440 13px/1.4 "Einhar Sans",Arial,sans-serif;
    color:var(--ink);
    letter-spacing:0;
  }
  .page-home .world-stage .world-notes .recent-card-title{
    display:block;
    max-width:100%;
    margin:0;
    font:480 clamp(23px,1.9vw,30px)/1.26 "Einhar Sans",Arial,sans-serif;
    letter-spacing:-.04em;
    color:var(--ink);
    translate:none;
    transition:opacity .22s ease;
  }
  .page-home .world-stage .world-notes .recent-card:hover .recent-card-title{
    translate:none;
    opacity:.7;
  }
  .page-home .world-stage .notes-archive{
    position:static;
    display:inline-block;
    inset:auto;
    align-self:flex-start;
    margin:37px 0 0;
    padding:6px 0;
    border-bottom:1px solid rgba(244,244,239,.75);
    text-decoration:none;
    font:500 15px/1.4 "Einhar Sans",Arial,sans-serif;
    color:var(--ink);
  }
}
@media(min-width:761px) and (max-width:1190px){
  .page-home .world-stage{
    height:510svh;
    min-height:3900px;
  }
  .page-home .world-note{
    width:min(57vw,655px);
  }
  .page-home .world-note-intro{
    left:clamp(34px,5vw,72px);
  }
  .page-home .world-note-structure{
    right:clamp(27px,4vw,58px);
    top:198svh;
  }
  .page-home .world-note-horizon{
    left:clamp(35px,6vw,86px);
    top:294svh;
  }
  .page-home .world-stage .world-notes{
    top:391svh;
    left:clamp(38px,7vw,89px);
    width:min(46vw,570px);
  }
  .page-home .world-stage .world-book-quote{
    font-size:clamp(28px,3.15vw,35px);
  }
}
@media(max-width:760px){
  .page-home .world-stage{
    display:flex;
    flex-direction:column;
    height:auto;
    min-height:0;
  }
  .page-home .world-note,
  .page-home .world-note-intro,
  .page-home .world-note-structure,
  .page-home .world-note-horizon{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    width:100%;
    min-height:0;
    margin:0;
    padding:clamp(64px,11svh,120px) 8% clamp(80px,13svh,130px);
  }
  .page-home .world-note-intro{order:1;}
  .page-home .world-note-structure{order:2;}
  .page-home .world-note-horizon{order:3;}
  .page-home .world-note .world-orbit{display:none;}
  .page-home .world-stage .world-notes{
    order:4;
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    width:100%;
    max-width:100%;
    min-height:0;
    margin:0;
    padding:clamp(86px,13svh,140px) 8% 170px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
  }
  .page-home .world-stage .world-book-margin{
    width:100%;
    max-width:550px;
    margin:0;
  }
  .page-home .world-stage .world-book-quote{
    position:static;
    font:500 clamp(30px,6.5vw,42px)/1.2 "Einhar Sans",Arial,sans-serif;
    margin:0;
  }
  .page-home .world-stage .world-book-aside{
    font-size:16px;
    margin:25px 0 0;
    max-width:550px;
    line-height:1.67;
  }
  .page-home .world-stage .world-notes .recent-entries{
    display:flex;
    flex-direction:column;
    gap:35px;
    padding:0;
    margin:43px 0 0;
    width:100%;
  }
  .page-home .world-stage .world-notes .recent-card,
  .page-home .world-stage .world-notes .recent-card:first-child,
  .page-home .world-stage .world-notes .recent-card:nth-child(2){
    position:static;
    inset:auto;
    width:100%;
    max-width:550px;
    padding:0;
    margin:0;
    border:0;
  }
  .page-home .world-stage .world-notes .recent-metadata{
    margin:0 0 10px;
    font:440 13px/1.4 "Einhar Sans",Arial,sans-serif;
    color:var(--ink);
  }
  .page-home .world-stage .world-notes .recent-card-title{
    font:480 clamp(23px,5vw,30px)/1.26 "Einhar Sans",Arial,sans-serif;
    color:var(--ink);
  }
  .page-home .world-stage .notes-archive{
    position:static;
    align-self:flex-start;
    padding:5px 0;
    margin:39px 0 0;
    border-bottom:1px solid rgba(244,244,239,.66);
    font:480 15px/1.4 "Einhar Sans",Arial,sans-serif;
  }
}
@media(max-width:480px){
  .page-home .world-note,
  .page-home .world-note-intro,
  .page-home .world-note-structure,
  .page-home .world-note-horizon{
    padding:73px 8% 90px;
    min-height:0;
  }
  .page-home .world-stage .world-notes{
    padding:83px 8% 145px;
  }
}


/* The final chapter is part of the SAME typographic collision field.
   No separate card grid and no late-stage escape of the 3D mark. */
@media(min-width:761px){
  .page-home .world-stage .world-notes{
    display:block;
    overflow:visible;
  }
  .page-home .world-stage .world-notes .world-orbit{
    float:right;
    display:block;
    width:0;
    height:0;
    margin:0;
    shape-outside:none;
    shape-margin:0;
    transition:none;
    pointer-events:none;
  }
  .page-home .world-stage .world-notes .world-book-margin{
    display:block;
    width:100%;
    max-width:100%;
    overflow:visible;
    margin:0;
    padding:0;
  }
  .page-home .world-stage .world-notes .recent-entries{
    display:block;
    width:100%;
    max-width:100%;
    margin:46px 0 0;
    padding:0;
    overflow:visible;
  }
  .page-home .world-stage .world-notes .recent-card,
  .page-home .world-stage .world-notes .recent-card:first-child,
  .page-home .world-stage .world-notes .recent-card:nth-child(2){
    position:static;
    display:block;
    width:100%;
    max-width:100%;
    margin:0 0 27px;
    padding:0;
    overflow:visible;
  }
  .page-home .world-stage .world-notes .notes-archive{
    display:inline-block;
    margin-top:6px;
  }
}


/* Nov 06 / Sculpture stays fixed in space. No horizontal travel between
   chapters: the per-line exclusion performs the entire composition. */
.page-home .world-object{
  left:50%!important;
  top:49%!important;
  --move-x:0px!important;
  --move-y:0px!important;
  --mark-scale:1!important;
}
/* The sculpture remains perfectly centered. Every chapter reaches deep
   across its path. Native inline text reflows against its live circular
   exclusion, instead of moving a paragraph block or the 3D sculpture. */
@media(min-width:761px){
  .page-home .world-note-intro,
  .page-home .world-note-horizon{
    left:clamp(28px,3vw,58px)!important;
    width:min(83vw,1320px)!important;
  }
  .page-home .world-note-structure{
    right:clamp(28px,3vw,58px)!important;
    left:auto!important;
    width:min(82vw,1310px)!important;
  }
  .page-home .world-stage .world-notes{
    left:clamp(29px,3.4vw,65px)!important;
    width:min(80vw,1280px)!important;
  }
  .page-home .world-stage .world-notes .world-orbit{float:right!important}
}

/* Touch devices use the SAME live line-by-line polygon as desktop.
   A smaller, fixed sculpture sits to the right of the text measure,
   providing room for the lines to bend without becoming unreadable. */
@media(max-width:760px){
  .page-home .world-stage{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    height:auto!important;
    min-height:0!important;
    overflow:visible!important;
    isolation:isolate!important;
  }
  .page-home .world-fixed{
    position:sticky!important;
    z-index:1!important;
    top:0!important;
    left:0!important;
    display:block!important;
    order:0!important;
    flex:0 0 100svh!important;
    height:100svh!important;
    min-height:0!important;
    width:100%!important;
    align-self:stretch!important;
    overflow:hidden!important;
    pointer-events:none;
  }
  .page-home .world-object{
    left:70%!important;
    top:41%!important;
    width:min(62vw,440px)!important;
    aspect-ratio:1!important;
    transform:translate(-50%,-50%)!important;
    will-change:auto!important;
  }
  .page-home .world-note,
  .page-home .world-note-intro,
  .page-home .world-note-structure,
  .page-home .world-note-horizon,
  .page-home .world-stage .world-notes{
    position:relative!important;
    display:flow-root!important;
    top:auto!important;
    right:auto!important;
    left:auto!important;
    z-index:2!important;
    order:1;
    flex:0 0 auto!important;
    align-self:stretch!important;
    box-sizing:border-box!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:clamp(1050px,140svh,1380px)!important;
    margin:0!important;
    padding:clamp(26px,6svh,62px) clamp(22px,6vw,48px) 86px!important;
    overflow:visible!important;
    background:transparent!important;
  }
  .page-home .world-note-intro{order:1!important;}
  .page-home .world-note-structure{order:2!important;}
  .page-home .world-note-horizon{order:3!important;}
  .page-home .world-stage .world-notes{order:4!important;}
  .page-home .world-note .world-orbit,
  .page-home .world-note-structure .world-orbit,
  .page-home .world-stage .world-notes .world-orbit{
    position:relative!important;
    display:block!important;
    float:right!important;
    width:0;
    height:0;
    margin:0;
    padding:0;
    shape-outside:none;
    shape-margin:0!important;
    transition:none!important;
    pointer-events:none;
  }
  .page-home .world-note :is(h1,h2){
    margin:0!important;
    font-size:clamp(28px,5.45vw,37px)!important;
    line-height:1.19!important;
    letter-spacing:-.052em!important;
    font-weight:500!important;
  }
  .page-home .world-note .world-reading{
    display:block!important;
    max-width:100%!important;
    margin:27px 0 0!important;
    font-size:clamp(14.5px,2.4vw,17px)!important;
    line-height:1.73!important;
  }
  .page-home .world-note .world-reading p{
    max-width:100%!important;
    font:inherit!important;
    margin:0 0 24px!important;
  }
  .page-home .world-stage .world-notes .world-book-margin{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0!important;
  }
  .page-home .world-stage .world-notes .world-book-quote{
    display:block!important;
    max-width:100%!important;
    margin:0!important;
    font:500 clamp(27px,5.4vw,37px)/1.18 "Einhar Sans",Arial,sans-serif!important;
  }
  .page-home .world-stage .world-notes .world-book-aside{
    display:block!important;
    max-width:100%!important;
    margin:24px 0 0!important;
    font:440 clamp(14.5px,2.4vw,17px)/1.70 "Einhar Sans",Arial,sans-serif!important;
  }
  .page-home .world-stage .world-notes .recent-entries{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:43px 0 0!important;
    padding:0!important;
    overflow:visible!important;
  }
  .page-home .world-stage .world-notes .recent-card,
  .page-home .world-stage .world-notes .recent-card:first-child,
  .page-home .world-stage .world-notes .recent-card:nth-child(2){
    display:block!important;
    position:static!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 29px!important;
    padding:0!important;
  }
  .page-home .world-stage .world-notes .notes-archive{
    position:static!important;
    display:inline-block!important;
    width:auto!important;
    max-width:max-content!important;
    margin:12px 0 0!important;
    padding:6px 0!important;
  }
  .page-home .margin-illustration{
    z-index:150!important;
  }
}
@media(max-width:480px){
  .page-home .world-object{
    left:69%!important;
    top:40%!important;
    width:59vw!important;
  }
  .page-home .world-note,
  .page-home .world-note-intro,
  .page-home .world-note-structure,
  .page-home .world-note-horizon,
  .page-home .world-stage .world-notes{
    padding:clamp(25px,5svh,45px) 7.5% 76px!important;
    min-height:clamp(1030px,143svh,1280px)!important;
  }
  .page-home .world-note :is(h1,h2){
    font-size:clamp(25px,6.9vw,32px)!important;
  }
  .page-home .world-note .world-reading{
    font-size:clamp(14px,3.73vw,15.2px)!important;
    line-height:1.71!important;
  }
  .page-home .world-stage .world-notes .world-book-quote{
    font-size:clamp(25px,6.7vw,31px)!important;
  }
  .page-home .world-stage .world-notes .world-book-aside{
    font-size:clamp(14px,3.73vw,15.2px)!important;
    line-height:1.68!important;
  }
}


/* At the 761px handoff, the desktop curved reading still needs a full
   sentence measure inside the existing chapter interval. Tighten rhythm
   slightly rather than letting the exclusion end before the last line. */
@media(min-width:761px) and (max-width:800px){
  .page-home .world-note .world-reading{
    line-height:1.60!important;
  }
  .page-home .world-note .world-reading p{
    margin-bottom:13px!important;
  }
}

/* READING ALIGNMENT: the text's left edge never changes.
   The floating collision polygon alone makes room for the sculpture. */
.page-home .world-note,
.page-home .world-note :is(h1,h2,p),
.page-home .world-note .world-reading,
.page-home .world-note .world-reading p,
.page-home .world-stage .world-notes .world-book-aside,
.page-home .world-stage .world-notes .world-book-quote,
.page-home .world-stage .world-notes .recent-entries{
  text-align:left!important;
}
.page-home #direction-title .heading-end{
  display:inline-block;
  white-space:nowrap;
}
/* The closing chapter must join the sculpture, not remain far in the margin. */
@media(min-width:761px){
  .page-home .world-stage .world-notes{
    left:clamp(92px,11vw,180px)!important;
    width:min(78vw,1240px)!important;
  }
}

/* Each textual interaction has a reason:
   large filled pills = opening an illustration collection;
   small round symbols = quieter, in-sentence previews;
   plain text = ordinary editorial discovery.
   Icons are always monochromatic, never independent accent decorations. */
.page-home .world-reading .visual-term,
.page-home .world-reading .reading-word,
.page-home .world-reading .text-mark{
  font-family:"Einhar Sans",Arial,sans-serif!important;
  color:#f4f4ef!important;
  letter-spacing:inherit!important;
}
.page-home .world-reading .tone-pill{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:.27em;
  width:max-content;
  max-width:100%;
  vertical-align:baseline;
  padding:.16em .64em .21em!important;
  margin:0 .06em!important;
  border:0!important;
  border-radius:999px!important;
  background:#c9ff38!important;
  color:#11140a!important;
  font:600 1.09em/1.23 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.028em!important;
  text-decoration:none!important;
  white-space:nowrap;
  cursor:zoom-in;
  box-shadow:none!important;
  transition:transform .2s cubic-bezier(.2,.7,.2,1),background .2s ease!important;
}
.page-home .world-reading .tone-pill.tone-orange{
  background:#ff8a45!important;
  color:#171008!important;
}
.page-home .world-reading .tone-pill:is(:hover,:focus-visible){
  outline:0!important;
  color:#11140a!important;
  transform:translateY(-2px);
  filter:none!important;
}
.page-home .world-reading .tone-pill.tone-orange:is(:hover,:focus-visible){
  background:#ffac68!important;
  color:#171008!important;
}
.page-home .world-reading .tone-pill.tone-lime:is(:hover,:focus-visible){
  background:#e5ff7a!important;
}
.page-home .world-reading .visual-term.round-preview{
  display:inline-grid!important;
  place-items:center!important;
  width:1.57em!important;
  height:1.57em!important;
  min-width:1.57em;
  padding:0!important;
  margin:0 .12em!important;
  vertical-align:-.37em!important;
  background:#f4f4ef!important;
  border:0!important;
  border-radius:50%!important;
  color:#0b0c0b!important;
  font:inherit!important;
  cursor:zoom-in;
  line-height:1!important;
  outline:none!important;
  box-shadow:none!important;
  transition:transform .22s ease,background .22s ease!important;
}
.page-home .world-reading .visual-term.round-preview:is(:hover,:focus-visible){
  background:#bcff46!important;
  color:#0b0c0b!important;
  transform:rotate(-12deg) scale(1.08);
}
.page-home .world-reading .visual-term.round-preview .text-glyph{
  width:.99em!important;
  height:.88em!important;
  margin:0!important;
  vertical-align:middle!important;
  color:inherit!important;
}
.page-home .world-reading .visual-term.plain-trigger{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#f4f4ef!important;
  font:inherit!important;
  font-weight:550!important;
  letter-spacing:inherit!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  cursor:zoom-in;
}
.page-home .world-reading .visual-term.plain-trigger:is(:hover,:focus-visible){
  outline:0!important;
  color:#f4f4ef!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
  background:none!important;
}
.page-home .world-reading .reading-word{
  display:inline!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:none!important;
  border-radius:0!important;
  font:inherit!important;
  color:#f4f4ef!important;
  text-decoration:underline!important;
  text-decoration-thickness:1px!important;
  text-underline-offset:4px!important;
  text-decoration-color:rgba(244,244,239,.66)!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  /* Let long inline links break around the sculptural text exclusion. */
  white-space:normal!important;
}
.page-home .world-reading .reading-word:is(:hover,:focus-visible){
  outline:0!important;
  color:#f4f4ef!important;
  text-decoration-color:#f4f4ef!important;
}
.page-home .world-reading .text-mark{
  display:inline;
  padding:0;
  color:#f4f4ef!important;
  white-space:nowrap;
  font:inherit!important;
}
.page-home .world-note .text-glyph,
.page-home .world-note .text-glyph-small,
.page-home .world-note #direction-title .text-glyph{
  color:inherit!important;
  stroke:currentColor!important;
  width:.88em;
  height:.88em;
  margin-left:.10em;
  vertical-align:-.15em;
  stroke-linejoin:round;
  stroke-linecap:round;
}
.page-home .world-reading .tone-pill .text-glyph{
  width:.94em;
  height:.83em;
  margin:0!important;
  color:inherit!important;
}
.page-home .world-reading .reading-word .text-glyph{
  width:.91em;
  height:.80em;
  margin-left:.11em;
  color:inherit!important;
}
.page-home .world-reading .text-mark .text-glyph{
  color:inherit!important;
}

/* Different subjects, different energetic palettes. One typographic system,
   and no outlines or nested white cards regardless of gallery. */
.page-home .margin-illustration{
  --panel-ink:#10140b;
  color:var(--panel-ink)!important;
  border:0!important;
  outline:0!important;
  box-shadow:0 19px 73px rgba(0,0,0,.45)!important;
  background:#ceff3d!important;
}
.page-home .margin-illustration[data-gallery="experiments"]{
  background:#d7ff3b!important;--panel-ink:#11130d;
}
.page-home .margin-illustration[data-gallery="agents"]{
  background:#3567ff!important;--panel-ink:#fff;
}
.page-home .margin-illustration[data-gallery="methods"]{
  background:#ff8549!important;--panel-ink:#1a1009;
}
.page-home .margin-illustration[data-gallery="distribution"]{
  background:#ff57ad!important;--panel-ink:#240b19;
}
.page-home .margin-illustration[data-gallery="horizon"]{
  background:#3bea84!important;--panel-ink:#0b2115;
}
.page-home .margin-illustration :is(.margin-illustration-bar,#illustrationName,#illustrationCaption,#illustrationClose,#illustrationPrevious,#illustrationNext,#illustrationCount,.margin-illustration-caption){
  color:var(--panel-ink)!important;
}
.page-home .margin-illustration .margin-illustration-media{
  background:transparent!important;
  border:0!important;
  outline:0!important;
}
.page-home .margin-illustration .margin-illustration-media img{
  mix-blend-mode:multiply;
  filter:grayscale(1) contrast(1.16);
  opacity:.93;
}
.page-home .margin-illustration .margin-illustration-bar{
  font:590 clamp(27px,2.35vw,33px)/1.13 "Einhar Sans",Arial,sans-serif!important;
  letter-spacing:-.057em!important;
}
@media(max-width:760px){
  .page-home .world-note,
  .page-home .world-note .world-reading,
  .page-home .world-note .world-reading p,
  .page-home .world-stage .world-notes .world-book-aside{
    text-align:left!important;
  }
  .page-home .margin-illustration .margin-illustration-bar{
    font-size:clamp(25px,6.8vw,30px)!important;
  }
  .page-home .world-reading .tone-pill{
    font-size:1.06em!important;
    padding:.15em .56em .18em!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .page-home .world-reading .tone-pill,
  .page-home .world-reading .round-preview{transition:none!important;transform:none!important}
}

/* More editorial points of entry: these are not a repeated CTA template.
   Compact printed markers, ink-like underlines and small symbol controls
   complement the original large study pills and ordinary reading links. */
.page-home .world-reading .tone-pill.tone-compact{
  font-size:.94em!important;
  line-height:1.27!important;
  font-weight:620!important;
  padding:.13em .50em .15em!important;
  margin:0 .035em!important;
  letter-spacing:-.035em!important;
  vertical-align:baseline!important;
  border-radius:.46em!important;
}
.page-home .world-reading .tone-pill.tone-compact .text-glyph{
  width:.94em!important;
  height:.88em!important;
  margin:0 .04em 0 0!important;
}
.page-home .world-reading .tone-pill.tone-blue{
  background:#4169ff!important;
  color:#fff!important;
}
.page-home .world-reading .tone-pill.tone-blue:is(:hover,:focus-visible){
  background:#6586ff!important;
  color:#fff!important;
}
.page-home .world-reading .tone-pill.tone-green{
  background:#61f5a6!important;
  color:#092319!important;
  border-radius:999px!important;
}
.page-home .world-reading .tone-pill.tone-green:is(:hover,:focus-visible){
  background:#a1ffca!important;
  color:#092319!important;
}
.page-home .world-reading .tone-pill.tone-pink{
  background:#ff89b8!important;
  color:#27111b!important;
}
.page-home .world-reading .tone-pill.tone-pink:is(:hover,:focus-visible){
  background:#ffc0d9!important;
  color:#27111b!important;
}
.page-home .world-reading .visual-term.ink-link{
  --inline-ink:#91b3ff;
  display:inline!important;
  width:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  color:#f4f4ef!important;
  font:inherit!important;
  font-weight:520!important;
  letter-spacing:inherit!important;
  line-height:inherit!important;
  white-space:normal!important;
  text-align:inherit!important;
  cursor:zoom-in;
  text-decoration:underline!important;
  text-decoration-color:var(--inline-ink)!important;
  text-decoration-thickness:2px!important;
  text-underline-offset:.14em!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
  transition:color .18s ease,text-decoration-color .18s ease!important;
}
.page-home .world-reading .visual-term.ink-link:is(:hover,:focus-visible){
  color:var(--inline-ink)!important;
  text-decoration-color:currentColor!important;
}
.page-home .world-reading .visual-term.ink-link:focus-visible,
.page-home .world-reading .tone-pill:focus-visible,
.page-home .world-reading .visual-term.round-preview:focus-visible{
  outline:2px solid currentColor!important;
  outline-offset:3px!important;
}
.page-home .world-reading .ink-link-blue{--inline-ink:#89aaff!important}
.page-home .world-reading .ink-link-pink{--inline-ink:#ff8fbe!important}
.page-home .world-reading .ink-link-violet{--inline-ink:#c49aff!important}
.page-home .world-reading .visual-term.round-preview.round-blue{
  background:#6687ff!important;
  color:#fff!important;
}
.page-home .world-reading .visual-term.round-preview.round-blue:is(:hover,:focus-visible){
  background:#a0b4ff!important;
  color:#172454!important;
  transform:rotate(8deg) scale(1.08);
}
/* Each preview opens related artwork, not a generic reused popover. */
.page-home .margin-illustration[data-gallery="feedback"]{
  background:#9fbbff!important;--panel-ink:#102049;
}
.page-home .margin-illustration[data-gallery="learning"]{
  background:#4169ff!important;--panel-ink:#fff;
}
.page-home .margin-illustration[data-gallery="prototypes"]{
  background:#ff9ecc!important;--panel-ink:#30101e;
}
.page-home .margin-illustration[data-gallery="opportunity"]{
  background:#c4a2ff!important;--panel-ink:#241439;
}
.page-home .margin-illustration[data-gallery="teams"]{
  background:#61f5a6!important;--panel-ink:#092319;
}
.page-home .margin-illustration[data-gallery="release"]{
  background:#ff89b8!important;--panel-ink:#27111b;
}
.page-home .margin-illustration[data-gallery="lessons"]{
  background:#ffe185!important;--panel-ink:#33240a;
}
@media(max-width:760px){
  .page-home .world-reading .tone-pill.tone-compact{
    font-size:.94em!important;
    padding:.10em .46em .13em!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .page-home .world-reading .visual-term.ink-link{transition:none!important}
}

/* Filled studies remain bright, tactile inline controls, but the text can
   break across lines when the sculpture narrows the available reading space.
   Native button boxes were atomic and left entire screenfuls of whitespace. */
html body.page-home .world-note .world-reading a.visual-term.tone-pill{
  display:inline!important;
  width:auto!important;
  max-width:none!important;
  padding:.11em .52em .15em!important;
  line-height:1.27!important;
  vertical-align:baseline!important;
  white-space:normal!important;
  overflow-wrap:normal!important;
  -webkit-box-decoration-break:clone;
  box-decoration-break:clone;
  border-radius:.62em!important;
  transform:none!important;
}
html body.page-home .world-note .world-reading a.visual-term.tone-pill.tone-compact{
  padding:.10em .43em .13em!important;
}
html body.page-home .world-note .world-reading a.visual-term.tone-pill:is(:hover,:focus-visible){
  transform:none!important;
  filter:none!important;
}