/* Reveal */
html.js body.supernova-longevity [data-reveal] {
	opacity: 0;
	transform: translateY(16px);
	transition: opacity var(--snl-dur) var(--snl-ease), transform var(--snl-dur) var(--snl-ease);
	transition-delay: calc(var(--i, 0) * 60ms);
}

html.js body.supernova-longevity [data-reveal].is-visible {
	opacity: 1;
	transform: none;
}

/* Hero settle and line reveal */
html.js body.supernova-longevity .snl-hero__media img {
	transform: scale(1.06);
	transition: transform 1.6s var(--snl-ease);
}

html.js body.supernova-longevity .snl-hero.is-ready .snl-hero__media img {
	transform: scale(1) translateY(var(--snl-parallax, 0));
	transition: transform 1.6s var(--snl-ease);
}

html.js body.supernova-longevity .snl-hero.is-settled .snl-hero__media img {
	transition: none;
}

html.js body.supernova-longevity .snl-line {
	transform: translateY(110%);
	transition: transform .8s var(--snl-ease);
	transition-delay: calc(120ms + var(--i, 0) * 90ms);
}

html.js body.supernova-longevity .snl-hero.is-ready .snl-line {
	transform: none;
}

html.js body.supernova-longevity .snl-hero__fade {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity .8s var(--snl-ease), transform .8s var(--snl-ease);
	transition-delay: calc(360ms + var(--i, 0) * 80ms);
}

html.js body.supernova-longevity .snl-hero.is-ready .snl-hero__fade {
	opacity: 1;
	transform: none;
}

/* Image wipe */
html.js body.supernova-longevity [data-wipe] {
	clip-path: inset(100% 0 0 0);
	transition: clip-path .9s var(--snl-ease);
}

html.js body.supernova-longevity [data-wipe].is-visible {
	clip-path: inset(0 0 0 0);
}

/* Marquee */
@keyframes snl-marquee {
	from {
		transform: translateX(0);
	}

	to {
		transform: translateX(-100%);
	}
}

body.supernova-longevity .snl-marquee__inner {
	animation: snl-marquee 42s linear infinite;
}

body.supernova-longevity .snl-marquee:hover .snl-marquee__inner,
body.supernova-longevity .snl-marquee:focus-within .snl-marquee__inner,
body.supernova-longevity .snl-marquee.is-paused .snl-marquee__inner {
	animation-play-state: paused;
}

/* Stacking cards */
@property --snl-dim {
	syntax: "<number>";
	inherits: false;
	initial-value: 0;
}

@keyframes snl-stack-settle {
	to {
		transform: scale(.96);
		--snl-dim: .35;
	}
}

@supports (animation-timeline: view()) {
	html.js body.supernova-longevity .snl-stack--css .snl-stack__item:not(:last-child) .snl-stack__card {
		animation: snl-stack-settle linear both;
		animation-timeline: --snl-card;
		animation-range: exit 0% exit 100%;
	}

	html.js body.supernova-longevity .snl-stack--css .snl-stack__item {
		view-timeline-inset: calc(var(--snl-header-h) + 24px) 0;
	}
}

/* Accordion panel */
body.supernova-longevity .snl-acc__panel {
	transition: height .45s var(--snl-ease);
}

/* Sheet items */
html.js body.supernova-longevity .snl-sheet__list li {
	opacity: 0;
	transform: translateY(10px);
	transition: opacity .5s var(--snl-ease), transform .5s var(--snl-ease);
	transition-delay: calc(80ms + var(--i, 0) * 50ms);
}

html.js body.supernova-longevity .snl-sheet.is-open .snl-sheet__list li {
	opacity: 1;
	transform: none;
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
	html.js body.supernova-longevity [data-reveal],
	html.js body.supernova-longevity [data-wipe],
	html.js body.supernova-longevity .snl-line,
	html.js body.supernova-longevity .snl-hero__fade,
	html.js body.supernova-longevity .snl-sheet__list li {
		opacity: 1;
		transform: none;
		clip-path: none;
		transition: none;
	}

	html.js body.supernova-longevity .snl-hero__media img,
	html.js body.supernova-longevity .snl-hero.is-ready .snl-hero__media img {
		transform: none;
		transition: none;
	}

	body.supernova-longevity .snl-marquee__inner {
		animation: none;
	}

	body.supernova-longevity .snl-stack__card {
		animation: none !important;
		transform: none !important;
	}

	body.supernova-longevity .snl-stack__card::after {
		opacity: 0 !important;
	}

	body.supernova-longevity .snl-steps__frame img,
	body.supernova-longevity .snl-acc__panel,
	body.supernova-longevity .snl-btn,
	body.supernova-longevity .snl-card,
	body.supernova-longevity .snl-service-card__img img {
		transition: none;
	}

	html {
		scroll-behavior: auto;
	}
}