/* Section 3 only. Previous styles, photo masks, fonts and slideshow are retained. */
.page {
  --preschool-height: max(calc(470 * var(--u)), calc(100svh + 100 * var(--u)));
  --preschool-extra: calc(var(--preschool-height) - 290 * var(--u));
  height: calc(2048 * var(--u) + var(--firstview-extra) + var(--philosophy-extra) + var(--preschool-extra));
}
.stage2-content { height: calc(525 * var(--u) + var(--philosophy-extra) + var(--preschool-extra)); }
.scene.preschool { height: var(--preschool-height); }
/* Keep all 97 original paper units within section 2, replace only the extension below it. */
.philosophy > .paper { clip-path: inset(0 0 calc(310 * var(--u)) 0); }
.preschool-paper { position: absolute; inset: 0 0 auto; height: calc(100% + 20 * var(--u)); z-index: 0; pointer-events: none; }
.preschool-paper > * { position: absolute; left: 0; width: 100%; }
.preschool-paper .paper-top,.preschool-paper .paper-bottom {
  background-image: url('assets/paper/philosophy-and-preschool.png');
  background-size: calc(682 * var(--u)) calc(407 * var(--u)); background-repeat: no-repeat;
}
.preschool-paper .paper-top { top: 0; height: calc(60 * var(--u)); background-position: 0 calc(-97 * var(--u)); }
.preschool-paper .paper-middle { top: calc(60 * var(--u)); height: calc(100% - 140 * var(--u)); background: url('assets/paper/preschool-peach-texture.png') 0 0 / calc(160 * var(--u)) calc(190 * var(--u)) repeat; }
.preschool-paper .paper-bottom { bottom: 0; height: calc(80 * var(--u)); background-position: 0 calc(-327 * var(--u)); }
.preschool > [data-photo="preschool-main"] {
  left: 0; top: 12%; width: calc(350 * var(--u)); height: calc(350 * var(--u));
}
.preschool > [data-photo="preschool-main"] > img {
  width: calc(650 * var(--u)); left: calc(-235 * var(--u)); top: calc(-15 * var(--u));
}
.preschool > [data-photo="preschool-small"] {
  left: calc(510 * var(--u)); top: 61%; width: calc(172 * var(--u)); height: calc(210 * var(--u));
}
.preschool > [data-photo="preschool-small"] > img {
  width: calc(323 * var(--u)); left: calc(-72 * var(--u)); top: calc(20 * var(--u));
}
.preschool > .section-brand { left: calc(380 * var(--u)); top: 11%; }
.preschool > #preschool-title { left: calc(380 * var(--u)); top: 26%; }
.preschool > .body { left: calc(380 * var(--u)); top: 47%; }
.preschool > .button { left: calc(350 * var(--u)); top: 69%; }
.preschool > .accent { left: calc(609 * var(--u)); top: 27%; }

