/* Scroll-led album: pinned reading, staggered photographs, solid backdrop. */
#album { background:#223b35; color:#fff6e5; }
#album .album-split { display:block; width:100%; padding:0; }
.album-story { position:relative; isolation:isolate; }
#album .album-lyrics {
  position:sticky; top:0; z-index:2; width:100%; height:100dvh;
  min-height:0; padding:24px; margin:0;
  display:flex; justify-content:center; align-items:center;
  pointer-events:none; text-shadow:0 2px 12px #10201bd9;
}
#album .album-lyrics > * { animation:none; opacity:1; clip-path:none; filter:none; transform:none; }
#album:not(.is-active) .album-lyrics > h2 { opacity:0; }
body.is-ready #album.is-active .album-lyrics > h2 {
  animation:handwriting-reveal 2.65s cubic-bezier(.16,1,.3,1) .25s both;
}
@media (max-width:720px) {
  body.is-ready #album.is-active .album-lyrics > h2 { animation-duration:1.75s; animation-delay:.1s; }
}
@media (prefers-reduced-motion:reduce) {
  #album .album-lyrics > h2 { opacity:1; }
  body.is-ready #album.is-active .album-lyrics > h2 { animation:none; }
}
#album .album-lyrics h2 { font-size:clamp(42px,5vw,76px); margin:0 0 24px; }
#album .album-verse { max-width:100%; font-family:var(--script); font-size:clamp(28px,3vw,48px); font-weight:400; font-style:normal; line-height:1.65; overflow-wrap:break-word; }
.album-line { display:block; }
#album .album-footer { position:relative; text-align:center; padding:24px 16px 40px; }
#album .album-view-hint { pointer-events:auto; margin:0; min-height:44px; padding:8px 16px; font-size:11px; line-height:1.4; letter-spacing:.04em; white-space:nowrap; background:#223b35e6; }
#album .album-mosaic {
  position:relative; width:94%; height:250dvh; margin:-100dvh auto 0; padding:8dvh 0 12dvh;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:repeat(22,minmax(0,1fr));
  gap:clamp(16px,3vw,40px); aspect-ratio:auto; z-index:0;
}
#album .album-mosaic .memory-stamp {
  position:relative; inset:auto; width:100%; height:100%; margin:0;
  filter:brightness(.67); aspect-ratio:auto; transform-origin:center;
}
#album .album-mosaic .memory-stamp:nth-child(1) { grid-area:1/1/7/2; }
#album .album-mosaic .memory-stamp:nth-child(2) { grid-area:1/2/10/3; }
#album .album-mosaic .memory-stamp:nth-child(3) { grid-area:7/1/16/2; }
#album .album-mosaic .memory-stamp:nth-child(4) { grid-area:10/2/16/3; }
#album .album-mosaic .memory-stamp:nth-child(5) { grid-area:16/1/23/3; }
#album .memory-stamp img { position:absolute; inset:0; }
@media (max-width:720px) {
  #album .album-lyrics { padding:clamp(64px,12dvh,104px) 16px 20px; }
  #album .album-lyrics h2 { font-size:clamp(36px,9vw,56px); margin-bottom:16px; }
  #album .album-verse { font-size:clamp(23px,5.7vw,36px); line-height:1.65; margin:0; }
  /* Give the final full-width photograph enough height for the complete verse. */
  #album .album-mosaic { width:96%; height:205dvh; gap:16px; padding:6dvh 0 8dvh; grid-template-rows:repeat(15,minmax(0,1fr)) repeat(7,minmax(0,1.45fr)); }
}
@media (prefers-reduced-motion:reduce) {
  #album .album-line { opacity:1 !important; transform:none !important; }
  #album .memory-stamp { transform:none !important; }
}