/* Pop It Play Unified v0.15.3 HF5
   Corrective public heading flow + About-page hero photograph. */

/* HF4's per-word colour treatment is retained, but the H1 itself must occupy
   its own line so eyebrow/kicker labels stay above it rather than flowing inline. */
body.pip-public-hf1 main h1:not(.hero-display) {
    display: block;
    width: fit-content;
    max-width: 100%;
}

/* Kicker/eyebrow labels are labels, not inline title fragments. */
body.pip-public-hf1 main .kicker {
    display: block;
    width: fit-content;
    max-width: 100%;
}

body.pip-public-hf1 main .kicker + h1,
body.pip-public-hf1 main .kicker + h2,
body.pip-public-hf1 main .kicker + h3 {
    margin-top: .18em;
}

/* Keep the supplied portrait focused on Pip and the child inside the landscape hero frame. */
body.pip-public-hf1.pip-slug-about .pip-hf1-hero-photo img {
    object-position: 50% 42%;
}

@media (max-width: 700px) {
    body.pip-public-hf1 main h1:not(.hero-display),
    body.pip-public-hf1 main .kicker {
        width: auto;
    }

    body.pip-public-hf1.pip-slug-about .pip-hf1-hero-photo img {
        object-position: 50% 40%;
    }
}