/* MEV 2.0 — transverse hero scroll cue.
   Explicit on desktop and mobile; never a decorative line without an action label. */

body.mev-hero-scroll-cue-enabled{
	--mev-hero-preview-offset:0px;
}
body.mev-hero-scroll-cue-enabled:has(#wpvibe-preview-banner){
	--mev-hero-preview-offset:56px;
}
.mev-hero-scroll-cue-host{
	--mev-hero-cue-color:#000;
	--mev-hero-cue-shadow:none;
	position:relative;
}
.mev2a-alt-hero.mev-hero-scroll-cue-host,
.mev-page-widescreen.mev-hero-scroll-cue-host{
	--mev-hero-cue-color:#fff;
	--mev-hero-cue-shadow:0 1px 2px rgba(0,0,0,.82),0 4px 18px rgba(0,0,0,.64);
}
.mev-g-scroll-cue.mev-hero-scroll-cue{
	position:absolute!important;
	z-index:18!important;
	left:50%!important;
	bottom:calc(clamp(18px,2.6vh,30px) + var(--mev-hero-preview-offset,0px))!important;
	display:flex!important;
	flex-direction:column!important;
	align-items:center!important;
	justify-content:flex-end!important;
	gap:8px!important;
	width:auto!important;
	min-width:144px!important;
	min-height:72px!important;
	margin:0!important;
	padding:0 12px!important;
	border:0!important;
	border-radius:0!important;
	background:transparent!important;
	color:var(--mev-hero-cue-color)!important;
	cursor:pointer!important;
	opacity:0!important;
	pointer-events:none!important;
	transform:translate(-50%,-8px)!important;
	transition:opacity .45s ease,transform .62s cubic-bezier(.22,.68,.2,1)!important;
}
.mev-g-scroll-cue.mev-hero-scroll-cue.is-visible{
	opacity:1!important;
	pointer-events:auto!important;
	transform:translate(-50%,0)!important;
}
.mev-g-scroll-cue.mev-hero-scroll-cue .mev-g-scroll-cue__label{
	display:block!important;
	max-width:calc(100vw - 32px)!important;
	margin:0!important;
	padding:0!important;
	color:currentColor!important;
	font-family:"General Sans MEV Upright","General Sans",-apple-system,"Helvetica Neue",Arial,sans-serif!important;
	font-size:10px!important;
	font-style:normal!important;
	font-weight:500!important;
	line-height:1.1!important;
	letter-spacing:.1em!important;
	text-align:center!important;
	text-transform:uppercase!important;
	text-shadow:var(--mev-hero-cue-shadow)!important;
	opacity:.94!important;
	white-space:nowrap!important;
}
.mev-g-scroll-cue.mev-hero-scroll-cue .mev-g-scroll-cue__line{
	display:block!important;
	flex:0 0 auto!important;
	width:1px!important;
	height:44px!important;
	margin:0!important;
	background:currentColor!important;
	box-shadow:var(--mev-hero-cue-shadow)!important;
	opacity:.94!important;
	transform:scaleY(1)!important;
	transform-origin:top!important;
	animation:mev-hero-cue-pulse 4.8s ease-in-out infinite!important;
	transition:transform .3s ease,opacity .3s ease!important;
}
.mev-g-scroll-cue.mev-hero-scroll-cue:hover .mev-g-scroll-cue__line,
.mev-g-scroll-cue.mev-hero-scroll-cue:focus-visible .mev-g-scroll-cue__line{
	animation:none!important;
	opacity:1!important;
	transform:scaleY(1.16)!important;
}
.mev-g-scroll-cue.mev-hero-scroll-cue:focus-visible{
	outline:1px solid currentColor!important;
	outline-offset:4px!important;
}
@keyframes mev-hero-cue-pulse{
	0%,70%,100%{transform:scaleY(1)}
	85%{transform:scaleY(1.16)}
}

body.mev-page-widescreen-active .mev-page-widescreen .mev-g-scroll-cue.mev-hero-scroll-cue{
	bottom:calc(4.5% + var(--mev-hero-preview-offset,0px))!important;
}
body.mev-page-widescreen-active .mev-page-widescreen .mev-g-scroll-cue.mev-hero-scroll-cue .mev-g-scroll-cue__label{
	font-weight:500!important;
}

/* Existing widescreens used to hide the only explanatory word on mobile. */
@media(max-width:1023px){
	body.mev-page-widescreen-active .mev-page-widescreen .mev-g-scroll-cue.mev-hero-scroll-cue{
		width:auto!important;
		min-width:132px!important;
		height:auto!important;
		min-height:72px!important;
		padding-inline:10px!important;
	}
	body.mev-page-widescreen-active .mev-page-widescreen .mev-g-scroll-cue.mev-hero-scroll-cue .mev-g-scroll-cue__label{
		display:block!important;
	}
	body.mev-page-widescreen-active .mev-page-widescreen .mev-g-scroll-cue.mev-hero-scroll-cue .mev-g-scroll-cue__line{
		height:48px!important;
	}
	.mev2a-alt-hero.mev-hero-scroll-cue-host:not(.mev-page-widescreen) .mev-hero-scroll-cue{
		top:calc(100dvh - 100px - var(--mev-hero-preview-offset,0px))!important;
		bottom:auto!important;
		min-width:132px!important;
		min-height:72px!important;
	}
}
@media(max-width:1023px) and (min-height:500px){
	body.mev-page-widescreen-active .mev-page-widescreen .mev-g-scroll-cue.mev-hero-scroll-cue{
		top:calc(100dvh - 100px - var(--mev-hero-preview-offset,0px))!important;
		bottom:auto!important;
	}
}

/* The once-per-session First Touch must communicate the same action, not only show an arrow. */
.mev-first-touch__cue.mev-first-touch__cue--arrowonly{
	flex-direction:column!important;
	gap:8px!important;
	width:auto!important;
	min-width:132px!important;
	height:72px!important;
	font-size:0!important;
}
.mev-first-touch__cue.mev-first-touch__cue--arrowonly>span{
	display:none!important;
}
.mev-first-touch__cue.mev-first-touch__cue--arrowonly::before{
	content:attr(aria-label);
	display:block;
	color:currentColor;
	font-family:"General Sans MEV Upright","General Sans",-apple-system,"Helvetica Neue",Arial,sans-serif;
	font-size:10px;
	font-style:normal;
	font-weight:500;
	line-height:1.1;
	letter-spacing:.1em;
	text-align:center;
	text-transform:uppercase;
	white-space:nowrap;
}
.mev-first-touch__cue.mev-first-touch__cue--arrowonly::after{
	content:"";
	display:block;
	width:1px;
	height:44px;
	background:currentColor;
	transform-origin:top;
	animation:mev-hero-cue-pulse 4.8s ease-in-out infinite;
}
.mev-first-touch__cue.mev-first-touch__cue--arrowonly:hover::after,
.mev-first-touch__cue.mev-first-touch__cue--arrowonly:focus-visible::after{
	animation:none;
	transform:scaleY(1.16);
}

@media(prefers-reduced-motion:reduce){
	.mev-g-scroll-cue.mev-hero-scroll-cue,
	.mev-g-scroll-cue.mev-hero-scroll-cue .mev-g-scroll-cue__line,
	.mev-first-touch__cue.mev-first-touch__cue--arrowonly::after{
		transition:none!important;
		animation:none!important;
	}
}