/* The same centred GIF, quote and signature composition at every screen size. */
.es-parallax { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; box-sizing: border-box; min-height: 100svh; padding: clamp( 3rem, 6svh, 6rem ) 1.125rem; background: var( --wp--preset--color--base, #f0eeed ); color: var( --wp--preset--color--contrast, #3d251d ); }
.es-parallax__media { flex: none; width: min( 21rem, 36svh, 62vw ); }
.es-parallax__media img { display: block; width: 100%; height: auto; }
.es-parallax blockquote { width: min( 42.5rem, 80% ); margin: clamp( 3rem, 8svh, 6rem ) 0 0; font-family: var( --wp--preset--font-family--body, "work-sans", Arial, sans-serif ); font-size: 2rem; font-style: normal; font-weight: 400; letter-spacing: -0.015625rem; line-height: 1.2; text-align: center; }
.es-parallax__signature { width: 6rem; margin: 1.75rem 0 0; }
.es-parallax__signature img { display: block; width: 100%; height: auto; filter: brightness( 0 ) saturate( 100% ) invert( 32% ) sepia( 36% ) saturate( 811% ) hue-rotate( 335deg ); }
@media ( width < 768px ) {
	.es-parallax { justify-content: flex-start; padding: 35.25vw 0 2.25rem; }
	.es-parallax__media { width: 62%; }
	.es-parallax blockquote { margin-top: 26.5vw; font-size: 1.375rem; }
}
.es-parallax--editor { min-height: 0; padding: 3rem 1.125rem; }
.es-parallax--editor .es-parallax__media { width: min( 14rem, 50% ); }
.es-parallax--editor blockquote { margin-top: 2rem; font-size: clamp( 1.25rem, 2.5vw, 2rem ); }
.es-parallax--preview { min-height: 0; aspect-ratio: 16 / 9; padding: 1rem; overflow: hidden; }
.es-parallax--preview .es-parallax__media { width: 17%; }
.es-parallax--preview blockquote { margin-top: 1rem; font-size: 1rem; }
.es-parallax--preview .es-parallax__signature { width: 3.5rem; margin-top: 0.5rem; }