/* living/living.css: one tall passage per word; the stage sticks while the visitor moves through its stops. */
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.passage{position:relative}
.passage + .passage{border-top:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.stage{position:sticky;top:calc(50vh - min(17vw,190px));margin:0 auto;width:min(1120px,calc(100vw - 32px));aspect-ratio:1120 / 380}
.stage canvas{display:block;width:100%;height:100%}
.stage .word{position:absolute;left:0;top:0;margin:0;white-space:pre;color:transparent;font-family:var(--face-display);font-weight:700;line-height:1;font-kerning:normal;font-synthesis:none;letter-spacing:0}
.stage .word::selection{background:color-mix(in srgb,var(--ink) 22%,transparent);color:transparent}
.plain .stage canvas{visibility:hidden}.plain .stage .word{color:var(--ink)}