.fogged-video{position:relative;display:flex;flex-direction:column-reverse;align-items:center;justify-content:end;flex:0 0 auto;max-width:100%;width:100%;.fogged-video__fog {
    position: absolute;
		width: calc(100% + 2px);
		height: calc(100% + 2px);
		margin-bottom: -1px;
		margin-left: -1px;
    z-index: 1;
    background: linear-gradient(0deg, #ffffff, transparent);
    mask-image: linear-gradient(0deg, rgb(255, 255, 255) 33%, transparent);
    backdrop-filter: blur(10px);

		@media screen and (max-width: 760px) {
			display: none;
		}
	}

	.fogged-video__text {
		flex: 1 1 50%;
		padding: 16px;
    z-index: 2;
    position: absolute;
		text-shadow: 0px 0px 0px #00000094, 0px 0px 2px #ffffff94;

		@media screen and (max-width: 760px) {
			position: relative;
			margin-top: 16px;
			padding: 16px 0;
		}
	}

	video {
		width: 100%;
		aspect-ratio: 16/9;

		@media screen and (min-width: 760px) {
			container: fogged-video / inline-size;
		}
	}
}body:not(.wp-admin) {.group-fogged-video-plus-paragraph {
		.fogged-video__text {
			display: none;
		}
	}

	@media screen and (min-width: 760px) {
		.group-fogged-video-plus-paragraph {
			padding: 0 16px;
			width: 100%;

			.fogged-video {
				max-width: calc(100% + 32px);
				width: calc(100% + 32px);
				z-index: -1;
				margin-left: -16px;
			}

			.fogged-video + div {
				container-type: scroll-state;
				container-name: fogged-video-following-content;
				text-shadow: 0px 0px 0px #00000094, 0px 0px 2px #ffffff94;

				:first-child {
					margin-top: -15cqh;

					@container (height <= 200px) {
						margin-top: -200px;
					}
				}
			}
		}
	}
}