:root {
	--sk-tile-padding: 2em 2.5em;
}

@media only screen and (max-width: 1068px) {
	:root {
		--sk-tile-padding: 2em 1.5em;
	}
}

body[data-color-scheme="light"] {
	--bg-light-override: #f5f5f7;
	--bg-fill: #fff;
}

body[data-color-scheme="dark"] {
	--bg-light-override: #161617;
	--bg-fill: #000;
}

.bg-light {
	background-color: var(--bg-light-override);
}

.bg-fill {
	background-color: var(--bg-fill);
}

.bg-fill .tile {
	background-color: var(--bg-light-override);
}

.hero-ios {
	max-width: 1920px;
}

.sc-gallery__card[class*="tile-bg-"].tile-bg-ai-ip {
	/* overrides default styles */
	background-image: url("/ios/images/ai-ip-test_2x.jpg");
}

@media only screen and (min-width: 1068px) {
	.sc-gallery__card[class*="tile-bg-"].tile-bg-ai-ip {
		background-position: center -130px;
	}
}

.device-half-view {
	margin-bottom: -90%;
}

.hero-ios {
	max-width: 1400px;
}