.fullscreen-media-badge-btns-headline {
    grid-template-rows: 1fr auto auto;
}

.fullscreen-media-badge-btns-headline .media-container {
    grid-area: 1/1/span 3/span 14;
    height: 100%;
    min-height: calc(100vh - var(--header-height));
    min-height: calc(100svh - var(--header-height));
    margin: 0 var(--grid-gap);
}

.fullscreen-media-badge-btns-headline .logo-icon {
    grid-area: 1/2/1/span 12;
}

.fullscreen-media-badge-btns-headline .btns-container {
    grid-area: 2/2/2/span 12;
    z-index: 1;
    margin-right: max(32px, 5.625vw);
}

.fullscreen-media-badge-btns-headline .scroll-btn {
    grid-area: 3/7/3/span 2;
    display: block;
    width: var(--m-sm);
    aspect-ratio: 60/115;
    mask: url(../../img/arrow-scroll.svg) no-repeat center/contain;
    -webkit-mask: url(../../img/arrow-scroll.svg) no-repeat center/contain;
    background: var(--white);
}


.fullscreen-media-badge-btns-headline .headline {
    grid-area: 3/2/3/span 13;
	z-index: 1;
	margin-right: max(calc(var(--grid-gap) * 2), var(--grid-padding));
}

.fullscreen-media-badge-btns-headline:has(.scroll-btn) .headline {
    grid-area: 3/10/3/span 5;
}

@media (min-width: 768px) {
    body:has(.contrast-toggle.active) .fullscreen-media-badge-btns-headline .headline {
        text-shadow: 0px 0px .075em var(--black);
    }
}

@media (max-width: 767.98px) {
    .fullscreen-media-badge-btns-headline .media-container {
        margin: 0;
        aspect-ratio: 375/350;
        min-height: unset;
        height: auto;
    }

    .fullscreen-media-badge-btns-headline .headline,
    .fullscreen-media-badge-btns-headline:has(.scroll-btn) .headline {
        grid-area: 4/2/4/span 12;
        justify-self: center;
        text-align: center;
        margin: var(--m-md) 0 0;
        color: var(--black);
    }

    .fullscreen-media-badge-btns-headline .scroll-btn {
        grid-area: 5/2/5/span 13;
        background: var(--black);
        margin-top: var(--m-sm);
        margin-bottom: 0;
    }

    .fullscreen-media-badge-btns-headline .btns-container {
        margin-right: 0;
    }
}