/* A continuous paper coordinate system behind individual, fixed-position scenes. */
@media(min-width:1001px){
 body{overflow-x:clip}
 .paper-section{--paper-feather:0px;--paper-top:80px;--paper-bottom:110px;background:transparent;overflow:visible}
 .paper-page-start{--paper-top:0px}
 .paper-section::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:100vw;transform:translateX(-50%);z-index:-3;pointer-events:none;background:#f7f3ea url('assets/paper-tile-r01.png') center var(--paper-origin-y,0px) / 930px 930px repeat}
 .paper-run-start::before{mask-image:linear-gradient(transparent,#000 70px)}
 .paper-run-end::before{mask-image:linear-gradient(#000 calc(100% - 70px),transparent)}
 .paper-run-start.paper-run-end::before{mask-image:linear-gradient(transparent,#000 70px,#000 calc(100% - 70px),transparent)}
 .paper-section .scene,.paper-section .mobile-photo{
  mask-image:linear-gradient(90deg,transparent,#000 var(--paper-feather),#000 calc(100% - var(--paper-feather)),transparent),linear-gradient(transparent,#000 var(--paper-top),#000 calc(100% - var(--paper-bottom)),transparent);
  mask-composite:intersect;mask-repeat:no-repeat;mask-size:100% 100%
 }
 .paper-section .mobile-photo{display:block;position:absolute;inset:0;overflow:hidden;isolation:isolate;z-index:-2}
 .paper-section .wrap-photo{
  mask-image:linear-gradient(90deg,transparent,#000 16%,#000 calc(100% - var(--paper-feather)),transparent),linear-gradient(transparent,#000 var(--paper-top),#000 calc(100% - var(--paper-bottom)),transparent);
  mask-composite:intersect;mask-repeat:no-repeat;mask-size:100% 100%
 }
}
@media(min-width:1441px){.paper-section{--paper-feather:min(90px,calc((100vw - 1440px)/2))}}