/* Each scene has its own framing and reading position. */
.scene-chapter{height:150svh}
.scene-chapter .scene-content{right:auto;width:43%;max-width:610px}
.scene-chapter .scene-content h2{font-size:clamp(2.35rem,4.05vw,4.7rem);line-height:1.43}
.scene-chapter .scene-whisper{max-width:44%;font-size:clamp(2rem,3.5vw,4rem)}
.scene-right .scene-content,.scene-right .scene-whisper{left:59%;right:7%;width:auto;max-width:34%}
.scene-right .scene-shade{background:linear-gradient(270deg,#101412d9 0%,#14181472 36%,#1b201500 75%),linear-gradient(0deg,#12160d8c,transparent 28%)}
#wall{height:160svh}
#wall .scene-content{top:48%}
#wall .scene-shade{background:linear-gradient(90deg,#11151fe8,#10172484 35%,#11151a00 71%),linear-gradient(0deg,#11131b88,transparent 28%)}
#dressing{height:130svh}
#dressing .scene-content{top:55%}
#entryway{height:145svh}
#entryway .scene-shade{background:linear-gradient(90deg,#20231ec4,#26282055 36%,#16180d00 75%),linear-gradient(0deg,#17201499,transparent 32%)}
#desk{height:155svh}
#desk .scene-shade{background:linear-gradient(270deg,#101412d9,#14181472 36%,transparent 75%),linear-gradient(180deg,#161b1766,transparent 30%),linear-gradient(0deg,#12160d8c,transparent 28%)}
.scene-bottom{z-index:3}
.chapter-nav{right:1.7%;gap:8px}
.chapter-nav a{font-variant-numeric:tabular-nums}
.scene-content .eyebrow{letter-spacing:.19em}
@media(max-width:1000px) and (min-width:721px){.scene-chapter .scene-content h2{font-size:2.7rem}.scene-chapter .scene-content{width:45%}.scene-right .scene-content,.scene-right .scene-whisper{left:55%;max-width:37%}}
@media(max-width:720px){
  .scene-chapter,#wall,#dressing,#entryway,#desk{height:145svh}
  #dressing{height:125svh}
  .scene-chapter .scene-content,.scene-right .scene-content,#wall .scene-content,#dressing .scene-content{left:7%;right:8%;width:auto;max-width:none;top:auto;bottom:108px}
  .scene-chapter .scene-content h2{font-size:clamp(1.8rem,7.2vw,3rem);line-height:1.52}
  .scene-chapter .scene-whisper,.scene-right .scene-whisper{left:7%;right:8%;max-width:none;width:auto;top:auto;bottom:132px;font-size:clamp(1.75rem,7vw,2.8rem)}
  .scene-chapter .scene-image{height:76%;object-position:var(--mobile-x,70%) var(--mobile-y,center)}
  #wall .scene-image{height:70%}
  #wardrobe .scene-image{height:72%}
  #desk .scene-image{height:64%}
  #wardrobe .scene-image,#desk .scene-image{object-position:var(--mobile-x,35%) var(--mobile-y,center)}
  .scene-chapter .scene-shade,#wall .scene-shade,#entryway .scene-shade,#desk .scene-shade{background:linear-gradient(0deg,#1b1b15 0%,#1b1b15fa 22%,#1b1b154d 48%,transparent 72%)}
  #desk .scene-shade{background:linear-gradient(0deg,#1b1b15 0%,#1b1b15fa 34%,#1b1b1522 58%,transparent 82%)}
  #wall .scene-stage{background:#11151c}
  #wall .scene-shade{background:linear-gradient(0deg,#11151c 0%,#11151cf7 23%,#11151c20 57%,transparent 80%)}
  .chapter-nav{right:2.5%;gap:6px}
  .scene-content .eyebrow{letter-spacing:.12em}
}
@media(prefers-reduced-motion:reduce){.scene-chapter,#wall,#dressing,#entryway,#desk{height:100svh;min-height:640px}.scene-chapter .scene-image{transform:none!important}}