html {
	min-height: 100%;
	background: #09091e;
}

body.brandLanding {
	min-height: 100vh;
	margin: 0;
	overflow-x: hidden;
	color: #ffffff;
	background-color: #09091e;
	background-image:
		linear-gradient(rgba(255, 255, 255, 0.06) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255, 255, 255, 0.06) 1px, transparent 1px),
		radial-gradient(circle at 50% 0%, rgba(255, 255, 255, 0.11), transparent 42rem);
	background-size: 100px 100px, 100px 100px, 100% 100%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5;
}

.brandLanding .fa {
	--fa-family: var(--fa-family-classic);
	--fa-style: 300;
}

.brandLanding__main {
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.brandLanding__login {
	position: fixed;
	top: 24px;
	right: 28px;
	z-index: 50;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 0 18px;
	border: 1px solid rgba(255, 255, 255, 0.22);
	border-radius: 4px;
	color: #ffffff;
	background: rgba(9, 9, 30, 0.54);
	backdrop-filter: blur(8px);
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	text-decoration: none;
}

.brandLanding__login:hover,
.brandLanding__login:focus {
	border-color: rgba(255, 255, 255, 0.48);
	background: rgba(255, 255, 255, 0.1);
	text-decoration: none;
}

.brandLanding__login i {
	margin-right: 8px;
	font-size: 16px;
	line-height: 1;
}

.brandLanding__inner {
	width: min(1920px, 100%);
	margin: 0 auto;
}

.brandLanding__hero {
	padding: 0 0 5vh;
}

.brandLanding__collage {
	position: relative;
	isolation: isolate;
	box-sizing: border-box;
	overflow: hidden;
	width: min(100%, 1920px);
	aspect-ratio: 1760 / 860;
	margin: 0 auto 54px;
}

.brandLanding__collageLayer {
	position: absolute;
	inset: 0;
	z-index: var(--layer-index);
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
	opacity: 0;
	transform: translate3d(var(--from-x), var(--from-y), 0) rotate(var(--from-r)) scale(0.985);
	transform-origin: 50% 50%;
	animation: brandLandingCollageSettle 980ms cubic-bezier(0.2, 0.9, 0.22, 1) forwards;
	animation-delay: var(--layer-delay);
	filter: drop-shadow(0 24px 42px rgba(0, 0, 0, 0.22));
	will-change: transform, opacity;
}

.brandLanding__collage.is-settled .brandLanding__collageLayer {
	opacity: 1;
	transform: translate3d(
		calc(var(--settle-x) + var(--parallax-x, 0px)),
		calc(var(--settle-y) + var(--parallax-y, 0px)),
		0
	) rotate(var(--settle-r)) scale(1);
	animation: none;
	transition: transform 180ms ease-out;
}

.brandLanding__collageLayer--01 {
	--layer-index: 20;
	--layer-delay: 520ms;
	--from-x: -7px;
	--from-y: -12px;
	--from-r: -0.7deg;
	--settle-x: 0;
	--settle-y: 0;
	--settle-r: 0deg;
}

.brandLanding__collageLayer--02 {
	--layer-index: 18;
	--layer-delay: 430ms;
	--from-x: 12px;
	--from-y: 20px;
	--from-r: 1.2deg;
	--settle-x: 2px;
	--settle-y: 4px;
	--settle-r: 0.12deg;
}

.brandLanding__collageLayer--03 {
	--layer-index: 17;
	--layer-delay: 360ms;
	--from-x: -18px;
	--from-y: 18px;
	--from-r: -1.5deg;
	--settle-x: -2px;
	--settle-y: 6px;
	--settle-r: -0.12deg;
}

.brandLanding__collageLayer--04 {
	--layer-index: 16;
	--layer-delay: 300ms;
	--from-x: 20px;
	--from-y: -9px;
	--from-r: 1.6deg;
	--settle-x: 3px;
	--settle-y: 7px;
	--settle-r: 0.08deg;
}

.brandLanding__collageLayer--05 {
	--layer-index: 15;
	--layer-delay: 250ms;
	--from-x: -12px;
	--from-y: 24px;
	--from-r: -1.1deg;
	--settle-x: -3px;
	--settle-y: 8px;
	--settle-r: -0.08deg;
}

.brandLanding__collageLayer--06 {
	--layer-index: 14;
	--layer-delay: 210ms;
	--from-x: 16px;
	--from-y: 12px;
	--from-r: 1.35deg;
	--settle-x: 2px;
	--settle-y: 9px;
	--settle-r: 0.1deg;
}

.brandLanding__collageLayer--07 {
	--layer-index: 13;
	--layer-delay: 170ms;
	--from-x: -22px;
	--from-y: -5px;
	--from-r: -1.7deg;
	--settle-x: -2px;
	--settle-y: 10px;
	--settle-r: -0.1deg;
}

.brandLanding__collageLayer--08 {
	--layer-index: 12;
	--layer-delay: 130ms;
	--from-x: 19px;
	--from-y: 23px;
	--from-r: 1.45deg;
	--settle-x: 3px;
	--settle-y: 11px;
	--settle-r: 0.08deg;
}

.brandLanding__collageLayer--09 {
	--layer-index: 11;
	--layer-delay: 90ms;
	--from-x: -15px;
	--from-y: 18px;
	--from-r: -1.25deg;
	--settle-x: -3px;
	--settle-y: 12px;
	--settle-r: -0.08deg;
}

.brandLanding__collageLayer--10 {
	--layer-index: 10;
	--layer-delay: 50ms;
	--from-x: 12px;
	--from-y: 28px;
	--from-r: 1.1deg;
	--settle-x: 0;
	--settle-y: 13px;
	--settle-r: 0.06deg;
}

@keyframes brandLandingCollageSettle {
	0% {
		opacity: 0;
		transform: translate3d(var(--from-x), var(--from-y), 0) rotate(var(--from-r)) scale(0.985);
	}

	54% {
		opacity: 1;
		transform: translate3d(var(--settle-x), calc(var(--settle-y) - 8px), 0) rotate(var(--settle-r)) scale(1.006);
	}

	74% {
		opacity: 1;
		transform: translate3d(var(--settle-x), calc(var(--settle-y) + 2px), 0) rotate(var(--settle-r)) scale(0.998);
	}

	100% {
		opacity: 1;
		transform: translate3d(var(--settle-x), var(--settle-y), 0) rotate(var(--settle-r)) scale(1);
	}
}

@media (prefers-reduced-motion: reduce) {
	.brandLanding__collageLayer {
		opacity: 1;
		transform: translate3d(var(--settle-x), var(--settle-y), 0) rotate(var(--settle-r)) scale(1);
		animation: none;
	}
}

.brandLanding__logo {
	display: block;
	width: min(680px, 100%);
	height: auto;
	margin: 0 auto 48px;
}

.brandLanding__title {
	position: relative;
	z-index: 30;
	box-sizing: border-box;
	width: min(720px, calc(100% - 40px));
	margin: -240px auto 0;
	font-size: 28px;
	font-weight: 800;
	line-height: 1.22;
	text-align: center;
	letter-spacing: 0;
	text-shadow: 3px 3px 11px rgb(9 9 30);
}

.brandLanding .brandLanding__lead {
	position: relative;
	z-index: 30;
	box-sizing: border-box;
	width: min(620px, calc(100% - 40px));
	margin: 12px auto 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 18px;
	text-align: center;
	text-shadow: 0 8px 30px rgba(0, 0, 0, 0.34);
}

.brandLanding__info {
	padding: 4vh 0 9vh;
}

.brandLanding__infoGrid {
	width: min(1120px, calc(100% - 40px));
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
	gap: 48px;
	border-top: 1px solid rgba(255, 255, 255, 0.18);
	padding-top: 42px;
}

.brandLanding__copy,
.brandLanding__contact {
	max-width: 620px;
}

.brandLanding h2 {
	margin: 0 0 16px;
	color: #ffffff;
	font-size: 24px;
	line-height: 1.2;
	letter-spacing: 0;
}

.brandLanding p {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 18px;
}

.brandLanding p + p {
	margin-top: 18px;
}

.brandLanding a {
	color: #ffffff;
	text-decoration-color: rgba(255, 255, 255, 0.45);
	text-underline-offset: 4px;
}

.brandLanding a:hover,
.brandLanding a:focus {
	text-decoration-color: #ffffff;
}

.brandLanding__authPage {
	box-sizing: border-box;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding: 72px 20px;
}

.brandLanding__authPage--wide .brandLanding__panel {
	max-width: 860px;
}

.brandLanding__authLogo {
	display: block;
	width: min(320px, calc(100% - 32px));
	text-decoration: none;
}

.brandLanding__authLogo img {
	display: block;
	width: 100%;
	height: auto;
}

.brandLanding__panel {
	box-sizing: border-box;
	width: min(100%, 560px);
	padding: 44px 48px;
	border-radius: 8px;
	color: #171727;
	background: #ffffff;
	box-shadow: 0 24px 80px rgba(0, 0, 0, 0.28);
}

.brandLanding__panel h1,
.brandLanding__panel h2,
.brandLanding__panel h3 {
	margin: 0 0 24px;
	color: #09091e;
	font-weight: 800;
	line-height: 1.16;
	text-align: center;
	letter-spacing: 0;
}

.brandLanding__panel h1 {
	font-size: 34px;
}

.brandLanding__panel h2 {
	font-size: 24px;
}

.brandLanding__panel p,
.brandLanding__panel li,
.brandLanding__panel label,
.brandLanding__panel .help-block {
	color: #333348;
	font-size: 16px;
}

.brandLanding__panel p {
	margin: 0 0 18px;
}

.brandLanding__panel ul,
.brandLanding__panel ol {
	margin: 0 0 20px;
	padding-left: 22px;
}

.brandLanding__panel a {
	color: #09091e;
	font-weight: 700;
	text-decoration-color: rgba(9, 9, 30, 0.32);
}

.brandLanding__panel a:hover,
.brandLanding__panel a:focus {
	color: #09091e;
	text-decoration-color: #09091e;
}

.brandLanding__panel .superIco {
	display: block;
	margin: 0 auto 14px;
	color: #09091e;
	font-size: 34px;
}

.brandLanding__panel .message {
	position: relative;
	margin: 0 0 22px;
	padding: 14px 44px 14px 16px;
	border: 1px solid #cfe6d8;
	border-radius: 6px;
	color: #183323;
	background: #f1fbf5;
	box-shadow: none;
}

.brandLanding__panel .message--error {
	border-color: #f2c9d2;
	color: #5a1725;
	background: #fff3f5;
}

.brandLanding__panel .messageIn {
	margin: 0;
	padding: 0;
}

.brandLanding__panel .dialog__hdr {
	display: flex;
	gap: 12px;
	align-items: flex-start;
	margin: 0;
	padding: 0;
	background: transparent;
}

.brandLanding__panel .dialog__ico {
	flex: 0 0 auto;
	margin-top: 1px;
	color: #1db771;
	font-size: 18px;
	line-height: 1;
}

.brandLanding__panel .message--error .dialog__ico {
	color: #e82d5e;
}

.brandLanding__panel .dialog__text {
	color: inherit;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.45;
}

.brandLanding__panel .dialog__close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 26px;
	min-width: 0;
	min-height: 26px;
	height: 26px;
	padding: 0;
	border: 0;
	border-radius: 4px;
	color: currentColor;
	background: transparent;
}

