.page-hero{
    padding: var(--block-margin) 0;
}

.page-hero-breadcrumbs li a:is(:hover, :focus, :active){
    text-decoration: underline;
}

.page-hero .page-hero-wrapper .page-hero-inner h1{
    font: var(--font-headline-2);
}

.page-hero[data-content-width="below"]{
    padding-top: calc(var(--block-margin) * 3);
}

.page-hero[data-content-width="below"] :is(.page-hero-image img, .page-hero-video-player :is(iframe, video)){
    opacity: 1;
}

.page-hero[data-content-width="below"] .page-hero-wrapper{
    width: var(--wide-width);
}

.page-hero[data-content-width="below"] .page-hero-wrapper .page-hero-inner{
    background: var(--background-color);
    padding: 3.6rem;
    max-width: 59rem;
    border-radius: var(--element-border-radius);
}

.page-hero[data-content-width="beside"]{
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    column-gap: var(--column-gap);
    row-gap: var(--row-gap);
    align-items: center;
}

.page-hero[data-content-width="beside"] :is(.page-hero-media, .page-hero-wrapper){
    width: var(--wide-width);
    margin: 0 auto;
}

.page-hero[data-content-width="beside"] .page-hero-media{
    position: relative;
    top: unset;
    left: unset;
    pointer-events: all;
    border-radius: var(--element-border-radius);
    aspect-ratio: 1;
}

.page-hero[data-content-width="beside"] :is(.page-hero-image img, .page-hero-video-player :is(iframe, video)){
    opacity: 1;
}

@media (min-width: 992px){
    .page-hero[data-content-width="beside"]{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .page-hero[data-content-width="beside"] :is(.page-hero-media, .page-hero-wrapper){
        width: calc((var(--wide-width) / 2) - (var(--column-gap) / 2));
    }

    .page-hero[data-content-width="beside"] .page-hero-wrapper{
        margin: 0 0 0 auto;
    }

    .page-hero[data-content-width="beside"] .page-hero-media{
        order: 2;
        margin: 0;
    }
}