/* ==========================================================================
   Hero — coded recreation of the approved 5LeGY STORE banner.
   Uses the shared design tokens from style.css (--navy-*, --cyan-400,
   --violet-500, --magenta-400, --grad-brand, --font-body/--font-display)
   so it flows into the section stack below with no visual seam.
   ========================================================================== */

.word { display: inline-block; }

/* ---------- Hero root ---------- */

.lss-hero {
	position: relative;
	min-height: 92vh;
	overflow: hidden;
	isolation: isolate;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-block: calc(var(--header-h) + 28px) 0;
	background: linear-gradient(160deg, #0a0f1e 0%, #0d1224 35%, var(--navy-950) 100%);
}

.lss-hero__layer { position: absolute; inset: 0; pointer-events: none; }

/* ---------- Layer 0: coded background — tiles, grid, slashes, blooms ---------- */

.lss-hero__tile-corner {
	position: absolute;
	width: min(46vw, 560px);
	height: min(46vw, 560px);
	background-size: cover;
	opacity: 0.08;
	mix-blend-mode: screen;
	animation: lss-hero-tile-drift 45s ease-in-out infinite alternate;
}
.lss-hero__tile-corner--start {
	inset-inline-start: -8%;
	top: -10%;
	-webkit-mask-image: radial-gradient(circle at 20% 20%, #000 0%, transparent 72%);
	mask-image: radial-gradient(circle at 20% 20%, #000 0%, transparent 72%);
}
.lss-hero__tile-corner--end {
	inset-inline-end: -10%;
	bottom: -14%;
	transform: rotate(180deg);
	-webkit-mask-image: radial-gradient(circle at 20% 20%, #000 0%, transparent 72%);
	mask-image: radial-gradient(circle at 20% 20%, #000 0%, transparent 72%);
	animation-name: lss-hero-tile-drift-end;
	animation-delay: -22s;
}
@keyframes lss-hero-tile-drift {
	0% { transform: translate(0, 0); }
	100% { transform: translate(-1.5%, -1%); }
}
@keyframes lss-hero-tile-drift-end {
	0% { transform: rotate(180deg) translate(0, 0); }
	100% { transform: rotate(180deg) translate(-1.5%, -1%); }
}

.lss-hero__grid {
	position: absolute;
	width: 44vw;
	height: 44vw;
	background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 1.4px, transparent 1.4px);
	background-size: 22px 22px;
	opacity: 0.1;
	animation: lss-hero-grid-pulse 7s ease-in-out infinite alternate;
}
.lss-hero__grid--top { inset-inline-start: 2%; top: 4%; -webkit-mask-image: linear-gradient(135deg, #000, transparent 70%); mask-image: linear-gradient(135deg, #000, transparent 70%); }
.lss-hero__grid--bottom { inset-inline-end: 4%; bottom: 0; -webkit-mask-image: linear-gradient(-45deg, #000, transparent 70%); mask-image: linear-gradient(-45deg, #000, transparent 70%); animation-delay: -3.5s; }
@keyframes lss-hero-grid-pulse { 0% { opacity: 0.06; } 100% { opacity: 0.14; } }

.lss-hero__slash {
	position: absolute;
	width: 3px;
	height: 64%;
	background: var(--grad-brand);
	opacity: 0.3;
	filter: blur(0.5px);
	transform: rotate(18deg);
	overflow: hidden;
}
.lss-hero__slash::after {
	content: '';
	position: absolute;
	inset-inline: 0;
	top: -30%;
	height: 30%;
	background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.9), transparent);
	animation: lss-hero-slash-shimmer 9s ease-in-out infinite;
}
.lss-hero__slash--start { inset-inline-start: -1%; top: -4%; }
.lss-hero__slash--end { inset-inline-end: 6%; bottom: -6%; }
.lss-hero__slash--end::after { animation-delay: -4.5s; }
@keyframes lss-hero-slash-shimmer {
	0% { top: -30%; }
	60% { top: 100%; }
	100% { top: 100%; }
}

.lss-hero__bloom {
	position: absolute;
	width: 46vw;
	height: 46vw;
	max-width: 640px;
	max-height: 640px;
	border-radius: 50%;
	filter: blur(90px);
	opacity: 0.3;
}
.lss-hero__bloom--cyan { background: var(--cyan-400); inset-inline-start: -6%; top: 18%; animation: lss-hero-bloom-breathe 13s ease-in-out infinite alternate; }
.lss-hero__bloom--magenta { background: var(--magenta-400); inset-inline-end: -8%; top: 8%; animation: lss-hero-bloom-breathe 10s ease-in-out infinite alternate; animation-delay: -3s; }
@keyframes lss-hero-bloom-breathe { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }

/* ---------- Layer 4: ambient particles ---------- */

.lss-hero__particles { position: absolute; inset: 0; overflow: hidden; z-index: 1; }
.lss-hero__particle {
	position: absolute;
	bottom: -10px;
	inset-inline-start: var(--x);
	width: var(--size);
	height: var(--size);
	border-radius: 50%;
	background: var(--hue);
	opacity: 0;
	animation: lss-hero-particle-rise var(--dur) linear var(--delay) infinite;
}
@keyframes lss-hero-particle-rise {
	0% { transform: translateY(0); opacity: 0; }
	10% { opacity: var(--peak, 0.5); }
	90% { opacity: var(--peak, 0.5); }
	100% { transform: translateY(-100vh); opacity: 0; }
}

.lss-hero__vignette {
	position: absolute; inset: 0; z-index: 2;
	background: radial-gradient(120% 90% at 50% 30%, transparent 55%, rgba(4, 6, 12, 0.5) 100%);
}
.lss-hero__fade-bottom {
	position: absolute; inset-inline: 0; bottom: 0; height: 16%; z-index: 2;
	background: linear-gradient(180deg, transparent, var(--navy-950));
}

/* ---------- Content wrapper ---------- */

.lss-hero__inner {
	position: relative;
	z-index: 3;
	display: flex;
	align-items: center;
	gap: 48px;
	padding-bottom: 120px;
}

/* ---------- Layer 1: brand block ---------- */

.lss-hero__brand { flex: 0 0 42%; max-width: 620px; min-width: 0; }

.lss-hero__lockup {
	position: relative;
	display: flex;
	align-items: center;
	gap: 18px;
	opacity: 0;
}
.lss-hero--ready .lss-hero__lockup { animation: lss-hero-fade-scale-in 0.65s var(--ease-premium) 0.3s both; }

.lss-hero__emblem {
	height: 110px;
	width: auto;
	animation: lss-hero-emblem-float 6s ease-in-out infinite, lss-hero-emblem-glow 5s ease-in-out infinite alternate;
}
@keyframes lss-hero-emblem-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-8px); }
}
@keyframes lss-hero-emblem-glow {
	0% { filter: drop-shadow(0 0 14px rgba(56, 209, 255, 0.5)); }
	100% { filter: drop-shadow(0 0 20px rgba(217, 70, 239, 0.55)); }
}

.lss-hero__wordmark-wrap { position: relative; overflow: hidden; }
.lss-hero__wordmark-img { height: 78px; width: auto; }
.lss-hero__sweep {
	position: absolute;
	inset-block: 0;
	inset-inline-start: -40%;
	width: 35%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.75), transparent);
	transform: skewX(-20deg);
	opacity: 0.3;
	animation: lss-hero-sweep 12s ease-in-out 1.5s infinite;
}
@keyframes lss-hero-sweep {
	0% { inset-inline-start: -40%; }
	7% { inset-inline-start: 130%; }
	100% { inset-inline-start: 130%; }
}

.lss-hero__tagline {
	position: relative;
	display: inline-flex;
	align-items: center;
	margin: 22px 0 0;
	padding: 14px 26px;
	background: var(--glass-bg);
	border: 1px solid var(--glass-border);
	border-radius: 999px;
	font-family: var(--font-body);
	font-weight: 700;
	font-size: clamp(15px, 1.6vw, 19px);
	color: var(--silver-100);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	overflow: hidden;
}
.lss-hero__tagline::before {
	content: '';
	position: absolute;
	inset-block: 10px;
	inset-inline-start: 6px;
	width: 2px;
	background: var(--grad-brand);
	border-radius: 2px;
}
.lss-hero__tagline .word { opacity: 0; transform: translateY(10px); }
.lss-hero--ready .lss-hero__tagline .word { animation: lss-hero-rise-in 0.5s var(--ease-premium) both; }
.lss-hero--ready .lss-hero__tagline .word:nth-child(1) { animation-delay: 0.55s; }
.lss-hero--ready .lss-hero__tagline .word:nth-child(2) { animation-delay: 0.63s; }
.lss-hero--ready .lss-hero__tagline .word:nth-child(3) { animation-delay: 0.71s; }
.lss-hero--ready .lss-hero__tagline .word:nth-child(4) { animation-delay: 0.79s; }

.lss-hero__features { display: flex; margin-top: 30px; gap: 22px; }
.lss-hero__feature {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding-inline-end: 22px;
	border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
	opacity: 0;
	transform: translateY(16px);
}
.lss-hero__feature:last-child { border-inline-end: 0; padding-inline-end: 0; }
.lss-hero--ready .lss-hero__feature { animation: lss-hero-rise-in 0.5s var(--ease-premium) both; }
.lss-hero--ready .lss-hero__feature:nth-child(1) { animation-delay: 0.9s; }
.lss-hero--ready .lss-hero__feature:nth-child(2) { animation-delay: 0.99s; }
.lss-hero--ready .lss-hero__feature:nth-child(3) { animation-delay: 1.08s; }

.lss-hero__icon {
	flex: none;
	width: 28px;
	height: 28px;
	fill: none;
	stroke: url(#lssHeroIconGrad);
	stroke-width: 1.6;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: transform 0.3s var(--ease-premium), filter 0.3s var(--ease-premium);
}
.lss-hero__feature:hover .lss-hero__icon { transform: translateY(-3px); filter: drop-shadow(0 4px 10px rgba(124, 58, 237, 0.55)); }
.lss-hero__feature-title { display: block; font-weight: 800; font-size: 14.5px; transition: background 0.3s var(--ease-premium); }
.lss-hero__feature:hover .lss-hero__feature-title {
	background: var(--grad-brand);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
}
.lss-hero__feature-sub { display: block; margin-top: 3px; font-size: 12.5px; color: var(--silver-500); }
.lss-hero__num { font-family: var(--font-display); font-weight: 700; }

.lss-hero__cta { display: flex; gap: 16px; margin-top: 34px; opacity: 0; transform: translateY(16px); }
.lss-hero--ready .lss-hero__cta { animation: lss-hero-rise-in 0.5s var(--ease-premium) 1.15s both; }

/* ---------- Shared .lss-btn component (also used by section-cta,
   section-best-sellers, section-how-it-works) ---------- */

.lss-btn {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 16px 34px;
	border-radius: 999px;
	font-weight: 800;
	font-size: 15px;
	overflow: hidden;
	isolation: isolate;
	transition: transform 0.35s var(--ease-premium), box-shadow 0.35s var(--ease-premium), background 0.3s var(--ease-premium), border-color 0.3s var(--ease-premium);
}

.lss-btn--primary {
	background: var(--grad-brand);
	color: #051019;
	box-shadow: 0 10px 34px rgba(124, 58, 237, 0.4);
}
.lss-hero--ready .lss-btn--primary { animation: lss-hero-glow-pulse 3.2s ease-in-out 1.7s infinite; }
.lss-btn--primary:hover { transform: translateY(-3px); box-shadow: 0 16px 42px rgba(217, 70, 239, 0.5); }
.lss-btn--primary::after {
	content: '';
	position: absolute;
	inset-block: 0;
	inset-inline-start: -60%;
	width: 40%;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.65), transparent);
	transform: skewX(-20deg);
	transition: inset-inline-start 0.7s var(--ease-premium);
}
.lss-btn--primary:hover::after { inset-inline-start: 120%; }
.lss-btn__arrow { transition: transform 0.3s var(--ease-premium); }
.lss-btn--primary:hover .lss-btn__arrow { transform: translateX(-5px); }
@keyframes lss-hero-glow-pulse {
	0%, 100% { box-shadow: 0 10px 34px rgba(124, 58, 237, 0.4); }
	50% { box-shadow: 0 12px 40px rgba(217, 70, 239, 0.55); }
}

