.waterman-hero {
	position: relative;
	isolation: isolate;
	width: 100%;
	height: min(785px, calc((100vw - 2.4em) * 0.651452));
	overflow: hidden;
	background: #111;
	font-family: "Work Sans", sans-serif;
	touch-action: pan-y;
	user-select: none;
	cursor: pointer;
}

.waterman-hero,
.waterman-hero * {
	box-sizing: border-box;
}

.waterman-hero__slide {
	position: absolute;
	inset: 0;
	z-index: 1;
	visibility: hidden;
	pointer-events: none;
}

.waterman-hero__slide.is-active {
	z-index: 2;
	visibility: visible;
	pointer-events: auto;
}

.waterman-hero__slide.is-leaving {
	z-index: 1;
	visibility: visible;
}

.waterman-hero:not(.is-ready) .waterman-hero__slide:first-child {
	visibility: visible;
}

.waterman-hero__media,
.waterman-hero__background,
.waterman-hero__overlay {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.waterman-hero__media {
	z-index: 0;
	opacity: 0;
	transition: opacity 1000ms cubic-bezier(0.65, 0, 0.35, 1);
}

.waterman-hero.is-initializing .waterman-hero__media,
.waterman-hero.is-initializing .waterman-hero__title,
.waterman-hero.is-initializing .waterman-hero__badge,
.waterman-hero.is-initializing .waterman-hero__cta {
	transition: none !important;
}

.waterman-hero__media--xpro2 {
	filter: sepia(0.3);
}

.waterman-hero__media--xpro2::after {
	position: absolute;
	inset: 0;
	z-index: 40;
	display: block;
	width: 100%;
	height: 100%;
	background: radial-gradient(circle, rgb(230, 231, 224) 40%, rgba(43, 42, 161, 0.6) 110%);
	content: "";
	mix-blend-mode: color-burn;
	pointer-events: none;
}

.waterman-hero__slide.is-active .waterman-hero__media,
.waterman-hero__slide.is-leaving .waterman-hero__media,
.waterman-hero:not(.is-ready) .waterman-hero__slide:first-child .waterman-hero__media {
	opacity: 1;
}

.waterman-hero__background {
	z-index: 0;
	max-width: none;
	object-fit: cover;
	object-position: 50% 50%;
}

.waterman-hero__overlay {
	z-index: 1;
	background: rgba(0, 0, 0, 0.4);
	pointer-events: none;
}

.waterman-hero__stage {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	width: var(--waterman-grid-width, 1205px);
	height: var(--waterman-base-height, 785px);
	transform: translateX(-50%) scale(var(--waterman-scale, 1));
	transform-origin: top center;
}

.waterman-hero__title,
.waterman-hero__badge,
.waterman-hero__cta {
	position: absolute;
	margin: 0;
	padding: 0;
}

.waterman-hero__title {
	left: 20px;
	top: 252px;
	z-index: 5;
	width: 813px;
	height: auto;
	overflow: visible;
	color: #fff !important;
	font-family: "Work Sans", sans-serif;
	font-size: 90px;
	font-weight: 700;
	letter-spacing: -2px;
	line-height: 90px;
	text-align: left;
	text-decoration: none;
	text-transform: none;
	white-space: normal;
}

.waterman-hero__badge {
	left: 799px;
	top: 334px;
	z-index: 7;
	display: block;
	width: 360px;
	height: 144px;
	max-width: none;
	object-fit: cover;
}

.waterman-hero__cta {
	left: 20px;
	top: 562px;
	z-index: 6;
	width: auto;
	height: auto;
	font-family: "Work Sans", sans-serif;
	font-size: 18px;
	font-weight: 700;
	line-height: 18px;
	white-space: nowrap;
	cursor: zoom-out;
	user-select: none;
}

.waterman-hero.is-ready .waterman-hero__title,
.waterman-hero.is-ready .waterman-hero__badge,
.waterman-hero.is-ready .waterman-hero__cta {
	opacity: 0;
}

.waterman-hero.is-ready .waterman-hero__title {
	transition: opacity 1200ms cubic-bezier(0.32, 0, 0.67, 0);
}

.waterman-hero.is-ready .waterman-hero__badge {
	transition: opacity 300ms cubic-bezier(0.76, 0, 0.24, 1);
}

.waterman-hero.is-ready .waterman-hero__cta {
	transition: opacity 1000ms cubic-bezier(0.32, 0, 0.67, 0);
}

.waterman-hero.is-ready .waterman-hero__slide.is-active .waterman-hero__title {
	opacity: 1;
	transition-duration: 1500ms;
	transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	transition-delay: 320ms;
}

.waterman-hero.is-ready .waterman-hero__slide.is-active .waterman-hero__badge {
	opacity: 1;
	transition-delay: 0ms;
}

.waterman-hero.is-ready .waterman-hero__slide.is-active .waterman-hero__cta {
	opacity: 1;
	transition-duration: 1200ms;
	transition-timing-function: cubic-bezier(0.76, 0, 0.24, 1);
	transition-delay: 1080ms;
}

.waterman-hero > .waterman-hero__toggle {
	position: absolute !important;
	top: auto !important;
	right: 12px !important;
	bottom: 12px !important;
	left: auto !important;
	z-index: 10 !important;
	display: block !important;
	margin: 0 !important;
	padding: 9px 13px !important;
	border: 2px solid #fff !important;
	border-radius: 2px !important;
	color: #fff !important;
	background: rgba(0, 0, 0, 0.8) !important;
	font: 700 14px/1.2 "Work Sans", sans-serif !important;
	opacity: 0 !important;
	transform: translateY(calc(100% + 16px)) !important;
	transition: opacity 150ms ease, transform 150ms ease;
}

.waterman-hero:hover > .waterman-hero__toggle,
.waterman-hero:focus-within > .waterman-hero__toggle,
.waterman-hero.is-controls-visible > .waterman-hero__toggle,
.waterman-hero > .waterman-hero__toggle:focus-visible {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

.waterman-hero[data-waterman-level="2"] .waterman-hero__title {
	top: 253px;
	font-size: 70px;
	line-height: 70px;
}

.waterman-hero[data-waterman-level="2"] .waterman-hero__badge {
	left: 645px;
	top: 120px;
	width: 290.988px;
	height: 116.395px;
}

.waterman-hero[data-waterman-level="2"] .waterman-hero__cta {
	top: 484px;
}

.waterman-hero[data-waterman-level="3"] .waterman-hero__title {
	top: 50%;
	width: 465px;
	height: 251px;
	font-size: 60px;
	line-height: 60px;
	transform: translateY(-50%);
}

.waterman-hero[data-waterman-level="3"] .waterman-hero__badge {
	left: 210px;
	top: 130px;
	width: 243px;
	height: 97px;
}

.waterman-hero[data-waterman-level="3"] .waterman-hero__cta {
	top: 50%;
	transform: translateY(-50%);
	margin-top: 157px;
}

.waterman-hero[data-waterman-level="4"] .waterman-hero__title {
	top: 50%;
	width: 380px;
	height: 181px;
	margin-top: -30px;
	font-size: 44px;
	line-height: 45px;
	transform: translateY(-50%);
}

.waterman-hero[data-waterman-level="4"] .waterman-hero__badge {
	left: 101px;
	top: 98px;
	width: 211px;
	height: 84px;
}

.waterman-hero[data-waterman-level="4"] .waterman-hero__cta {
	left: 21px;
	top: 410px;
}

@media (max-width: 1239px) {
	.waterman-hero {
		height: min(785px, calc((100vw - 2.4em) * 0.651452));
	}
}

@media (max-width: 1023px) {
	.waterman-hero {
		height: min(688px, calc((100vw - 2.4em) * 0.706366));
	}
}

@media (max-width: 777px) {
	.waterman-hero {
		height: min(768px, calc((100vw - 2.4em) * 1.185185));
	}
}

@media (max-width: 479px) {
	.waterman-hero {
		height: min(720px, calc((100vw - 2.4em) * 1.674419));
	}
}

@media (prefers-reduced-motion: reduce) {
	.waterman-hero__slide,
	.waterman-hero__media,
	.waterman-hero__title,
	.waterman-hero__badge,
	.waterman-hero__cta {
		transition: none !important;
	}

	.waterman-hero > .waterman-hero__toggle {
		display: none !important;
	}
}