/* Continue the same grain through the lower paper contour, without a horizontal image join. */
.preschool-paper .paper-middle { background-position: 0 calc(-60 * var(--u)); }
.preschool-paper .paper-bottom {
  background-image: url('assets/paper/preschool-peach-texture.png');
  background-size: calc(160 * var(--u)) calc(190 * var(--u));
  background-repeat: repeat;
  background-position: 0 calc(-1 * (var(--preschool-height) - 60 * var(--u)));
  mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqoAAABQCAAAAAD0eAjgAAACXElEQVR4nO3d4W6CMBSG4Z5l93/L3Q+jQxAobU97PnmfZFmWCDH4eiIgzHICFPz6rdrqF837a+CtdVc/s58AUIZUIYJUIUIu1YZPwJDmuFvlxCp2rSyllB+Rs1umSi/VDUs5pWR7Ddr776OpTMaR7b7CHVZdv+jBwar1w2z5lz2jtZRec7QF8cbRP1VbJ1QhP9cUCt1O1TvVaHn5INoJrqT63C/5sH9yj0JXCHaowlRvmeI5Yh3oPFUqPZMd903xcryVybQcuTrbT5VMryJWV3upEmolevXyKVUybUex3X3BidWQHqfLZj+Lr7KdqszUrsi1F+NIvjdi7WOZKqG6Itk2i1Qp1R21Nvi/CoBS/Zk9flDhOVXZfiMxXStY83dLUYNYL/tJlDoD2/wyNtlMzNYL5C6uxl0xVadjtJYh1Rjo9RSpRkGsJ0g1DmI9RKqhUOs+Uo2GWneQajzE+hGpxkSuG5wCiIkRskGqEMG7Ny4+BLwh1djI9YVUBdBrSqSqglpJVcfdayVVKXfOlVTlHOf6vfd6JVVFBzlayYMkkaqq0ruNfk2xpCpsVeHifx6WLqKEVLXlmhs5aPZKqvpy1aso1yup3phWraQKkWRJFSvZcsjbw5MqCs1Ol1RxybxgSRVVxidLqmgwMliurUIDS+OmHVMVvTiPWFJFZ17Fkir6c6mVVOGkd6+kClf9giVVjNChWFLFMG29kiqGqs+VVDFaZa2kiilysovRkirmK0qWVBFBQaykiiDOauWbVRBBqhBBqhBBqhBBqhBBqhBBqgji7Lgpx1URycHB1T9fKWpBk+FR5QAAAABJRU5ErkJggg=="); -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqoAAABQCAAAAAD0eAjgAAACXElEQVR4nO3d4W6CMBSG4Z5l93/L3Q+jQxAobU97PnmfZFmWCDH4eiIgzHICFPz6rdrqF837a+CtdVc/s58AUIZUIYJUIUIu1YZPwJDmuFvlxCp2rSyllB+Rs1umSi/VDUs5pWR7Ddr776OpTMaR7b7CHVZdv+jBwar1w2z5lz2jtZRec7QF8cbRP1VbJ1QhP9cUCt1O1TvVaHn5INoJrqT63C/5sH9yj0JXCHaowlRvmeI5Yh3oPFUqPZMd903xcryVybQcuTrbT5VMryJWV3upEmolevXyKVUybUex3X3BidWQHqfLZj+Lr7KdqszUrsi1F+NIvjdi7WOZKqG6Itk2i1Qp1R21Nvi/CoBS/Zk9flDhOVXZfiMxXStY83dLUYNYL/tJlDoD2/wyNtlMzNYL5C6uxl0xVadjtJYh1Rjo9RSpRkGsJ0g1DmI9RKqhUOs+Uo2GWneQajzE+hGpxkSuG5wCiIkRskGqEMG7Ny4+BLwh1djI9YVUBdBrSqSqglpJVcfdayVVKXfOlVTlHOf6vfd6JVVFBzlayYMkkaqq0ruNfk2xpCpsVeHifx6WLqKEVLXlmhs5aPZKqvpy1aso1yup3phWraQKkWRJFSvZcsjbw5MqCs1Ol1RxybxgSRVVxidLqmgwMliurUIDS+OmHVMVvTiPWFJFZ17Fkir6c6mVVOGkd6+kClf9giVVjNChWFLFMG29kiqGqs+VVDFaZa2kiilysovRkirmK0qWVBFBQaykiiDOauWbVRBBqhBBqhBBqhBBqhBBqhBBqgji7Lgpx1URycHB1T9fKWpBk+FR5QAAAABJRU5ErkJggg==");
  mask-size: 100% 100%; -webkit-mask-size: 100% 100%; mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
}
/* Feather the overlap inside section 3; section 2's original paper pixels stay intact. */
.preschool-paper .paper-middle {
  top: calc(40 * var(--u)); height: calc(100% - 120 * var(--u));
  background-position: 0 calc(-40 * var(--u));
  mask-image: linear-gradient(to bottom, transparent, #000 calc(20 * var(--u)));
  -webkit-mask-image: linear-gradient(to bottom, transparent, #000 calc(20 * var(--u)));
}
.preschool-paper .paper-top { top: -1px; height: calc(60 * var(--u) + 1px); background-position: 0 calc(-97 * var(--u) + 1px); }
/* Let the section 3 lower paper contour overlap the following background, not its content. */
.preschool-paper { z-index: 1; }