/* Movimento guiado pela rolagem, preservando a leitura. */
main figure{overflow:hidden}
.photo-button img{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.085);transition:transform .35s ease-out}
.photo-button:hover img{transform:translate3d(0,var(--photo-shift,0px),0) scale(1.115)}
.reveal{transition-duration:1.25s;transform:translateY(38px)}
.reveal.visible{transform:translateY(0)}
.copy .rule{transform:scaleX(0);transform-origin:center;transition:transform 1.4s ease .2s}
.copy .rule.visible{transform:scaleX(1)}
.names .name-line{display:block;font-family:Quintessential,Georgia,serif;font-size:1em;font-style:normal;line-height:1.2;clip-path:inset(0 100% 0 -10%);transform:translateY(12px);transition:clip-path 1.6s cubic-bezier(.25,.6,.3,1),transform 1.6s ease}
.names .name-line:last-child{transition-delay:.5s}
.names.ink-visible .name-line{clip-path:inset(-10% -10% -20% -10%);transform:translateY(0)}
.signature{clip-path:inset(0 100% 0 -5%);transition:clip-path 1.8s ease .3s,opacity 1s,transform 1s}
.signature.ink-visible{clip-path:inset(-10% -10% -20% -10%)}
.verse blockquote .verse-line{display:block;opacity:0;transform:translateY(24px);transition:opacity 1.2s ease,transform 1.2s ease;transition-delay:var(--line-delay)}
.verse blockquote.ink-visible .verse-line{opacity:1;transform:translateY(0)}
.chapter-turn{display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;margin:30px auto 0;text-decoration:none;font-size:12px;font-family:Georgia,serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.chapter-turn span{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;font-size:21px;transition:transform .3s,background .3s}
.chapter-turn:hover span{transform:translateY(5px);background:#dfcdb650}
.chapter-turn:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.action{position:relative}.action::after{content:'';position:absolute;bottom:0;width:30px;height:1px;background:var(--line);transform:scaleX(0);transition:transform .3s}.action:hover::after{transform:scaleX(1)}
#welcome:focus{outline:none}
@media(prefers-reduced-motion:reduce){.photo-button img,.photo-button:hover img{transform:none}.names .name-line,.signature{clip-path:none;transform:none}.verse blockquote .verse-line{opacity:1;transform:none}.copy .rule{transform:none}}