/* A single composed opening spread: lake / title / verse / onward. */
/* The full-frame film must not inherit the controls' red focus outline. */
#film,#film:focus,#film:focus-visible{outline:none}
/* Quiet, staggered caption entrances; keep lettering optically centered. */
.cover-caption{display:flex;flex-direction:column;align-items:center;text-align:center}
.cover-caption h1{padding-left:.18em;animation:caption-arrive .75s cubic-bezier(.22,.61,.36,1) both}
.cover-caption .cover-enter{display:block;align-self:center;padding-left:calc(22px + .15em);animation:caption-arrive .65s .16s cubic-bezier(.22,.61,.36,1) both}
.chapter .chapter-footer{justify-content:center;text-align:center}
.chapter-footer .continue{animation:caption-arrive .65s .16s cubic-bezier(.22,.61,.36,1) both}
@keyframes caption-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.cover-caption h1,.cover-caption .cover-enter,.chapter-footer .continue{animation:none}}
.lake.chapter{max-width:1680px;min-height:calc(100svh - 85px);padding-bottom:0}
.lake .chapter-body{padding-top:0;min-height:0}
.lake .chapter-heading{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);grid-template-areas:'art title' 'art poem' 'art next';grid-template-rows:1fr auto 1fr;gap:clamp(30px,5svh,65px) clamp(42px,6vw,105px);min-height:calc(100svh - 85px);padding:30px 0 42px;align-items:center}
.lake .lake-window{width:100%;height:clamp(480px,calc(100svh - 165px),850px);max-height:76vw;min-height:0;aspect-ratio:auto;align-self:center}
.lake .chapter-heading h1{align-self:end;width:auto;margin:0;padding:0;font-size:clamp(68px,7.7vw,120px);line-height:1.3;letter-spacing:.02em}
.lake .chapter-heading h1 span+span{margin:0}
.lake .poem{align-self:end;position:static;margin:0;font-size:clamp(25px,2.4vw,36px);line-height:1.95;letter-spacing:.15em;text-align:left}
.lake .poem span+span{margin-left:1.2em}
.lake .chapter-footer{grid-area:next;align-self:start;justify-content:center;margin:0;padding:0}
.lake .chapter-footer .continue{font-size:23px}
.lake .scenography{mask-image:none;opacity:.16}
.lake .scene-ribbon{transform:scaleX(-1);opacity:.65}
@media(max-width:1000px) and (min-width:761px){.lake .chapter-heading{grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);column-gap:32px}.lake .chapter-heading h1{font-size:clamp(60px,7.4vw,76px)}.lake .lake-window{max-height:85vw}}
@media(max-width:760px){
 .lake.chapter{min-height:0;padding-bottom:35px}
 .lake .chapter-heading{min-height:0;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto;grid-template-areas:'title title' 'art art' 'poem next';gap:27px 18px;padding:12px 0 15px}
 .lake .chapter-heading h1{font-size:clamp(39px,9.7vw,70px);line-height:1.35;letter-spacing:.02em}
 .lake .chapter-heading h1 span{display:inline}.lake .chapter-heading h1 span+span{margin-left:.3em}
 .lake .lake-window{height:auto;max-height:none;aspect-ratio:1/1.06;width:100%;margin:0}
 .lake .poem{font-size:clamp(19px,5.2vw,27px);letter-spacing:.08em;line-height:1.8;text-align:left}
 .lake .poem span+span{margin-left:.7em}
 .lake .chapter-footer{align-self:center}.lake .chapter-footer .continue{font-size:18px;letter-spacing:.06em}.lake .chapter-footer .continue span{font-size:26px;margin-left:13px}
}