/* GDS Login: split card layout (left image panel + right form) */
.gds-login__card--split {
	width: 780px;
	min-height: 440px;
	padding: 0; /* main area will own padding */
	overflow: hidden; /* clip the side image to rounded corners */
	background: var(--global-palette9); /* avoid backdrop bleed */
	outline: var(--gds-shader-card-border, transparent);
}

.gds-login__split {
	display: flex;
}

/* Left image panel */
.gds-login__side {
	width: 260px;
	height: 440px;
	background: var(--global-palette2);
	position: relative;
}

.gds-login__sideimg {
	position: absolute;
	inset: 0;

	width: 120%;
	height: 120%;

	object-fit: cover;
	object-position: 80% center;

	display: block;
}

/* Right form panel */
.gds-login__main {
	padding: 22px;
	background: var(--gds-shader-card-bg, #ffffff);
	width: 520px;
}

/* Keep it nice on smaller screens */
@media (max-width: 900px) {
	.gds-login__split {
		flex-direction: column;
		min-height: 0;
	}

	.gds-login__side {
		width: 100%;
		height: 220px;
	}

	.gds-login__main {
		width: 100%;
		padding: 22px;
	}
}