/* Individual transform properties preserve each component's own pose. */
.scroll-arrival{translate:var(--arrival-x,0px) var(--arrival-y,0px);rotate:var(--arrival-turn,0deg);scale:var(--arrival-scale,1);transform-origin:50% 60%}
.kinetic-word{position:relative;display:inline-block;vertical-align:baseline;white-space:nowrap;isolation:isolate}
.kinetic-word:after{content:'';position:absolute;inset:.14em -.01em .07em;border-radius:999px;background:currentColor;opacity:0;pointer-events:none}
.kinetic-word.is-block .kinetic-ink{visibility:hidden}
.kinetic-word.is-block:after{opacity:.24}
/***** English copy proportions *****/
html[lang=en] p{word-break:normal}
html[lang=en] .bible-intro h2,html[lang=en] .bible-stories h2,html[lang=en] .bible-companions h2,html[lang=en] .bible-sound h2{font-family:var(--display);font-size:clamp(55px,7vw,106px);letter-spacing:0;line-height:1}
html[lang=en] .look-info h3{font-size:clamp(40px,5.3vw,80px)}
html[lang=en] .mood-panel h3{font-size:clamp(30px,3.8vw,55px)}
@media(max-width:760px){html[lang=en] .bible-intro h2,html[lang=en] .bible-stories h2,html[lang=en] .bible-companions h2,html[lang=en] .bible-sound h2{font-size:12vw}html[lang=en] .look-info h3{font-size:46px}html[lang=en] .hero-sticker{font-size:12px}html[lang=en] .book-heading h2{font-size:8vw}html[lang=en] .mood-panel h3{font-size:32px}html[lang=en] .book-stories summary{font-size:17px}}

@media(prefers-reduced-motion:reduce){.scroll-arrival{translate:none!important;rotate:none!important;scale:none!important}.kinetic-word.is-block .kinetic-ink{visibility:visible}.kinetic-word:after{display:none!important}}

html{overflow-x:clip}

@media(prefers-reduced-motion:reduce){.kinetic-word,.text-chip,.inline-symbol{translate:none!important;rotate:none!important;scale:none!important}}

/* A coloured word becomes its own solid colour, never a grey overlay. */
.text-chip .kinetic-word:after{display:none}
.text-chip.is-color-block{border-radius:999px}
.text-chip.is-color-block .kinetic-ink{visibility:hidden}
.symbol-glyph{display:inline-block;transform-origin:50% 55%;line-height:1}
@media(prefers-reduced-motion:reduce){.text-chip.is-color-block .kinetic-ink{visibility:visible}.text-chip{opacity:1!important}.symbol-glyph{translate:none!important;rotate:none!important;scale:none!important}}

/* Vector symbols avoid platform-specific colour emoji on iOS. */
.plain-symbol{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;color:inherit;overflow:visible}.inline-symbol .symbol-glyph{display:flex;align-items:center;justify-content:center;width:.8em;height:.8em}.inline-symbol .plain-symbol{width:100%;height:100%;vertical-align:0}