/* ART product pages and product-story editorial blocks */
.art-elite-experience .header-main { min-height: 86px; }
.art-elite-experience #masthead {
	background: linear-gradient(180deg, rgba(3,6,10,.99) 0%, rgba(3,6,10,.96) 62%, rgba(3,6,10,.72) 100%) !important;
	box-shadow: 0 22px 58px rgba(0,0,0,.42);
}
.art-elite-experience .art-footer-lockup { align-items: center; display: flex; gap: 18px; margin: 0 0 28px; }
.art-elite-experience .art-footer-mark { display: block; height: 70px; object-fit: contain; width: 220px; }
.art-elite-experience .art-footer-wordmark { display: block; height: auto; margin: 0; max-width: 470px; width: 100%; }
.art-elite-experience .art-footer-cta { align-items: end; }

.art-elite-experience .art-product-story {
	background: #070b11;
	border-top: 1px solid rgba(125,232,255,.25);
	color: #fff;
	display: grid;
	grid-template-columns: minmax(280px, .7fr) minmax(0, 1.3fr);
	margin: 70px calc(50% - 50vw) 0;
	min-height: 560px;
	overflow: hidden;
	padding: clamp(44px, 7vw, 105px) clamp(25px, 9vw, 150px);
	position: relative;
	width: 100vw;
}
.art-elite-experience .art-product-story:before {
	background: radial-gradient(circle at 70% 48%, rgba(125,232,255,.11), transparent 28%), linear-gradient(90deg, transparent, rgba(213,255,117,.05), transparent);
	content: '';
	inset: 0;
	pointer-events: none;
	position: absolute;
}
.art-elite-experience .art-story-copy { align-self: center; max-width: 430px; padding-right: 40px; position: relative; z-index: 2; }
.art-elite-experience .art-story-copy h2 { color: #fff; font-size: clamp(42px, 5vw, 76px); letter-spacing: -.08em; line-height: .9; margin: 0 0 28px; }
.art-elite-experience .art-story-copy > p:not(.art-eyebrow) { color: rgba(255,255,255,.67) !important; font-size: 15px; line-height: 1.8; }
.art-elite-experience .art-story-rule { display: flex; gap: 6px; margin-top: 34px; }
.art-elite-experience .art-story-rule span { background: var(--art-cyan); display: block; height: 3px; width: 34px; }
.art-elite-experience .art-story-rule span:nth-child(2) { background: var(--art-lime); width: 12px; }
.art-elite-experience .art-story-rule span:nth-child(3) { background: #ed3340; width: 6px; }
.art-elite-experience .art-story-gallery { align-items: center; display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); min-width: 0; position: relative; z-index: 1; }
.art-elite-experience .art-story-image { align-items: center; background: rgba(255,255,255,.035); border: 1px solid rgba(255,255,255,.1); border-radius: 16px; display: flex; justify-content: center; margin: 0; min-height: 250px; overflow: hidden; padding: 15px; }
.art-elite-experience .art-story-image img { display: block; height: auto; max-height: 440px; max-width: 100%; object-fit: contain; transition: transform .55s cubic-bezier(.2,.8,.2,1); width: 100%; }
.art-elite-experience .art-story-image:hover img { transform: scale(1.04) rotate(-1deg); }
.art-elite-experience .art-story-image-1 { grid-row: span 2; min-height: 520px; }
.art-elite-experience .art-story-image-1 img { max-height: 520px; }
.art-elite-experience .art-story-image-2 { background: linear-gradient(145deg, #f4f7f8, #dde8eb); }
.art-elite-experience .art-story-image-3 { background: linear-gradient(145deg, #0a1017, #1e2b35); }

@media only screen and (max-width: 48em) {
	.art-elite-experience .header-main { min-height: 86px; }
	.art-elite-experience .art-product-story { display: block; margin-top: 45px; padding: 58px 22px; width: 100vw; }
	.art-elite-experience .art-story-copy { max-width: none; padding: 0 0 35px; }
	.art-elite-experience .art-story-copy h2 { font-size: 50px; }
	.art-elite-experience .art-story-gallery { grid-template-columns: 1fr; }
	.art-elite-experience .art-story-image-1 { grid-row: auto; min-height: 330px; }
	.art-elite-experience .art-story-image-1 img { max-height: 360px; }
	.art-elite-experience .art-footer-lockup { align-items: flex-start; flex-direction: column; gap: 12px; }
	.art-elite-experience .art-footer-mark { height: 54px; width: 170px; }
	.art-elite-experience .art-footer-wordmark { max-width: 330px; }
}