/* Produce Like You v0.4
   Deliberately loaded AFTER the main theme stylesheet.
   New filename bypasses stale host/browser cache from earlier builds.
*/

/* HERO: only the period is orange. It stays attached to YOU. */
.ply-hero__title {
    line-height: .94 !important;
}

.ply-hero__title > span {
    display: block !important;
}

.ply-hero__title .ply-hero__you {
    color: var(--ply-ink) !important;
    white-space: nowrap !important;
}

.ply-hero__title .ply-hero__you > .ply-dot {
    display: inline !important;
    position: static !important;
    width: auto !important;
    height: auto !important;
    margin: 0 0 0 .015em !important;
    padding: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    color: var(--ply-red) !important;
    font: inherit !important;
    line-height: inherit !important;
    vertical-align: baseline !important;
    transform: none !important;
}

/* Kill any legacy standalone decorative dot from earlier builds. */
.ply-hero__content > .ply-dot,
.ply-hero__content > .ply-hero__dot,
.ply-hero__content > .ply-dot--standalone,
.ply-hero__content > .ply-hero__accent-dot,
.ply-hero__title + .ply-dot,
.ply-hero__title + .ply-hero__dot {
    display: none !important;
}

/* Slightly more breathing room below the title. */
.ply-hero__intro {
    margin-top: 3rem !important;
}

/* Mobile keeps the same logic with comfortable spacing. */
@media (max-width: 760px) {
    .ply-hero__title {
        line-height: .96 !important;
    }

    .ply-hero__intro {
        margin-top: 2.25rem !important;
    }
}