/* EINHAR / LARGE-TYPE READING
   A continuous book that changes shape around an anchored three-dimensional
   object. Headings and sentences share a size; weight gives them hierarchy.
   Chapters follow normal document flow so they cannot overlap when copy grows. */

html body.page-home .world-stage{
  overflow:visible!important;
}
@media(min-width:1101px){
  html body.page-home .world-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    height:auto!important;
    min-height:0!important;
  }
  html body.page-home .world-fixed{
    order:0;
    flex:0 0 100svh!important;
    align-self:stretch!important;
    position:sticky!important;
    top:0!important;
    height:100svh!important;
    min-height:0!important;
    width:100%!important;
  }
  html body.page-home .world-note{
    --reading-size:clamp(25px,2.02vw,31.5px);
    --reading-leading:1.39;
    position:relative!important;
    display:flow-root!important;
    flex:0 0 auto!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    width:min(84vw,1345px)!important;
    min-height:1750px!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:30px 0 110px!important;
    overflow:visible!important;
  }
  /* Center the entire editorial measure. The text itself stays left-aligned;
     only the native exclusion curve redirects words around the sculpture. */
  html body.page-home .world-note-intro,
  html body.page-home .world-note-structure,
  html body.page-home .world-note-horizon,
  html body.page-home .world-stage .world-notes{
    margin-left:auto!important;
    margin-right:auto!important;
    left:auto!important;
    right:auto!important;
  }
  html body.page-home .world-stage .world-notes{
    width:min(84vw,1345px)!important;
  }
  html body.page-home .world-note :is(h1,h2){
    position:relative;
    display:block;
    max-width:none!important;
    margin:0 0 .8em!important;
    padding:0!important;
    font:640 var(--reading-size)/1.22 "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.047em!important;
    color:#f4f4ef!important;
    text-align:left!important;
  }
  html body.page-home .world-note .world-reading{
    display:block;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    font:420 var(--reading-size)/var(--reading-leading) "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.026em!important;
    color:#f4f4ef!important;
    text-align:left!important;
  }
  html body.page-home .world-note .world-reading p{
    display:block;
    max-width:none!important;
    margin:0 0 1.08em!important;
    padding:0!important;
    font:inherit!important;
    color:inherit!important;
    text-align:left!important;
    text-wrap:pretty;
  }
  html body.page-home .world-note .world-reading p:last-child{
    margin-bottom:0!important;
  }
  html body.page-home .world-note .world-note-index{
    margin:0 0 1.45em!important;
    padding:0!important;
    color:#f4f4ef!important;
    font:520 14px/1.35 "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.012em!important;
    text-align:left!important;
  }
  html body.page-home .world-stage .world-notes .world-book-margin{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    padding:0!important;
    float:none;
    overflow:visible!important;
    text-align:left!important;
  }
  html body.page-home .world-stage .world-notes .world-book-quote{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    display:block!important;
    max-width:none!important;
    font:640 var(--reading-size)/1.22 "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.047em!important;
    margin:0 0 .8em!important;
    color:#f4f4ef!important;
    text-align:left!important;
  }
  html body.page-home .world-stage .world-notes .world-book-aside{
    display:block!important;
    max-width:none!important;
    margin:0 0 1.08em!important;
    padding:0!important;
    font:420 var(--reading-size)/var(--reading-leading) "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.026em!important;
    text-align:left!important;
    color:#f4f4ef!important;
  }
  html body.page-home .world-stage .world-notes .recent-entries{
    display:block!important;
    margin:1.3em 0 0!important;
    padding:0!important;
    float:none;
    width:100%!important;
    max-width:none!important;
  }
  html body.page-home .world-stage .world-notes .recent-card,
  html body.page-home .world-stage .world-notes .recent-card:first-child,
  html body.page-home .world-stage .world-notes .recent-card:nth-child(2){
    position:static!important;
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    margin:0 0 1.2em!important;
    padding:0!important;
    text-align:left!important;
  }
  html body.page-home .world-stage .world-notes .recent-metadata{
    display:block!important;
    font:490 13px/1.4 "Einhar Sans",Arial,sans-serif!important;
    margin:0 0 .65em!important;
    color:#f4f4ef!important;
  }
  html body.page-home .world-stage .world-notes .recent-card-title{
    font:520 clamp(22px,1.75vw,27px)/1.28 "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.038em!important;
    text-align:left!important;
    margin:0!important;
    max-width:none!important;
  }
  html body.page-home .world-stage .world-notes .notes-archive{
    position:relative!important;
    display:inline-block!important;
    inset:auto!important;
    width:auto!important;
    margin:0!important;
    padding:6px 0!important;
    font:520 16px/1.4 "Einhar Sans",Arial,sans-serif!important;
  }
}
@media(max-width:1100px){
  html body.page-home .world-note{
    --reading-size:clamp(20px,5.2vw,22.5px);
    --reading-leading:1.43;
    min-height:clamp(1490px,165svh,1830px)!important;
    padding-bottom:115px!important;
  }
  html body.page-home .world-note :is(h1,h2),
  html body.page-home .world-stage .world-notes .world-book-quote{
    font:635 var(--reading-size)/1.24 "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.047em!important;
    margin:0 0 .85em!important;
    text-align:left!important;
  }
  html body.page-home .world-note .world-reading,
  html body.page-home .world-note .world-reading p,
  html body.page-home .world-stage .world-notes .world-book-aside{
    font:425 var(--reading-size)/var(--reading-leading) "Einhar Sans",Arial,sans-serif!important;
    letter-spacing:-.023em!important;
    color:#f4f4ef!important;
    text-align:left!important;
  }
  html body.page-home .world-note .world-reading{
    display:block!important;
    margin:0!important;
  }
  html body.page-home .world-note .world-reading p,
  html body.page-home .world-stage .world-notes .world-book-aside{
    display:block!important;
    margin:0 0 1.1em!important;
    padding:0!important;
    max-width:100%!important;
  }
  html body.page-home .world-note .world-note-index{
    margin:0 0 1.5em!important;
    font:510 13px/1.35 "Einhar Sans",Arial,sans-serif!important;
  }
  html body.page-home .world-stage .world-notes .recent-entries{
    margin:36px 0 0!important;
  }
  html body.page-home .world-stage .world-notes .recent-card,
  html body.page-home .world-stage .world-notes .recent-card:first-child,
  html body.page-home .world-stage .world-notes .recent-card:nth-child(2){
    margin:0 0 27px!important;
  }
  html body.page-home .world-stage .world-notes .recent-card-title{
    font:510 clamp(21px,5vw,24px)/1.27 "Einhar Sans",Arial,sans-serif!important;
  }
}


