/* Venue 92 hero: the looping video under the transparent header, its poster, the at-a-glance band and the entrance.
   Loaded only on pages with a hero. Motion: transform and opacity only, once on load, `backwards` fill (the finished
   state is the page's own state), nothing under prefers-reduced-motion (the poster shows instead of the video),
   never in the editor. Tokens only (raw: 0, hairlines, image focus). */

:root { --vn-header-h: var(--wp--custom--layout--header-height-mobile); }
@media (min-width: 1024px) { :root { --vn-header-h: var(--wp--custom--layout--header-height); } }

/* ---------- the hero cover ---------- */
.wp-block-cover.vn-hero { min-height: min(100svh, 920px) !important; padding: 0 !important; align-items: flex-end; }
.vn-hero--under-header.vn-hero--under-header { margin-top: calc(-1 * var(--vn-header-h)) !important; }
/* a Cover with a content position forces its inner container to width:auto (core, stronger selector): reset it so the
   copy and the glance band sit on the site's wide edge */
.wp-block-cover.vn-hero.has-custom-content-position[class*="is-position-"] .wp-block-cover__inner-container,
.wp-block-cover.vn-hero .wp-block-cover__inner-container { width: 100%; max-width: none; margin: 0; padding: 0; }
.vn-hero .vn-hero__copy, .vn-hero .vn-glance-band { padding-left: var(--wp--style--root--padding-left); padding-right: var(--wp--style--root--padding-right); }
.vn-hero .wp-block-cover__video-background, .vn-hero .vn-hero__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; filter: saturate(0.85) brightness(0.62); }
.vn-hero .vn-hero__poster { z-index: 0; }
.vn-hero .wp-block-cover__video-background { z-index: 0; }
.vn-hero .wp-block-cover__background { z-index: 1; }
.vn-hero .wp-block-cover__inner-container { z-index: 2; }
@media (max-width: 781px) {
	.wp-block-cover.vn-hero { min-height: 844px !important; }
	.vn-hero .wp-block-cover__background { background: var(--wp--custom--scrim--hero-dark-mobile) !important; }
	.vn-hero .wp-block-buttons { flex-direction: column; align-items: stretch; }
	.vn-hero .wp-block-button__link { width: 100%; }
}
@media (prefers-reduced-motion: reduce) { .vn-hero .wp-block-cover__video-background { display: none; } }

/* the copy on the site's wide edge, under the header */
.vn-hero__copy { padding-top: calc(var(--vn-header-h) + var(--wp--preset--spacing--60)); padding-bottom: var(--wp--preset--spacing--60); }

/* ---------- at a glance: four facts in a band at the foot of the hero ---------- */
.vn-glance-band { border-top: var(--wp--custom--border--hairline) solid color-mix(in srgb, var(--wp--preset--color--on-accent) 16%, transparent); background: color-mix(in srgb, var(--wp--preset--color--accent-3) 72%, transparent); }
.vn-glance { gap: 0 !important; grid-template-columns: repeat(2, 1fr) !important; }
.vn-glance > * { padding: var(--wp--preset--spacing--40); border-left: var(--wp--custom--border--hairline) solid color-mix(in srgb, var(--wp--preset--color--on-accent) 16%, transparent); margin: 0 !important; }
.vn-glance > :nth-child(odd) { padding-left: 0; border-left: 0; }
.vn-glance > :nth-child(n + 3) { border-top: var(--wp--custom--border--hairline) solid color-mix(in srgb, var(--wp--preset--color--on-accent) 16%, transparent); }
@media (min-width: 782px) {
	.vn-glance { grid-template-columns: repeat(4, 1fr) !important; }
	.vn-glance > :nth-child(n) { border-top: 0 !important; padding-left: var(--wp--preset--spacing--40); border-left: var(--wp--custom--border--hairline) solid color-mix(in srgb, var(--wp--preset--color--on-accent) 16%, transparent); }
	.vn-glance > :first-child { padding-left: 0; border-left: 0; }
}
.vn-glance p { margin: 0; }

/* ---------- entrance (vn-anim--<name> on the hero) ---------- */
@keyframes vn-fade { from { opacity: 0; } }
@keyframes vn-rise { from { opacity: 0; translate: 0 var(--wp--custom--motion--rise); } }
@media (prefers-reduced-motion: no-preference) {
	:where(body:not(.editor-styles-wrapper)) .vn-anim--fade .vn-hero__copy { animation: vn-fade var(--wp--custom--transition--reveal) backwards; }
	:where(body:not(.editor-styles-wrapper)) .vn-anim--rise .vn-hero__copy > * > * { animation: vn-rise var(--wp--custom--transition--reveal) backwards; }
	:where(body:not(.editor-styles-wrapper)) .vn-anim--rise .vn-hero__copy > * > :nth-child(2) { animation-delay: var(--wp--custom--transition--reveal-step); }
	:where(body:not(.editor-styles-wrapper)) .vn-anim--rise .vn-hero__copy > * > :nth-child(3) { animation-delay: calc(var(--wp--custom--transition--reveal-step) * 2); }
	:where(body:not(.editor-styles-wrapper)) .vn-anim--rise .vn-hero__copy > * > :nth-child(n + 4) { animation-delay: calc(var(--wp--custom--transition--reveal-step) * 3); }
}