.VP   { position: fixed; right: 0; left: 0; margin: auto; grid-template-rows: auto 1fr; padding: 5em 2em 4em; }

.oneline.wide { width: fit-content; max-width: 100%; margin: 1em auto 0 5em; grid-gap: 1em; }


main > .bkg                 { position: fixed; z-index: -1; }
main > .bkg + .veil         { position: fixed !important; z-index: -1; }
main > .bkg + .veil + div   { max-height: 100vh; overflow: scroll; padding: 7em 2em; }

p.quote                             { position: relative; }

@media only screen and (max-width: 609px) {
    .VP                         { text-align: left; padding-top: 4.5em; }
    main > .bkg + .veil + div   { padding: 5em 1.5em; }
}


@media only screen and (max-width: 421px) {
    .VP                         { text-align: left; padding-top: 4.5em; }
    main > .bkg + .veil + div   { padding: 4em 1em; }
}