/* Local overrides */

/* Hero */
.marquee.marquee-milestone-cta
	.viewport-content
	.marquee-detail.typography-detail {
	margin-top: var(--sk-paragraph-plus-element-margin, 0.8em);
}

.card-hover .footnote.footnote-supglyph.custom-footnote {
	--target-size: 0px;
}

/* hello banner */
.custom-footnote {
	text-decoration: none !important;
}

#film-imac,
#film-imac-asl,
.banner-card .footnote {
	color: #2997ff;
}

/* welcome */

.section-welcome .apple-intelligence-marquee {
	translate: 0.3em 0;
}

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

.section-welcome .media-container .overview-welcome-headline {
	position: absolute;
	z-index: 3;
	opacity: 0;
	animation: appearElement 3s ease 3s 1 forwards;
	transform: scale(var(--scale-media-modifier));
	transform-origin: top;
}

html.no-enhanced .section-welcome .media-container .overview-welcome-headline,
html.no-js .section-welcome .media-container .overview-welcome-headline {
	opacity: 1;
	animation: none;
}

@keyframes appearElement {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

/* Hero */
.marquee-detail p + * {
	margin-top: unset;
}

/* */
@media only screen and (max-width: 374px) {
	.section-apps .section-container .content-text-wrapper .content-copy {
		margin-left: 20px;
		margin-right: 20px;
	}
}


/* Highlights */
.section-highlights .footnote.footnote-supglyph a {
	color: rgb(0, 102, 204);
}

@media only screen and (min-width: 1069px) {
	.section-highlights .media-gallery-item-design .caption {
		--caption-width: 340px;
	}
}

@media (min-width: 735px) and (max-width: 1068px) {
	.section-highlights .media-gallery-item-design .caption {
		--caption-width: 290px;
	}
}

/* Product Stories */
@media only screen and (min-width: 1069px) {
	.section-apple-intelligence
		.subsection-privacy
		.subsection-header-headline {
		max-width: 525px;
	}
}

@media only screen and (max-width: 480px) {
	.section-apple-intelligence
		.apple-intelligence-bentos
		.grid-item-playground {
		background-color: #ffedf1;
	}

	.section-apple-intelligence
		.apple-intelligence-bentos
		.grid-item-playground
		.card-contents
		.card-copy {
		margin-bottom: -100px;
	}

	.upgraders-content .upgraders-gallery .bento-item:last-child {
		padding: 24px 30px;
	}
}

/* Incentives */
@media (min-width: 1069px) and (max-width: 1100px) {
	.section-header .section-header-headline {
		max-width: 77%;
	}
}

/* Upgraders */

@media only screen and (min-width: 1069px) {
	.upgraders-content .upgraders-gallery .display .bento-copy {
		font-size: 32px;
	}
}

@media only screen and (min-width: 1069px) {
	.section-upgraders
		.upgraders-content
		.upgraders-gallery
		.bento-grid
		.bento-item:nth-child(1),
	.section-upgraders
		.upgraders-content
		.upgraders-gallery
		.bento-grid
		.bento-item:nth-child(4) {
		max-height: 380px;
	}
}

/* announcement-banner */
.film-announcement-banner {
	background-color: #000000 !important;
}

.banner-card .banner-card-headline {
	color: #f5f5f7 !important;
}

/* announcement-banner -image */

/*XL*/
@media only screen and (min-width: 1441px) {
	.film-announcement-banner .banner-card-image {
		width: 632px;
		height: 320px;
	}
}

/*L*/
@media only screen and (max-width: 1440px) and (min-width: 1069px) {
	.film-announcement-banner .banner-card-image {
		width: 468px;
		height: 320px;
	}
}

/*M*/
@media only screen and (max-width: 1068px) and (min-width: 735px) {
	.film-announcement-banner .banner-card-image {
		width: 412px;
		height: 286px;
	}
}

/*S*/
@media only screen and (max-width: 734px) and (min-width: 481px) {
	.film-announcement-banner .banner-card-image {
		width: 267px;
		height: 192px;
	}
}

/*XS*/
@media only screen and (max-width: 480px) {
	.film-announcement-banner .banner-card-image {
		width: 267px;
		height: 192px;
	}
}