/* removing hero sticky scroll on S viewport - rdar://124989475 */

@media only screen and (max-width: 734px) {
	html.enhanced-hero .section-hero {
		overflow: hidden;
	}

	html.enhanced-hero .section-hero .sticky-container {
		--sticky-height: calc(100vh - var(--r-globalnav-height));
	}

	html.enhanced-hero .section-hero .sticky-content {
		position: static;
	}

	html.enhanced-hero .section-hero .hero-experience--media, html.enhanced-hero .section-hero .hero-experience--media.dimmed {
		opacity: 0.45;
	}

	html.enhanced-hero .section-hero .hero-features {
		background-image: radial-gradient(
			circle at 50% 50vh,
			rgb(241, 142, 71) 11vh,
			rgb(239, 70, 40) 90vh,
			rgb(116, 47, 21) 130vh,
			rgba(0, 0, 0, 0) 160vh
		) !important;
	}

	html.enhanced-hero .section-hero .hero-experience.hero-experience--outro {
		z-index: 5;
	}
}

/* END */

/* fix story portraits  */

@media only screen and (max-width: 734px) {
	.section-bruce .section-drawer-intro .author-container .author-image, .section-lexie .section-drawer-intro .author-container .author-image {
		width: 60px;
		height: 60px;
	}
}

/* fade-in hero video */

html.enhanced-hero .section-hero .hero-experience--media .hero-watch-video .video {
	opacity: 0;
	will-change: opacity;
	transition: opacity 1s ease-out;
}

html.enhanced-hero .section-hero .hero-experience--media .hero-watch-video.playing .video {
	opacity: 1;
}