.brandLanding__panel .dialog__close::before,
.brandLanding__panel .dialog__close::after {
	content: "";
	position: absolute;
	top: 12px;
	left: 7px;
	width: 12px;
	height: 2px;
	border-radius: 2px;
	background: currentColor;
}

.brandLanding__panel .dialog__close::before {
	transform: rotate(45deg);
}

.brandLanding__panel .dialog__close::after {
	transform: rotate(-45deg);
}

.brandLanding__panel .dialog__close:hover,
.brandLanding__panel .dialog__close:focus {
	background: rgba(9, 9, 30, 0.08);
}

.brandLanding__panel form {
	margin: 0;
}

.brandLanding__panel fieldset {
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
}

.brandLanding__panel .formRow,
.brandLanding__panel .webRow,
.brandLanding__panel .row {
	margin: 0 0 18px;
}

.brandLanding__panel .formRow.inRow {
	margin-bottom: 0;
}

.brandLanding__panel label {
	display: block;
	margin: 0 0 7px;
	font-weight: 700;
}

.brandLanding__panel input[type="text"],
.brandLanding__panel input[type="email"],
.brandLanding__panel input[type="password"],
.brandLanding__panel input[type="search"],
.brandLanding__panel input[type="tel"],
.brandLanding__panel textarea,
.brandLanding__panel select {
	box-sizing: border-box;
	width: 100%;
	min-height: 46px;
	padding: 10px 13px;
	border: 1px solid #d9d9e4;
	border-radius: 5px;
	color: #09091e;
	background: #ffffff;
	font: inherit;
}

