.standard-hero {
    padding-top:65px; 
    height:440px; 
}

.sh-content {
    max-width: 730px;
}
@media only screen and (max-width: 991px) {
    .standard-hero {
        padding-top:32px;
    }
}
@media only screen and (max-width: 575px) {
    .sh-content {
        max-width: 100%;
    }
}

/* Gradient headings (Styles > Gradient headings? + Heading gradient)
   Colours come from variables.css (loaded globally in base.html). */
.standard-hero .sh-gradient-text {
    color: var(--orange); /* fallback: solid brand colour */
}
@supports (-webkit-background-clip: text) or (background-clip: text) {
    .standard-hero .sh-gradient-text {
        /* orange to blue is the default, so pages saved before the dropdown existed keep it */
        background-image: linear-gradient(90deg, var(--orange-gradient-double));
        -webkit-background-clip: text;
                background-clip: text;
        -webkit-text-fill-color: transparent;
        color: transparent;
        /* full gradient on every line of a wrapping heading */
        -webkit-box-decoration-break: clone;
                box-decoration-break: clone;
        /* stop descenders (g, y, p) being clipped */
        padding-bottom: 0.1em;
    }
    .standard-hero .sh-gradient-text--orange {
        background-image: linear-gradient(90deg, var(--orange-gradient));
    }
    .standard-hero .sh-gradient-text::selection,
    .standard-hero .sh-gradient-text *::selection {
        -webkit-text-fill-color: #fff;
        background: var(--orange);
    }
}
@media (forced-colors: active) {
    .standard-hero .sh-gradient-text {
        background-image: none;
        -webkit-text-fill-color: CanvasText;
        color: CanvasText;
    }
}