/* PSB Coming Soon — isolated public layout. */

*,
*::before,
*::after {
	box-sizing: border-box;
}

html,
body {
	margin: 0;
	min-block-size: 100%;
}

html {
	color-scheme: dark;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

.scs-document {
	font-family: Arial, Helvetica, sans-serif;
	font-synthesis: none;
	color: #f0eeed;
	background: #000;
	text-rendering: optimizeLegibility;
}

.scs-page {
	position: relative;
	display: grid;
	min-block-size: 100vh;
	min-block-size: 100svh;
	min-block-size: 100dvh;
	place-items: center;
	isolation: isolate;
	overflow: hidden;
	overflow: clip;
	background: var(--scs-background-colour, #000);
}

.scs-background,
.scs-background picture,
.scs-background-image,
.scs-video {
	position: absolute;
	inset: 0;
	inline-size: 100%;
	block-size: 100%;
}

.scs-background {
	z-index: -2;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	pointer-events: none;
	user-select: none;
}

.scs-background picture {
	display: block;
}

.scs-background-image,
.scs-video {
	display: block;
	object-fit: cover;
	object-position: center;
	-webkit-user-drag: none;
}

.scs-page--overlay::before {
	position: absolute;
	z-index: -1;
	inset: 0;
	background: rgb(0 0 0 / var(--scs-mobile-overlay-opacity, 0.47));
	content: "";
	pointer-events: none;
}

.scs-content {
	display: grid;
	inline-size: 100%;
	padding: clamp(1rem, 4vw, 2rem);
	place-items: center;
}

.scs-logo {
	display: block;
	inline-size: auto;
	max-inline-size: min(5.6875rem, 32vw);
	block-size: auto;
	max-block-size: 7.3125rem;
}

.scs-footer {
	position: absolute;
	inset-inline: max(1.5rem, env(safe-area-inset-left, 0px)) max(1.5rem, env(safe-area-inset-right, 0px));
	inset-block-end: calc(3.75rem + env(safe-area-inset-bottom, 0px));
	text-align: center;
}

.scs-email {
	display: inline-block;
	max-inline-size: 100%;
	color: inherit;
	font-size: clamp(1.0625rem, 1.4vw, 1.25rem);
	font-weight: 400;
	line-height: 1.2;
	overflow-wrap: anywhere;
	text-decoration-line: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 0.12em;
	transition: text-decoration-thickness 150ms ease;
}

.scs-email:hover {
	text-decoration-thickness: 2px;
}

.scs-email:focus-visible {
	border-radius: 0.125rem;
	outline: max(2px, 0.125em) solid currentcolor;
	outline-offset: 0.35rem;
}

@media (min-width: 48rem) {
	.scs-page--overlay::before {
		background-color: rgb(0 0 0 / var(--scs-overlay-opacity, 0.3));
	}

	.scs-footer {
		inset-block-end: calc(2rem + env(safe-area-inset-bottom, 0px));
	}
}

@media (prefers-reduced-motion: reduce) {
	.scs-email {
		transition: none;
	}

	.scs-video {
		display: none;
	}
}

@media (prefers-contrast: more) {
	.scs-page--overlay::before {
		background-color: rgb(0 0 0 / max(var(--scs-mobile-overlay-opacity, 0.47), 0.6));
	}

	.scs-email {
		text-decoration-thickness: 2px;
	}
}

@media (prefers-contrast: more) and (min-width: 48rem) {
	.scs-page--overlay::before {
		background-color: rgb(0 0 0 / max(var(--scs-overlay-opacity, 0.3), 0.6));
	}
}
