/* Brand accents: #333366, #ff6699, #f5f7f9 */

.hero-slab {
    background: linear-gradient(135deg, #2a2d5c 0%, #333366 40%, #4a4e8a 100%);
    min-height: 28vh;
    display: flex;
    align-items: center;
}

/* Break out to viewport width when nested inside constrained layouts */
.hero-full-bleed {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    left: auto;
    right: auto;
    box-sizing: border-box;
}

.hero-photo {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.hero-photo__stack {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 40vh;
}

@media screen and (min-width: 774px) {
    .hero-photo__stack {
        min-height: 45vh;
    }
}

.content-block {
    color: #323232;
}

.section-alt {
    background-color: #f5f7f9;
}

a {
    color: #333366;
}

a:hover {
    color: #ff6699;
}

.text-shadow-hero {
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.65), 0 0 24px rgba(0, 0, 0, 0.35);
}