.lss-btn--ghost {
	color: var(--silver-100);
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(150, 190, 230, 0.3);
}
.lss-btn--ghost:hover {
	border-color: rgba(56, 209, 255, 0.55);
	background: rgba(56, 209, 255, 0.08);
	box-shadow: 0 0 20px rgba(56, 209, 255, 0.25);
	transform: translateY(-2px);
}

/* ---------- Layer 2: character panel showpiece ---------- */

.lss-hero__panels-wrap {
	flex: 1 1 52%;
	min-width: 0;
	position: relative;
	border-radius: 24px;
	overflow: hidden;
	aspect-ratio: 1120 / 560;
	box-shadow: 0 0 60px rgba(217, 70, 239, 0.22);
	animation: lss-hero-panels-sway 12s ease-in-out infinite;
}
.lss-hero__panels-wrap::before {
	content: '';
	position: absolute;
	inset: 0;
	z-index: 4;
	border-radius: inherit;
	padding: 1px;
	background: var(--grad-brand);
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}
.lss-hero__panels-wrap::after {
	content: '';
	position: absolute;
	inset-block: 0;
	inset-inline-start: -20%;
	width: 16%;
	z-index: 3;
	background: linear-gradient(100deg, transparent, rgba(255, 255, 255, 0.1), transparent);
	transform: skewX(-14deg);
	animation: lss-hero-scan 11s ease-in-out infinite;
	pointer-events: none;
}
@keyframes lss-hero-scan {
	0% { inset-inline-start: -20%; }
	55% { inset-inline-start: 120%; }
	100% { inset-inline-start: 120%; }
}
@keyframes lss-hero-panels-sway {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-6px); }
}

