/* The same sea carries the reader between chapters without empty breaks. */
.about{padding-bottom:70px}
.manifesto{padding-top:45px;padding-bottom:70px}
.works{padding-bottom:56px}
.cycle{padding-top:56px;padding-bottom:50px}
.memory{padding-top:56px;padding-bottom:45px}
.future{margin-top:0}
.future>.section{padding-top:65px;padding-bottom:35px}

/* Keep the first five portrait changes spacious, then lead into the shared world. */
.future-step:last-child{min-height:0;padding-bottom:36px}
.world-chapter:before{
  inset:-30% -8% 6%;
  background:radial-gradient(ellipse at 50% 42%,#83b8c512,transparent 68%),radial-gradient(ellipse at 50% 64%,#a4b0d10b,transparent 59%);
  mask-image:linear-gradient(transparent,#000 27%,#000 76%,transparent);
  -webkit-mask-image:linear-gradient(transparent,#000 27%,#000 76%,transparent);
}
.closing{padding-top:25px}
.closing:before{inset:-25% -15% 15%;opacity:.36}
.closing-star{font-size:30px;margin-bottom:20px;color:#a6c7d680;text-shadow:0 0 22px #bce7f526}
.closing-name{margin-top:45px}

/* Reading reveals settle before the next chapter arrives. */
.enhanced [data-reveal]{translate:0 10px;transition:opacity .7s cubic-bezier(.22,1,.36,1),translate .7s cubic-bezier(.22,1,.36,1)}
.enhanced [data-reveal].visible{translate:0 0}

@media(max-width:760px){
  .about{padding-bottom:48px}
  .manifesto{padding-top:32px;padding-bottom:48px}
  .works{padding-bottom:48px}
  .cycle{padding-top:48px;padding-bottom:45px}
  .memory{padding-top:48px;padding-bottom:38px}
  .future>.section{padding-top:54px;padding-bottom:35px}
  .future-step:last-child{min-height:0;padding-bottom:36px}
  .future-vision:before{
    top:-70px;bottom:-80px;
    background:linear-gradient(180deg,transparent 0%,#07142270 18%,#071422f7 36%,#071422f5 61%,#07142266 80%,transparent 100%);
  }
  .world-chapter:before{inset:-24% -5% 6%}
  .closing{padding-top:18px}
  .closing-star{font-size:25px;margin-bottom:17px}
  .closing-name{margin-top:36px}
}

body.motion-reduced [data-reveal]{opacity:1!important;translate:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.enhanced [data-reveal]{opacity:1;translate:none;transition:none}}
