section#hero.hero--default {
    position: relative;
    height: 100svh;
    width: 100%;

    display: flex;
    justify-content: center;
    align-items: center;

    padding: 0;

    overflow: hidden;

    .headline--hero {
        position: absolute;
        bottom: 0;
        right: 0;

        margin: 0;
        padding: 0;

        font-family: var(--font-family-base);
        color: var(--grey-dark);
        font-size: 17vw;
        line-height: 0.77;

        opacity: 1;
        text-shadow: 0 1px 2px var(--grey-medium);
    }

    .abstract {
        padding: 0 calc(var(--gutter-width) * 2);

        color: var(--white);
        font-size: var(--font-size-abstract);

        @media(min-width: 992px) {
            padding: 0;
        }
    }
}