/*
Theme Name: Pureosity Holding
Theme URI: https://pureosity.net/
Author: Pureosity
Description: Temporary holding page for Pureosity.
Version: 1.0.6
Text Domain: pureosity-holding
*/

:root {
	--ink: #f5f2ec;
	--muted: rgba(245, 242, 236, 0.72);
}

* {
	box-sizing: border-box;
}

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

body {
	background: #171b1b;
	color: var(--ink);
	font-family: Arial, Helvetica, sans-serif;
}

.holding {
	align-items: stretch;
	display: flex;
	min-height: 100svh;
	overflow: hidden;
	position: relative;
}

.holding__editor-content {
	display: none;
}

.elementor-editor-active .holding__editor-content {
	display: block;
	position: relative;
	z-index: 2;
}

.holding__image,
.holding__shade {
	inset: 0;
	position: absolute;
}

.holding__image {
	background-image: url("assets/images/ocean.jpg");
	background-position: center 47%;
	background-size: cover;
	transform: scale(1.01);
}

.holding__shade {
	background:
		linear-gradient(90deg, rgba(8, 12, 12, 0.62) 0%, rgba(8, 12, 12, 0.18) 68%, rgba(8, 12, 12, 0.08) 100%),
		linear-gradient(180deg, rgba(8, 12, 12, 0.12) 50%, rgba(8, 12, 12, 0.56) 100%);
}

.holding__content {
	display: flex;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	padding: clamp(28px, 4vw, 60px);
	position: relative;
	z-index: 1;
}

.holding__brand {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(24px, 2.7vw, 42px);
	font-weight: 400;
	letter-spacing: 0.14em;
	line-height: 1;
	margin: 0;
}

.holding__message {
	max-width: 720px;
	padding: 18vh 0 10vh;
}

.holding__eyebrow {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.2em;
	margin: 0 0 20px;
	text-transform: uppercase;
}

.holding__title {
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(44px, 7vw, 100px);
	font-weight: 400;
	letter-spacing: 0;
	line-height: 0.98;
	margin: 0;
}

.holding__copy {
	color: var(--muted);
	font-size: clamp(15px, 1.3vw, 18px);
	line-height: 1.6;
	margin: 28px 0 0;
	max-width: 490px;
}

.holding__footer {
	color: var(--muted);
	font-size: 11px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

@media (max-width: 640px) {
	.holding__image {
		background-position: 58% center;
	}

	.holding__shade {
		background: linear-gradient(180deg, rgba(8, 12, 12, 0.24) 0%, rgba(8, 12, 12, 0.68) 100%);
	}

	.holding__content {
		padding: 26px 22px;
	}

	.holding__message {
		padding: 24vh 0 12vh;
	}

	.holding__brand {
		font-size: 22px;
	}
}