/* Front-page-only progressive motion. The ready class is added by JavaScript,
 * so no-JS and reduced-motion users always receive the fully visible layout. */
@media (prefers-reduced-motion: no-preference) {
	html.dscr-home-motion-ready body.home .dscr-home .reveal-on-scroll {
		opacity: 0;
		transform: translateY(24px);
		transition: opacity 0.7s ease, transform 0.7s ease;
	}

	html.dscr-home-motion-ready body.home .dscr-home .reveal-on-scroll.is-visible {
		opacity: 1;
		transform: translateY(0);
	}

	body.home .dscr-home__hero-media img {
		animation: dscr-home-hero-settle 1.35s cubic-bezier(0.2, 0.75, 0.25, 1) both;
	}

	@media (max-width: 1023px) {
		body.home .dscr-announcement {
			overflow: visible;
		}

		body.home .dscr-announcement__text {
			width: 100%;
			min-width: 0;
			white-space: normal;
			animation: none;
			text-wrap: balance;
			overflow-wrap: anywhere;
		}
	}

	@media (min-width: 1024px) {
		html.dscr-home-loops-ready body.home .dscr-home__media-loop-row[data-dscr-loop-ready="true"] {
			display: flex;
			width: max-content;
			gap: 0;
			animation: dscr-home-media-scroll 30s linear infinite;
			transform: translate3d(0, 0, 0);
			will-change: transform;
		}

		html.dscr-home-loops-ready body.home .dscr-home__media-loop-row--slow[data-dscr-loop-ready="true"] {
			animation-duration: 120s;
		}

		html.dscr-home-loops-ready body.home .dscr-home__media-loop-row[data-dscr-loop-ready="true"]:hover {
			animation-play-state: paused;
		}

		html.dscr-home-loops-ready body.home .dscr-home__loop-media {
			flex: 0 0 clamp(220px, 22vw, 340px);
			margin-right: var(--wp--preset--spacing--20) !important;
		}
	}

	@keyframes dscr-home-hero-settle {
		from { transform: scale(1.075); filter: saturate(0.88) brightness(0.86); }
		to { transform: scale(1); filter: saturate(1) brightness(1); }
	}

	@keyframes dscr-home-notice-marquee {
		from { transform: translateX(100%); }
		to { transform: translateX(-100%); }
	}

	@keyframes dscr-home-media-scroll {
		from { transform: translate3d(0, 0, 0); }
		to { transform: translate3d(calc(-1 * var(--dscr-home-loop-distance, 0px)), 0, 0); }
	}
}