/* Section 2 only: expanded composition, existing photos, text and paper. */
.page {
  --philosophy-height: max(calc(470 * var(--u)), calc(100svh + 80 * var(--u)));
  --philosophy-extra: calc(var(--philosophy-height) - 235 * var(--u));
  height: calc(2048 * var(--u) + var(--firstview-extra) + var(--philosophy-extra));
}
.stage2-content { height: calc(525 * var(--u) + var(--philosophy-extra)); }
.scene.philosophy { height: var(--philosophy-height); isolation: isolate; }
.philosophy::before,.philosophy::after {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
}
.philosophy::before {
  background-color: var(--paper);
  background-image: linear-gradient(155deg, #eedac84d, #fffcf710 48%, #f2dbc91f), url('assets/paper/base-paper.png');
  background-size: auto, calc(132 * var(--u)) calc(36 * var(--u));
  mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2ODIgNTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTSAwLjAgMjUuNTkgTCAxMC4wIDI3LjEyIEwgMjAuMCAyOC41MCBMIDMwLjAgMjguNzkgTCA0MC4wIDMwLjg0IEwgNTAuMCAzMS44NiBMIDYwLjAgMzMuMTYgTCA3MC4wIDMzLjYyIEwgODAuMCAzNC41OSBMIDkwLjAgMzUuNjkgTCAxMDAuMCAzNS45NyBMIDExMC4wIDM2Ljc0IEwgMTIwLjAgMzYuNDMgTCAxMzAuMCAzNi42NyBMIDE0MC4wIDM3LjU3IEwgMTUwLjAgMzcuMDcgTCAxNjAuMCAzNi45OSBMIDE3MC4wIDM3LjAxIEwgMTgwLjAgMzYuMTIgTCAxOTAuMCAzNS4yOCBMIDIwMC4wIDM1Ljg0IEwgMjEwLjAgMzUuMTAgTCAyMjAuMCAzNC43MSBMIDIzMC4wIDM0LjE4IEwgMjQwLjAgMzQuMjIgTCAyNTAuMCAzMi45NCBMIDI2MC4wIDMzLjEwIEwgMjcwLjAgMzIuMTkgTCAyODAuMCAzMi4xNSBMIDI5MC4wIDMxLjk4IEwgMzAwLjAgMzEuMjMgTCAzMTAuMCAzMC42NiBMIDMyMC4wIDMwLjk2IEwgMzMwLjAgMzEuMDUgTCAzNDAuMCAzMC42MCBMIDM1MC4wIDMwLjEwIEwgMzYwLjAgMzAuMDMgTCAzNzAuMCAyOC45OCBMIDM4MC4wIDI4LjUxIEwgMzkwLjAgMjguMTYgTCA0MDAuMCAyOC4yMSBMIDQxMC4wIDI2LjYxIEwgNDIwLjAgMjUuNjggTCA0MzAuMCAyNC43NSBMIDQ0MC4wIDIzLjY3IEwgNDUwLjAgMjIuOTMgTCA0NjAuMCAyMi4yMSBMIDQ3MC4wIDIxLjM3IEwgNDgwLjAgMTkuNDYgTCA0OTAuMCAxOC4yOSBMIDUwMC4wIDE2Ljk1IEwgNTEwLjAgMTUuNzggTCA1MjAuMCAxNS4zMCBMIDUzMC4wIDEzLjkxIEwgNTQwLjAgMTIuNTMgTCA1NTAuMCAxMS40NyBMIDU2MC4wIDExLjcwIEwgNTcwLjAgMTEuMDIgTCA1ODAuMCAxMC43OCBMIDU5MC4wIDkuNzEgTCA2MDAuMCAxMC4wNyBMIDYxMC4wIDEwLjcwIEwgNjIwLjAgMTAuNTIgTCA2MzAuMCAxMS40NiBMIDY0MC4wIDEwLjk3IEwgNjUwLjAgMTIuODQgTCA2NjAuMCAxMi40MiBMIDY3MC4wIDEzLjkwIEwgNjgwLjAgMTQuNDAgTCA2ODIuMCAxNS43MyBMNjgyIDU0MCBMMCA1NDAgWiIvPjwvc3ZnPgo=') 0 0 / 100% 100% no-repeat;
  -webkit-mask: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2ODIgNTQwIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48cGF0aCBmaWxsPSJ3aGl0ZSIgZD0iTSAwLjAgMjUuNTkgTCAxMC4wIDI3LjEyIEwgMjAuMCAyOC41MCBMIDMwLjAgMjguNzkgTCA0MC4wIDMwLjg0IEwgNTAuMCAzMS44NiBMIDYwLjAgMzMuMTYgTCA3MC4wIDMzLjYyIEwgODAuMCAzNC41OSBMIDkwLjAgMzUuNjkgTCAxMDAuMCAzNS45NyBMIDExMC4wIDM2Ljc0IEwgMTIwLjAgMzYuNDMgTCAxMzAuMCAzNi42NyBMIDE0MC4wIDM3LjU3IEwgMTUwLjAgMzcuMDcgTCAxNjAuMCAzNi45OSBMIDE3MC4wIDM3LjAxIEwgMTgwLjAgMzYuMTIgTCAxOTAuMCAzNS4yOCBMIDIwMC4wIDM1Ljg0IEwgMjEwLjAgMzUuMTAgTCAyMjAuMCAzNC43MSBMIDIzMC4wIDM0LjE4IEwgMjQwLjAgMzQuMjIgTCAyNTAuMCAzMi45NCBMIDI2MC4wIDMzLjEwIEwgMjcwLjAgMzIuMTkgTCAyODAuMCAzMi4xNSBMIDI5MC4wIDMxLjk4IEwgMzAwLjAgMzEuMjMgTCAzMTAuMCAzMC42NiBMIDMyMC4wIDMwLjk2IEwgMzMwLjAgMzEuMDUgTCAzNDAuMCAzMC42MCBMIDM1MC4wIDMwLjEwIEwgMzYwLjAgMzAuMDMgTCAzNzAuMCAyOC45OCBMIDM4MC4wIDI4LjUxIEwgMzkwLjAgMjguMTYgTCA0MDAuMCAyOC4yMSBMIDQxMC4wIDI2LjYxIEwgNDIwLjAgMjUuNjggTCA0MzAuMCAyNC43NSBMIDQ0MC4wIDIzLjY3IEwgNDUwLjAgMjIuOTMgTCA0NjAuMCAyMi4yMSBMIDQ3MC4wIDIxLjM3IEwgNDgwLjAgMTkuNDYgTCA0OTAuMCAxOC4yOSBMIDUwMC4wIDE2Ljk1IEwgNTEwLjAgMTUuNzggTCA1MjAuMCAxNS4zMCBMIDUzMC4wIDEzLjkxIEwgNTQwLjAgMTIuNTMgTCA1NTAuMCAxMS40NyBMIDU2MC4wIDExLjcwIEwgNTcwLjAgMTEuMDIgTCA1ODAuMCAxMC43OCBMIDU5MC4wIDkuNzEgTCA2MDAuMCAxMC4wNyBMIDYxMC4wIDEwLjcwIEwgNjIwLjAgMTAuNTIgTCA2MzAuMCAxMS40NiBMIDY0MC4wIDEwLjk3IEwgNjUwLjAgMTIuODQgTCA2NjAuMCAxMi40MiBMIDY3MC4wIDEzLjkwIEwgNjgwLjAgMTQuNDAgTCA2ODIuMCAxNS43MyBMNjgyIDU0MCBMMCA1NDAgWiIvPjwvc3ZnPgo=') 0 0 / 100% 100% no-repeat;
}
.philosophy::after {
  background: url('assets/paper/philosophy-edge.svg') 0 0 / 100% 100% no-repeat;
}
/* This shared paper moves with section 3, preserving its original appearance. */
.philosophy > .paper { top: calc(138 * var(--u) + var(--philosophy-extra)); }
.philosophy > [data-photo="philosophy-left"] {
  left: 0; top: 12%; width: calc(218 * var(--u)); height: calc(320 * var(--u));
}
.philosophy > [data-photo="philosophy-left"] > img {
  width: calc(248 * var(--u)); left: calc(-15 * var(--u)); top: calc(-8 * var(--u));
}
.philosophy > [data-photo="philosophy-right"] {
  left: calc(489 * var(--u)); top: 34%; width: calc(193 * var(--u)); height: calc(280 * var(--u));
}
.philosophy > [data-photo="philosophy-right"] > img {
  width: calc(430 * var(--u)); left: calc(-100 * var(--u)); top: 0;
}
.philosophy > .copy { top: 24%; }
.philosophy > .button { top: 64%; }
.philosophy > .play { left: calc(549 * var(--u)); top: 13%; }