.lss-hero__panels { position: relative; display: flex; width: 100%; height: 100%; }

.lss-hero__panel {
	position: relative;
	flex: 1 1 25%;
	min-width: 0;
	overflow: hidden;
	clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%);
	margin-inline-start: -4%;
	transition: flex-basis 0.6s var(--ease-premium), flex-grow 0.6s var(--ease-premium);
	will-change: clip-path;
}
.lss-hero__panel:first-child { margin-inline-start: 0; }
.lss-hero--ready .lss-hero__panel { animation: lss-hero-panel-wipe 0.65s var(--ease-premium) both; }
.lss-hero--ready .lss-hero__panel:nth-child(1) { animation-delay: 0s; }
.lss-hero--ready .lss-hero__panel:nth-child(2) { animation-delay: 0.12s; }
.lss-hero--ready .lss-hero__panel:nth-child(3) { animation-delay: 0.24s; }
.lss-hero--ready .lss-hero__panel:nth-child(4) { animation-delay: 0.36s; }
@keyframes lss-hero-panel-wipe {
	0% { clip-path: polygon(12% 0, 22% 0, 10% 100%, 0 100%); }
	100% { clip-path: polygon(12% 0, 100% 0, 88% 100%, 0 100%); }
}

.lss-hero__panel img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s var(--ease-premium), filter 0.6s var(--ease-premium); transform: scale(1.02); }

