@media (max-width: 359px) {
  :root { --space-page: 20px; }
  .intro-center h1 { font-size: 62px; }
  .scene-quote { font-size: 28px; }
  .between-line { left: 26px; font-size: 23px; }
  .memory-copy { font-size: 20px; }
  .september-copy h2 { font-size: 108px; }
}

@media (min-width: 430px) {
  :root { --space-page: 30px; }
}

@media (min-width: 768px) {
  :root { --space-page: 54px; }
  body { background: #e8e2d7; }
  main, .reading-progress { width: min(100%, 1080px); margin-inline: auto; }
  main { box-shadow: 0 0 100px rgba(30, 25, 18, .1); }
  .intro-center h1 { font-size: 98px; }
  .hero-ink-cloud { width: 760px; }
  .hero-brush-stroke { width: 690px; }
  .scene-quote { left: max(76px, calc((100% - 860px) / 2)); }
  .desk-paper { right: 3%; width: 440px; }
  .desk-book { left: 2%; width: 350px; }
  .between-line { left: max(90px, calc((100% - 840px) / 2)); max-width: 430px; }
  .scene-memory { min-height: 1680px; }
  .memory-meta { left: max(80px, calc((100% - 900px) / 2)); }
  .memory-campus-one { left: max(60px, calc((100% - 930px) / 2)); width: 650px; }
  .memory-campus-one picture { height: 405px; }
  .memory-campus-two { top: 650px; right: max(65px, calc((100% - 920px) / 2)); width: 430px; }
  .memory-campus-two picture { height: 310px; }
  .memory-classroom { top: 850px; left: max(110px, calc((100% - 800px) / 2)); width: 335px; }
  .memory-classroom picture { height: 440px; }
  .memory-copy { right: max(90px, calc((100% - 820px) / 2)); bottom: 220px; }
  .ink-paper { left: 2%; width: 520px; }
  .ink-brush { right: 2%; width: 370px; }
  .reading-page { left: 3%; width: 390px; }
  .reading-spine { right: 3%; width: 350px; }
  .reading-botanical { left: 24%; width: 440px; }
  .reading-copy, .departure-copy { left: max(74px, calc((100% - 850px) / 2)); }
  .departure-media img { object-position: 52% 50%; }
  .scene-footer { min-height: 480px; }
}

@media (min-width: 1200px) {
  main, .reading-progress { width: min(100%, 1120px); }
}

@media (prefers-reduced-motion: reduce) {
  .scene-scroll { height: auto; }
  .sticky-frame { position: relative; min-height: 100svh; }
  .dust-field { display: none; }
  .departure-mask { clip-path: inset(0) !important; }
  .intro-center, .hero-ink-cloud, .hero-brush-stroke, .desk-base, .desk-detail,
  .memory-card, .ink-base, .ink-layer, .ink-motion-stroke, .reading-base,
  .reading-detail, .september-copy h2 span, .departure-media img,
  .departure-line, .ending-center, .ending-mark, .ending-title-mask h2 {
    opacity: 1 !important;
    transform: none !important;
  }
  .intro-center { transform: translate(-50%, -50%) !important; }
  .hero-ink-cloud, .hero-brush-stroke { transform: translate(-50%, -50%) !important; }
  .ending-center { transform: translate(-50%, -50%) !important; }
  .ink-motion-stroke path, .ending-stroke path { stroke-dashoffset: 0 !important; }
}

.reduced-motion .scene-scroll { height: auto; }
.reduced-motion .sticky-frame { position: relative; min-height: 100svh; }
.reduced-motion .dust-field { display: none; }
.reduced-motion .departure-mask { clip-path: inset(0) !important; }