.brandLanding__panel input:focus,
.brandLanding__panel textarea:focus,
.brandLanding__panel select:focus {
	border-color: #09091e;
	outline: 2px solid rgba(9, 9, 30, 0.12);
	outline-offset: 1px;
}

.brandLanding__panel .btn,
.brandLanding__panel button,
.brandLanding__panel input[type="submit"] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 46px;
	padding: 0 22px;
	border: 0;
	border-radius: 5px;
	color: #ffffff;
	background: #09091e;
	font-size: 16px;
	font-weight: 800;
	line-height: 1;
	text-decoration: none;
	cursor: pointer;
}

.brandLanding__panel .btn:hover,
.brandLanding__panel button:hover,
.brandLanding__panel input[type="submit"]:hover,
.brandLanding__panel .btn:focus,
.brandLanding__panel button:focus,
.brandLanding__panel input[type="submit"]:focus {
	background: #252548;
	text-decoration: none;
}

.brandLanding__panel .loginlinkbox,
.brandLanding__panel #loginlinklist {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
	margin-top: 16px;
}

.brandLanding__panel .center {
	text-align: center;
}

.brandLanding__panel .searchInContent p,
.brandLanding__panel .searchInContent .webPGrid {
	display: flex;
	gap: 10px;
	align-items: stretch;
}

