.axiom-splash {
	background: #fff;
	contain: layout paint style;
	display: none;
	inset: 0;
	overflow: clip;
	position: fixed;
	z-index: 999999;
}

.axiom-splash-active {
	overflow: hidden;
}

.axiom-splash-active .axiom-splash {
	display: block;
}

.axiom-splash__brand {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: clamp(18rem, 34vw, 38rem);
	z-index: 2;
}

.axiom-splash__brand-window {
	padding: clamp(1rem, 2vw, 2rem);
}

.axiom-splash__brand-clip {
	overflow: clip;
}

.axiom-splash__brand svg {
	display: block;
	height: auto;
	overflow: visible;
	width: 100%;
}

.axiom-splash__brand :is([id="E"], [id="S"]) {
	opacity: 0;
	transform-box: fill-box;
	will-change: opacity, transform;
}

.axiom-splash__brand [id="E"] {
	transform: translate3d(-120%, 0, 0);
}

.axiom-splash__brand [id="S"] {
	transform: translate3d(120%, 0, 0);
}

.axiom-splash__brand :is([id="H-left"], [id="H-right"], [id="H-Roof"]) {
	transform-box: fill-box;
	will-change: opacity, transform;
}

.axiom-splash__brand :is([id="H-left"], [id="H-right"]) {
	opacity: 0;
	transform: translate3d(0, 14%, 0) scaleY(2.35);
	transform-origin: 50% 0%;
}

.axiom-splash__brand [id="H-Roof"] {
	opacity: 0;
	transform: translate3d(0, 135%, 0);
	transform-origin: 50% 50%;
}

.axiom-splash__preview {
	background: #2a2a2a;
	clip-path: inset(18% 17% 0 round 0.25rem);
	inset: 0;
	overflow: hidden;
	position: absolute;
	transform: translate3d(0, 102%, 0);
	will-change: clip-path, transform;
}

.axiom-splash__hero-clone {
	inset: 0 0 auto;
	min-height: var(--axiom-splash-hero-height, 150vh);
	position: absolute;
}

.axiom-splash__preview .axiom-hero__media,
.axiom-splash__preview .axiom-hero__scrim {
	inset-inline: 0;
	pointer-events: none;
	position: absolute;
}

.axiom-splash__preview .axiom-hero__media {
	inset-block: -12%;
	z-index: 0;
}

.axiom-splash__preview .axiom-hero__scrim {
	inset-block: 0;
	z-index: 1;
}

.axiom-splash-active .axiom-hero__eyebrow,
.axiom-splash-active .axiom-hero__heading,
.axiom-splash-active .axiom-hero__lower,
.axiom-splash-active .axiom-site-header.is-style-axiom-header-floating {
	opacity: 0;
}

.axiom-splash-active .axiom-hero__heading.is-reveal-ready {
	opacity: 1;
}

.axiom-splash-active.axiom-splash-revealing .axiom-hero__eyebrow {
	opacity: 1;
	transition: opacity 450ms ease 180ms;
}

.axiom-splash-active.axiom-splash-revealing .axiom-hero__heading:not(.is-reveal-ready) {
	opacity: 1;
	transition: opacity 500ms ease;
}

.axiom-hero__reveal-mask {
	margin-bottom: -0.18em;
	overflow: clip;
	padding-bottom: 0.18em;
}

.axiom-hero__reveal-mask--word {
	display: inline-block;
	vertical-align: bottom;
}

.axiom-hero__reveal-mask--line,
.axiom-hero__reveal-unit {
	display: block;
}

.axiom-splash-active .axiom-hero__reveal-unit {
	transform: translate3d(0, 115%, 0);
	will-change: transform;
}

.axiom-splash-active.axiom-splash-revealing .axiom-hero__lower {
	opacity: 1;
	transition: opacity 550ms ease 220ms;
}

.axiom-splash-active.axiom-splash-revealing .axiom-site-header.is-style-axiom-header-floating {
	opacity: 1;
	transition: opacity 450ms ease 420ms;
}

@media (prefers-reduced-motion: reduce) {
	.axiom-splash-active .axiom-hero__heading {
		opacity: 1;
	}

	.axiom-splash__brand :is([id="E"], [id="S"]),
	.axiom-splash__brand :is([id="H-left"], [id="H-right"], [id="H-Roof"]) {
		opacity: 1;
		transform: none;
	}

	.axiom-splash__preview {
		display: none;
	}
}