.lss-hero__panels:hover .lss-hero__panel { flex: 1 1 25%; }
.lss-hero__panel:hover { flex: 1.5 1 31%; z-index: 2; }
.lss-hero__panel:hover img { transform: scale(1.08) saturate(1.15); }
.lss-hero__panel:hover .lss-hero__seam { opacity: 1; filter: brightness(1.4); }

.lss-hero__seam {
	position: absolute;
	inset-block: 0;
	inset-inline-start: 6%;
	width: 2px;
	background: var(--grad-brand);
	opacity: 0.7;
	transform: scaleY(0);
	transform-origin: top;
	z-index: 2;
	transition: opacity 0.4s var(--ease-premium);
}
.lss-hero--ready .lss-hero__seam { animation: lss-hero-seam-draw 0.4s var(--ease-premium) both, lss-hero-seam-pulse 6s ease-in-out infinite; }
.lss-hero__panel:nth-child(1) .lss-hero__seam { display: none; }
.lss-hero--ready .lss-hero__panel:nth-child(2) .lss-hero__seam { animation-delay: 0.42s, 0s; }
.lss-hero--ready .lss-hero__panel:nth-child(3) .lss-hero__seam { animation-delay: 0.5s, -2s; }
.lss-hero--ready .lss-hero__panel:nth-child(4) .lss-hero__seam { animation-delay: 0.58s, -4s; }
@keyframes lss-hero-seam-draw { from { transform: scaleY(0); } to { transform: scaleY(1); } }
@keyframes lss-hero-seam-pulse {
	0%, 100% { box-shadow: 0 0 6px rgba(217, 70, 239, 0.3); }
	50% { box-shadow: 0 0 16px rgba(217, 70, 239, 0.75); }
}