/* The notebook needs the same mobile reading floor as every chapter.
   Its more-specific legacy selector otherwise let it collapse, taking the
   sticky scroll scene and live wrap calculation out of view early. */
@media(max-width:1100px){
  html body.page-home .world-stage .world-notes{
    min-height:1490px!important;
    padding-bottom:115px!important;
  }
}


@media(max-width:480px){
  html body.page-home .world-object{
    /* Keep the entire sculpture visible while letting the left page breathe. */
    left:82.5%!important;
    width:52vw!important;
  }
}

/* All desktop passages start from the same centered measure. The mark's
   silhouette occupies the left float only while words cross its height,
   just as in the original "One company" reading. */
@media(min-width:1101px){
  html body.page-home .world-stage .world-note .world-orbit{
    float:left!important;
    shape-margin:0!important;
    transition:none!important;
  }
}

/* Return to a centered, readable column as soon as the mark is no longer
   alongside a line. The exclusion float stays in the section container
   and redirects only the lines that actually cross the sculpture. */
@media(min-width:1200px){
  html body.page-home .world-stage .world-note :is(h1,h2),
  html body.page-home .world-stage .world-note .world-reading,
  html body.page-home .world-stage .world-notes .recent-entries{
    max-width:1190px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

/* A second contour holds the far edge of the centered reading measure
   when words are not touching the sculpture. Both floats have fixed frames;
   only their shape polygons change as the page scrolls. */
@media(min-width:1101px){
  html body.page-home .world-note .world-reading-limit{
    display:block;
    float:right;
    width:0;
    height:0;
    margin:0;
    padding:0;
    pointer-events:none;
    shape-margin:0;
    transition:none;
  }
}
@media(max-width:1100px){
  html body.page-home .world-note .world-reading-limit{
    display:none!important;
  }
}


/* Refined original reading. The original sculpture is always bright and
   centered; the live contour updates slowly, independently of the 3D draw.
   No section shifts in response to scroll. */
@media(min-width:1101px){
  html body.page-home .world-stage .world-note,
  html body.page-home .world-stage .world-notes{
    --reading-size:clamp(24px,1.9vw,30px);
    --reading-leading:1.47;
    width:min(86vw,1370px)!important;
    min-height:clamp(1260px,148svh,1510px)!important;
    padding-top:58px!important;
    padding-bottom:105px!important;
  }
  html body.page-home .world-stage .world-object,
  html body.page-home .world-stage .world-object.is-reading{
    left:50%!important;
    top:49%!important;
    width:clamp(320px,32vw,500px)!important;
    opacity:1!important;
    transform:translate(-50%,-50%)!important;
    transition:none!important;
  }
  html body.page-home .world-note .world-orbit,
  html body.page-home .world-note .world-reading-limit{
    transition:none!important;
    shape-margin:0!important;
  }
  html body.page-home .world-note .world-reading p{
    line-height:var(--reading-leading)!important;
    text-wrap:pretty;
  }
}
@media(max-width:1100px){
  html body.page-home .world-stage{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    height:auto!important;
    min-height:0!important;
  }
  html body.page-home .world-stage .world-fixed{
    order:0!important;
    position:relative!important;
    top:auto!important;
    height:clamp(330px,50svh,490px)!important;
    min-height:0!important;
    flex:0 0 auto!important;
    width:100%!important;
  }
  html body.page-home .world-stage .world-object{
    left:50%!important;
    top:50%!important;
    width:min(80vw,480px)!important;
    opacity:1!important;
    transform:translate(-50%,-50%)!important;
    transition:none!important;
  }
  html body.page-home .world-stage .world-note,
  html body.page-home .world-stage .world-note.world-notes{
    width:min(calc(100% - 48px),730px)!important;
    min-height:0!important;
    padding:54px 0 88px!important;
    margin:0 auto!important;
  }
  html body.page-home .world-stage .world-note.world-notes{
    padding-bottom:145px!important;
  }
  html body.page-home .world-stage .world-note .world-orbit,
  html body.page-home .world-stage .world-note .world-reading-limit{
    display:none!important;
    float:none!important;
    width:0!important;
    height:0!important;
    shape-outside:none!important;
  }
  html body.page-home .world-stage .world-note :is(h1,h2),
  html body.page-home .world-stage .world-note .world-reading,
  html body.page-home .world-stage .world-note .recent-entries,
  html body.page-home .world-stage .world-notes :is(.world-book-quote,.world-book-aside){
    width:100%!important;
    max-width:100%!important;
    margin-left:0!important;
    margin-right:0!important;
  }
}
@media(max-width:480px){
  html body.page-home .world-stage .world-note,
  html body.page-home .world-stage .world-note.world-notes{
    --reading-size:clamp(19px,5vw,23px);
    --reading-leading:1.49;
    width:min(calc(100% - 42px),640px)!important;
    padding:48px 0 85px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  html body.page-home .world-stage .world-object{
    transition:none!important;
  }
}