.standout-media-headline-wrapper {
    display: grid;
	overflow: hidden;

    & .standout-media-headline {
        margin: auto;
        display: grid;
        transform-origin: top left;

        & .standout-media-headline_row {
            width: 100%;
            display: flex;
            gap: var(--gap-m);
            align-items: baseline;

            &.standout-media-headline_media-position--right {
                flex-direction: row;
            }

            &:has(.has-slider) {
                align-items: center;
            }

            & .standout-media-headline_media-container {
				display: none;
                width: 100%;
                height: 165px;
                overflow: hidden;
                position: relative;
                flex-shrink: 0;

                & .standout-media-headline_media-element {
                    width: 100%;
                    height: auto;
                    display: block;
                    object-fit: cover;
                    position: absolute;
                    object-position: var(--media-alignment, center);
                    transform: scale(var(--media-scale, 1));
                }
            }

            & .standout-media-headline_text-inner {
                font-family: var(--p-fam);
                font-size: var(--font-size);
                color: var(--block-text-color);
                font-weight: 400;
                line-height: 1;
                white-space: nowrap;

                &.has-slider {
                    align-self: flex-start;

                    & .standout-media-headline_text-content {
                        height: 1.1em;
                        line-height: 1.1em;
                        justify-content: flex-end;
                    }
                }

                & .standout-media-headline_text-content {
                    width: 100%;
                    height: 1.1em;
                    display: flex;
                    flex-direction: column;
                    align-items: center;
                    overflow: hidden;
                    position: relative;

                    & .standout-media-headline_text-slider-element {
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        gap: var(--gap-m);

                        & .standout-media-headline_text-slider-item {
                            position: relative;
                        }
                    }
                }
            }
        }
    }
}


@keyframes pointer-bob {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(10px); }
}

.standout-media-headline-pointer {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 0;

	svg {
		animation: pointer-bob 1.5s ease-in-out infinite;
	}
}