/* ---------- Layer 3: bottom feature strip ---------- */

.lss-hero__strip {
	position: relative;
	z-index: 3;
	width: 100%;
	margin-top: -56px;
	background: var(--glass-bg);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	border-top: 1px solid transparent;
	border-image: var(--grad-brand) 1;
	display: flex;
	padding-inline: clamp(16px, 4vw, 64px);
	transform: translateY(100%);
	opacity: 0;
}
.lss-hero--ready .lss-hero__strip { animation: lss-hero-strip-in 0.6s var(--ease-premium) 1.35s both; }
@keyframes lss-hero-strip-in {
	from { transform: translateY(100%); opacity: 0; }
	to { transform: translateY(0); opacity: 1; }
}

.lss-hero__strip-item {
	flex: 1 1 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 14px;
	padding: 22px 12px;
	border-inline-end: 1px solid rgba(255, 255, 255, 0.1);
	text-align: start;
	opacity: 0;
	transform: translateY(10px);
}
.lss-hero__strip-item:last-child { border-inline-end: 0; }
.lss-hero--ready .lss-hero__strip-item { animation: lss-hero-rise-in 0.45s var(--ease-premium) both; }
.lss-hero--ready .lss-hero__strip-item:nth-child(1) { animation-delay: 1.85s; }
.lss-hero--ready .lss-hero__strip-item:nth-child(2) { animation-delay: 1.92s; }
.lss-hero--ready .lss-hero__strip-item:nth-child(3) { animation-delay: 1.99s; }
.lss-hero--ready .lss-hero__strip-item:nth-child(4) { animation-delay: 2.06s; }
.lss-hero__strip-item .lss-hero__icon { width: 30px; height: 30px; }
.lss-hero__strip-title { display: block; font-weight: 800; font-size: 14.5px; }
.lss-hero__strip-sub { display: block; margin-top: 2px; font-size: 12px; color: var(--silver-500); }

/* ---------- shared entrance keyframes ---------- */

@keyframes lss-hero-fade-scale-in {
	from { opacity: 0; transform: scale(0.9); }
	to { opacity: 1; transform: scale(1); }
}
@keyframes lss-hero-rise-in {
	from { opacity: 0; transform: translateY(16px); }
	to { opacity: 1; transform: translateY(0); }
}

/* ==========================================================================
   RESPONSIVE — 768–1279px: stacked
   ========================================================================== */

@media (max-width: 1279px) {
	.lss-hero { padding-block: calc(var(--header-h) + 20px) 0; min-height: auto; }
	.lss-hero__inner { flex-direction: column; align-items: stretch; padding-bottom: 100px; gap: 36px; }
	.lss-hero__brand { flex: none; max-width: none; order: 2; text-align: center; }
	.lss-hero__panels-wrap { flex: none; order: 1; width: 100%; aspect-ratio: auto; height: 38vh; }
	.lss-hero__lockup { justify-content: center; }
	.lss-hero__features { justify-content: center; flex-wrap: wrap; }
	.lss-hero__cta { justify-content: center; }
	.lss-hero__strip { margin-top: 0; flex-wrap: wrap; }
}

/* ==========================================================================
   RESPONSIVE — <768px: 2x2 panel grid, CTAs before feature list
   ========================================================================== */

