.events-scroll-hint{display: none;}

@media (max-width: 992px) {
	.hero-grid {
		grid-template-columns: 1fr;
		gap: 60px;
	}
	.hero-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.form-card {
		width: 100%;
		max-width: 500px;
	}
	
	.split-grid {
		grid-template-columns: 1fr;
		gap: 40px;
	}
	.referral-grid {
		grid-template-columns: 1fr;
	}
	.clip-slider{
		--clips-per-view: 3;
	}
	.advantage-row {
		grid-template-columns: 1fr;
	}
	/* Stacked cards always lead with the artwork. */
	.advantage-row--reverse .advantage-row__media {
		order: 0;
	}
	.advantage-row__body {
		padding: 24px 26px 28px;
	}
	.advantage-row__copy p {
		max-width: none;
	}
	/* The 15% side margins leave almost no room once the container padding
	   is in play, so the copy runs the full width from here down. */
	.section-layout.what p,
	.section-layout.dark p,
	.section-layout.dark h3,
	.section-layout.dark h4 {
		margin-left: 0;
		margin-right: 0;
	}
	.events-scroll-shell{
		position: relative;
	}
	.events-scroll-hint{
		position: absolute;
		top: 50%;
		right: 8px;
		z-index: 5;
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 2px;
		padding: 12px 9px 10px;
		border: 1px solid rgba(255, 255, 255, 0.18);
		border-radius: 18px;
		background: rgba(17, 17, 17, 0.78);
		color: #fff;
		box-shadow: 0 12px 28px rgba(0, 0, 0, 0.22);
		backdrop-filter: blur(10px);
		-webkit-backdrop-filter: blur(10px);
		pointer-events: none;
		transform: translateY(-50%);
		animation: events-scroll-hint-nudge 1.5s ease-in-out infinite;
		transition: opacity .35s ease, transform .35s ease;
	}
	.events-scroll-hint span{
		font-size: 10px;
		font-weight: 700;
		letter-spacing: 0.16em;
		text-transform: uppercase;
		line-height: 1;
		white-space: nowrap;
	}
	.events-scroll-hint svg{
		width: 22px;
		height: 22px;
	}
	.events-scroll-hint.is-hidden{
		opacity: 0;
		transform: translate(10px, -50%);
		animation: none;
	}
	.et-mob{
		width: 100%;
		overflow-x: auto;
	}
	.events-table{
		width: 1300px;
	}
	.events-section--past .et-mob{
		overflow-x: visible;
	}
	.events-section--past .events-table{
		width: 100%;
	}
	.mlslider{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 640px) {
	.hero.nowel{padding: 20px 0;}
	header{padding: 15px 0;}
	header .container{padding: 0 15px;}
	.logo{width: 40%;}
	.nav-links{gap: 10px}
	.nav-links a{font-size: 3.4vw;}
	.btn-waitlist-nav{padding: 5px 10px;}
	/* The sticky state shrinks the desktop header, but its 160px logo is
	   wider than the mobile one, so scrolling made the header grow. */
	header.is-sticky{padding: 15px 0;}
	header.is-sticky .logo{width: 40%;}
	header.is-sticky .btn-waitlist-nav{padding: 5px 10px;}
	.language{
		border-color: transparent;
		border-radius: 0;
		background: transparent;
	}
	.language img{width: 24px;}
	.languageSelect{width: 140px;}
	.hero{padding: 30px 0;}
	.hero-grid{gap: 30px}
	.hero-content h1 {
		font-size: 38px;
	}
	.here-overlay{font-size: 7.5vw;}
	.badges-grid {
		grid-template-columns: 1fr;
		gap: 16px;
	}
	.social-share-row {
		grid-template-columns: repeat(2, 1fr);
	}
	.section-title {
		font-size: 7.5vw;
	}
	.play-btn a i.fa-play{font-size: 8vw;}
	.live-cal{width: 96%;}
	.btn-col h5{font-size: 6vw;}
	ul.live-sm{margin: 30px 0;}
	.live-sm li{width: 100%;margin: 10px 0;}
	.section-layout{padding: 40px 0;}
	.section-layout.dark h3{font-size: 5.8vw;margin-bottom: 14px;}
	.section-layout.dark h3 br{display: none;}
	.section-layout.dark h4{font-size: 4.8vw;margin-bottom: 18px;}
	.section-layout.what p,
	.section-layout.dark p{
		font-size: 4.2vw;
		line-height: 1.55;
		margin: 16px 0;
		text-align: center;
	}
	.leaderboard-section p{margin: 20px 0;}
	.leaderboard-promo{margin: 20px 0 24px;}
	.leaderboard-promo img{border-radius: 12px;}
	.default-title{font-size: 7vw;}
	hr.divider{margin: 20px 0;}
	.events-card h3{font-size: 7vw;}
	.events-card h4{font-size: 6vw;line-height: 7vw}
	.events-card h5{font-size: 5vw;}
	.desk{display: none;}
	.mob{display: block;}
	.play-btn{width:90%;text-align: center;}
	.section-tagline{font-size: 7vw;}
	.platforms-grid {grid-template-columns: repeat(2, minmax(0, 1fr));}
	.split-left h2{text-align: center;font-size: 6.3vw;}
	.blk-ttl{font-size: 6vw;}
	.support-container{margin: 0;}
	.support-header p, .time-info .hours, a.cta-button{font-size: 4.5vw;}
	.support-header p br{display: none;}
	.time-info h1{font-size: 6.5vw;}
	.channels-card{margin: 0 auto 30px;}
	.response-time{font-size: 3.8vw;gap:3px}
	.hero-img img.mob{display: block;}
	.clip-slider{
		--clips-per-view: 2;
		--clips-gap: 10px;
		gap: 8px;
	}
	.clip-slider__nav{width: 34px;height: 34px;}
	.clip-slider__nav svg{width: 16px;height: 16px;}
	
	footer p, footer span{width: 100%;text-align: center;padding: 5px 0;}
	.form-card{text-align: left;}
	
	.support-links {
		grid-template-columns: 1fr;
		gap: 14px;
	}
	a.support-link {
		gap: 14px;
		padding: 15px 16px;
	}
	.support-link__icon {
		width: 46px;
		height: 46px;
		font-size: 20px;
	}
	.support-link__label {
		font-size: 4.6vw;
	}
	.support-link__meta {
		font-size: 3.6vw;
	}
	.support-container{padding: 30px 0;}
	.events-section h3{font-size: 7vw;}
	.event-row>div{padding: 16px 10px;}
	.event-head{font-size: 4.5vw;}
	.event-date, .event-name, .event-guest, .event-host, .language-info span{font-size: 4.3vw;}
	.events-section--past .event-head,
	.events-section--past .event-row{
		grid-template-columns: minmax(0, 0.82fr) minmax(0, 1.25fr);
	}
	.events-section--past .event-head div,
	.events-section--past .event-row > div{
		padding: 14px 8px;
	}
	.events-section--past .event-date,
	.events-section--past .event-guest{
		font-size: 14px;
	}
	.events-section--past .event-guest{
		gap: 8px;
	}
	.events-section--past .event-guest img{
		width: 48px;
		height: 48px;
	}
	.events-section--past .event-guest small{
		font-size: 12px;
	}
	.events-section--past .follower{
		font-size: 10px;
		padding: 2px 6px;
	}
	.big-btn a span{margin-left: 0;font-size: 5.5vw;display: block;}
	.big-btn a{display: block;margin: 0 15px;}
	.top-sldr{margin-top: 70px;}
	.top-sldr .desk-sldr{display: none;}
	.top-sldr .mob-sldr{display: block;}
	.fc-slider__dots{bottom: 10px;gap: 8px;}
	.fc-slider__dot{width: 10px;height: 10px;}
	.beff{padding: 40px 16px;}
	.beff p{font-size: 4.4vw;line-height: 1.5;}
	.mlslider{
		grid-template-columns: 1fr 1fr;
		gap: 12px;
	}
	.shop .mlslide-box h4{font-size: 3.4vw;}
	.shop .mlslide-box h5{font-size: 4.4vw;}
}

@keyframes events-scroll-hint-nudge {
	0%, 100% { transform: translateY(-50%); }
	50% { transform: translate(7px, -50%); }
}

@media (prefers-reduced-motion: reduce) {
	.events-scroll-hint { animation: none; }
}

@media screen and (max-width: 767px) {
	.fancci-advantages{padding: 40px 0;}
}