/* Hero */
.section-welcome .typography-marquee-eyebrow-base:lang(th) {
	line-height: 1;
}

.section-welcome .typography-marquee-headline-base:lang(th) {
	line-height: 1.2;
}

.section-welcome .marquee-header .marquee-milestone .milestone-secondary {
	margin-top: 0;
}

/* Highlight Section */
[data-media-card-gallery] .media-gallery .media-gallery-item-acoustic .caption-container.large-pin-top-right .caption {
	--caption-width: 480px;
}

.section-noise-control .stats-container span.stat-caption {
	max-width: 245px;
}

@media (max-width: 734px) {
	.section-noise-control .stats-container span.stat-caption {
		max-width: 180px;
	}
}

/* Noise Control  */
.section-noise-control .section-header-headline {
	line-height: 1.1;
}

@media (max-width: 734px) {
	.section-noise-control .stats-container .stat {
		padding-top: 30px;
	}
}

/* Personalized Listening */
@media (min-width: 1069px) {
	.section-personalized-listening .callouts-wrapper {
		bottom: 179px;
	}
}

/* Hearing Health */
.section-hearing-health .product-stories-header .section-header-headline {
	line-height: 1.25;
}

/* Fitness */
@media (max-width: 1068px) {
	.section-fitness .workout-buddy .callout-copy-container .callout {
		max-width: 320px;
	}
}

@media (max-width: 734px) {
	.section-fitness .workout-buddy .callout-copy-container .callout {
		max-width: 213px;
	}
}

@media (max-width: 734px) {
	.section-fitness .product-stories-header .section-header-headline {
		line-height: 1.15;
	}
}

.section-fitness .section-header-intro {
	max-width: 900px;
}

@media (max-width: 1068px) {
	.section-fitness .section-header-intro {
		max-width: 900px;
	}
}

@media (max-width: 1068px) {
	.product-stories-header .section-header-headline {
		line-height: 1.2;
	}
}

/* Battery */
.stat .stat-value {
	line-height: 1.25;
	padding-top: 10px;
}
.section-noise-control .stats-container .stat {
	padding-top: 67px;
}
@media (max-width: 1068px) {
	.section-noise-control .stats-container .stat {
		padding-top: 55px;
	}
}
@media (max-width: 734px) {
	.section-noise-control .stats-container .stat {
		padding-top: 38px;
	}
}

.section-battery .stats .stat-item:first-child {
	margin-inline-end: 0;
}
.section-battery .stats .stat-item {
	text-align: center;
}
.section-battery .stats .stat-item .call-out .copy {
	max-width: max-content;
	margin-left: auto;
	margin-right: auto;
}
.section-battery .stats .stat .stat-caption {
	max-width: inherit;
	text-align: center;
}

/* Audio Performance */
.section-audio-performance .section-header-copy {
	max-width: 790px;
}

/* Magical Section */
.section-magical .gallery-caption {
	max-width: 650px;
}

@media (max-width: 1068px) {
	.section-magical .gallery-caption {
		max-width: 600px;
	}
}

@media (max-width: 734px) {
	.section-magical .gallery-caption {
		max-width: 400px;
	}
}

/* Variant */
.section-variant .card-overlay {
	width: 380px;
	top: 67%;
}

/* Siri */
.section-magical .magical-experience-siri .media-block {
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	border-radius: 25px;
	padding: 32px;
	background-image: none;
}

@media (max-width: 480px) {
	.section-magical .magical-experience-siri .media-block {
		border-radius: 0;
		background-image: none;
	}
}

.section-magical .magical-experience-siri .media-block::before {
	content: "";
	display: block;
	background-color: #fff;
	position: absolute;
	inset: 38px;
	box-shadow: 0 0 32px 40px #fff;
	background: #fff;
}
@media (max-width: 734px) {
	.section-magical .magical-experience-siri .media-block p span.mobile-headline-gradient {
		display: block;
	}
}
.section-magical .magical-experience-siri .media-block p .headline-gradient {
	--progress-color-one-default: 0;
	--progress-color-two-default: 40;
	--progress-color-three-default: 67;
	--progress-color-four-default: 100;
	--progress-color-one: var(--progress-color-one-default);
	--progress-color-two: var(--progress-color-two-default);
	--progress-color-three: var(--progress-color-three-default);
	--progress-color-four: var(--progress-color-four-default);
	background-image: linear-gradient(
		60deg,
		#0894ff calc(var(--progress-color-one) * 1%),
		#c959dd calc(var(--progress-color-two) * 1%),
		#ff2e54 calc(var(--progress-color-three) * 1%),
		#ff9003 calc(var(--progress-color-four) * 1%)
	);
	background-clip: text;
	color: rgba(0, 0, 0, 0);
	margin-top: 8px;
}

.section-magical .magical-experience-siri.current .media-block {
	background-image: conic-gradient(
		from 45deg,
		#bb64ff,
		#f28,
		#ff8b00 28%,
		#f2416b,
		#e750de 60%,
		#0096ff,
		#bb64ff
	);
}