.configurable-page-hero {
    padding-top: var(--hero-top);
    padding-bottom: var(--hero-bottom);
    background: linear-gradient(125deg, var(--hero-start), var(--hero-end));
    color: var(--hero-text);
    font-family: var(--hero-family);
}

.configurable-page-hero .page-hero-inner {
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px;
}

.page-hero-width-narrow { max-width: 760px; }
.page-hero-width-standard { max-width: 1160px; }
.page-hero-width-wide { max-width: 1440px; }
.page-hero-width-full { max-width: none; width: 100%; }
.page-hero-align-left { text-align: left; }
.page-hero-align-center { text-align: center; }
.page-hero-align-right { text-align: right; }

.configurable-page-hero .eyebrow { color: var(--hero-accent); }
.configurable-page-hero h1 {
    margin: 8px 0;
    color: var(--hero-text);
    font-family: inherit;
    font-size: var(--hero-title-size);
    font-weight: var(--hero-title-weight);
}
.configurable-page-hero p {
    max-width: 760px;
    margin-top: 14px;
    margin-bottom: 0;
    color: var(--hero-text);
    font-size: var(--hero-copy-size);
    opacity: .9;
}
.page-hero-align-center p { margin-left: auto; margin-right: auto; }
.page-hero-align-right p { margin-left: auto; }

@media (max-width: 700px) {
    .configurable-page-hero h1 { font-size: min(var(--hero-title-size), 38px); }
}