/* Distinctive page: align with the other about-page reading widths. */
.distinctive-entry__layout {
    display: block !important;
}

.distinctive-entry__content {
    width: min(680px, 100%) !important;
    max-width: 680px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.distinctive-entry__principal-image {
    display: none !important;
}

.distinctive-page__hero-copy {
    padding-left: 72px;
}

.distinctive-page__hero h1 {
    color: var(--navy, #173d6b) !important;
}

@media (max-width: 760px) {
    .distinctive-entry__content {
        width: 100% !important;
        max-width: none !important;
    }

    .distinctive-page__hero-copy {
        padding-left: 0;
    }
}