@media (max-width: 767px) {
	.lss-hero { padding-block: calc(var(--header-h) + 16px) 0; }
	.lss-hero__inner { padding-bottom: 0; gap: 28px; }

	.lss-hero__panels-wrap { height: 34vh; aspect-ratio: auto; }
	.lss-hero__panels { flex-wrap: wrap; }
	.lss-hero__panel {
		flex: 1 1 50%;
		height: 50%;
		clip-path: polygon(6% 0, 100% 0, 94% 100%, 0 100%);
		margin-inline-start: 0;
		margin-inline-end: -2%;
	}
	.lss-hero__panel:nth-child(2n) { margin-inline-end: 0; }
	.lss-hero--ready .lss-hero__panel { animation: lss-hero-panel-wipe-mobile 0.55s var(--ease-premium) both; }
	@keyframes lss-hero-panel-wipe-mobile {
		from { opacity: 0; transform: scale(0.94); }
		to { opacity: 1; transform: scale(1); }
	}
	.lss-hero__panel.is-active img { transform: scale(1.08) saturate(1.15); }
	.lss-hero__panel.is-active .lss-hero__seam { opacity: 1; }
	.lss-hero__panel:nth-child(1) .lss-hero__seam,
	.lss-hero__panel:nth-child(3) .lss-hero__seam { display: none; }

	.lss-hero__emblem { height: 84px; }
	.lss-hero__wordmark-img { height: 56px; }
	.lss-hero__lockup { flex-direction: column; gap: 10px; }
	.lss-hero__tagline { display: inline-flex; text-align: center; font-size: 14px; padding: 12px 18px; }

	.lss-hero__brand { display: flex; flex-direction: column; }

	.lss-hero__cta { order: 3; flex-direction: column; margin-top: 26px; }
	.lss-btn { width: 100%; }

	.lss-hero__features { order: 4; flex-direction: column; gap: 16px; margin-top: 28px; }
	.lss-hero__feature { border-inline-end: 0; padding-inline-end: 0; justify-content: center; }

	.lss-hero--ready .lss-hero__cta { animation-delay: 0.9s; }
	.lss-hero--ready .lss-btn--primary { animation-delay: 1.45s; }
	.lss-hero--ready .lss-hero__feature:nth-child(1) { animation-delay: 1.15s; }
	.lss-hero--ready .lss-hero__feature:nth-child(2) { animation-delay: 1.24s; }
	.lss-hero--ready .lss-hero__feature:nth-child(3) { animation-delay: 1.33s; }

	.lss-hero__strip { flex-wrap: wrap; }
	.lss-hero__strip-item { flex: 1 1 50%; padding: 16px 8px; }
	.lss-hero__strip-item:nth-child(2) { border-inline-end: 0; }
}

/* ==========================================================================
   REDUCED MOTION — final state, all loops stopped
   ========================================================================== */

@media (prefers-reduced-motion: reduce) {
	.lss-hero__tile-corner,
	.lss-hero__grid,
	.lss-hero__slash::after,
	.lss-hero__bloom,
	.lss-hero__particle,
	.lss-hero__emblem,
	.lss-hero__sweep,
	.lss-hero__panels-wrap,
	.lss-hero__panels-wrap::after {
		animation: none;
	}
	.lss-hero--ready .lss-hero__lockup,
	.lss-hero--ready .lss-hero__tagline .word,
	.lss-hero--ready .lss-hero__feature,
	.lss-hero--ready .lss-hero__cta,
	.lss-hero--ready .lss-hero__panel,
	.lss-hero--ready .lss-hero__seam,
	.lss-hero--ready .lss-btn--primary,
	.lss-hero--ready .lss-hero__strip,
	.lss-hero--ready .lss-hero__strip-item {
		animation: none;
	}
	.lss-hero__lockup,
	.lss-hero__tagline .word,
	.lss-hero__feature,
	.lss-hero__cta,
	.lss-hero__strip-item { opacity: 1; transform: none; }
	.lss-hero__seam { transform: scaleY(1); }
	.lss-hero__strip { transform: translateY(0); opacity: 1; }
	.lss-btn--primary::after { display: none; }
	.lss-hero__panel,
	.lss-hero__panel img { transition: none; }
}