.brandLanding__panel .searchInContent input[type="search"] {
	flex: 1 1 auto;
}

.brandLanding__panel .bookmarks {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 22px 0;
}

.brandLanding__panel .bookmarks__tab {
	min-height: 38px;
	padding: 0 12px;
	border: 1px solid #d9d9e4;
	border-radius: 5px;
	color: #09091e;
	background: #ffffff;
	font-size: 14px;
	font-weight: 700;
}

.brandLanding__panel .bookmarks__tab--active {
	color: #ffffff;
	background: #09091e;
}

.brandLanding__panel .num {
	margin-left: 6px;
	font-style: normal;
	opacity: 0.72;
}

.brandLanding__panel .article,
.brandLanding__panel .item {
	padding: 18px 0;
	border-top: 1px solid #ececf3;
}

.brandLanding__panel .articleHdr {
	margin: 0 0 8px;
	font-size: 20px;
	text-align: left;
}

@media (max-width: 960px) {
	.brandLanding__title {
		margin-top: -150px;
		font-size: 24px;
	}

	.brandLanding .brandLanding__lead {
		font-size: 18px;
	}
}

@media (max-width: 760px) {
	.brandLanding__login {
		top: 14px;
		right: 14px;
		min-height: 38px;
		padding: 0 14px;
		font-size: 14px;
	}

	.brandLanding__inner {
		width: 100%;
	}

	.brandLanding__hero {
		padding-top: 0;
	}

	.brandLanding__logo {
		margin-bottom: 36px;
	}

	.brandLanding__collage {
		margin-bottom: 38px;
	}

	.brandLanding__title {
		width: min(100% - 28px, 620px);
		margin-top: -86px;
		font-size: 21px;
	}

	.brandLanding .brandLanding__lead {
		width: min(100% - 28px, 620px);
	}

	.brandLanding__lead,
	.brandLanding p {
		font-size: 18px;
	}

	.brandLanding__infoGrid {
		grid-template-columns: 1fr;
		gap: 32px;
		padding-top: 32px;
	}

	.brandLanding__authPage {
		padding: 72px 14px 42px;
	}

	.brandLanding__authLogo {
		width: min(240px, calc(100% - 32px));
	}

	.brandLanding__panel {
		padding: 32px 22px;
	}

	.brandLanding__panel h1 {
		font-size: 28px;
	}

	.brandLanding__panel .searchInContent p,
	.brandLanding__panel .searchInContent .webPGrid {
		flex-direction: column;
	}
}