:root {
	--homeden-gold: #bd9432;
	--homeden-black: #171717;
	--homeden-ink: #17130f;
	--homeden-text: #3f3f3f;
	--homeden-muted: #f5f2ec;
	--homeden-white: #ffffff;
	--homeden-cream: #fffaf2;
}

html {
	scroll-behavior: smooth;
}

body {
	color: var(--homeden-text);
	background: var(--homeden-white);
	font-family: Montserrat, Arial, sans-serif;
}

::selection {
	color: var(--homeden-white);
	background: var(--homeden-gold);
}

.homeden-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 700ms ease, transform 700ms ease;
}

.homeden-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

.homeden-gold {
	color: var(--homeden-gold);
}

.homeden-bg-muted {
	background: var(--homeden-muted);
}

.parallax {
	position: relative;
	overflow: hidden;
	--homeden-parallax-y: 0px;
}

.parallax img {
	display: block;
	width: 100%;
	transform: translate3d(0, var(--homeden-parallax-y), 0) scale(1.12);
	transform-origin: center center;
	transition: transform 90ms linear;
	will-change: transform;
}

.parallax .elementor-widget-image,
.parallax .elementor-widget-container,
.parallax .elementor-image {
	overflow: hidden;
}

.homeden-site-header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	color: var(--homeden-cream);
	transition: background 260ms ease, box-shadow 260ms ease, border-color 260ms ease, transform 260ms ease;
}

.homeden-site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(180deg, rgba(12, 9, 7, .46), rgba(12, 9, 7, 0));
	opacity: 1;
	transition: opacity 260ms ease;
}

.homeden-site-header.is-scrolled,
.homeden-site-header.is-open {
	border-bottom: 1px solid rgba(23, 19, 15, .08);
	background: rgba(255, 250, 242, .78);
	box-shadow: 0 18px 50px rgba(23, 19, 15, .10);
	color: var(--homeden-ink);
	backdrop-filter: blur(18px);
	-webkit-backdrop-filter: blur(18px);
}

.homeden-site-header.is-scrolled::before,
.homeden-site-header.is-open::before {
	opacity: 0;
}

.homeden-site-header__inner {
	display: grid;
	grid-template-columns: auto 1fr auto auto;
	align-items: center;
	gap: clamp(18px, 2.4vw, 34px);
	width: min(1240px, calc(100% - 48px));
	min-height: 82px;
	margin: 0 auto;
}

.homeden-site-header__brand {
	position: relative;
	display: block;
	width: clamp(138px, 12vw, 176px);
	height: 52px;
	color: inherit;
	text-decoration: none;
}

.homeden-site-header__logo {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	height: auto;
	max-height: 42px;
	object-fit: contain;
	object-position: left center;
	transform: translateY(-50%);
	transition: opacity 220ms ease, transform 220ms ease;
}

.homeden-site-header__logo--dark {
	opacity: 0;
}

.homeden-site-header.is-scrolled .homeden-site-header__logo--light,
.homeden-site-header.is-open .homeden-site-header__logo--light {
	opacity: 0;
}

.homeden-site-header.is-scrolled .homeden-site-header__logo--dark,
.homeden-site-header.is-open .homeden-site-header__logo--dark {
	opacity: 1;
}

.homeden-site-header__nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: clamp(18px, 2.2vw, 32px);
}

.homeden-site-header__nav a,
.homeden-site-header__mobile a {
	color: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .02em;
	text-decoration: none;
	transition: color 180ms ease, opacity 180ms ease;
}

.homeden-site-header__nav a {
	position: relative;
	padding: 10px 0;
	opacity: .92;
}

.homeden-site-header__nav a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 3px;
	left: 0;
	height: 1px;
	background: currentColor;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 220ms ease;
}

.homeden-site-header__nav a:hover,
.homeden-site-header__nav a:focus-visible {
	color: currentColor !important;
	opacity: 1;
}

.homeden-site-header__nav a:hover::after,
.homeden-site-header__nav a:focus-visible::after {
	transform: scaleX(1);
	transform-origin: left;
}

.homeden-site-header__cta,
.homeden-site-header__mobile-cta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	border: 1px solid rgba(255, 250, 242, .42);
	border-radius: 2px;
	color: inherit;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .09em;
	text-decoration: none;
	text-transform: uppercase;
	transition: transform 200ms ease, background 200ms ease, border-color 200ms ease, color 200ms ease, box-shadow 200ms ease;
}

.homeden-site-header__cta {
	padding: 12px 17px;
}

.homeden-site-header.is-scrolled .homeden-site-header__cta,
.homeden-site-header.is-open .homeden-site-header__cta {
	border-color: var(--homeden-gold);
	background: var(--homeden-gold);
	color: var(--homeden-ink);
	box-shadow: 0 12px 32px rgba(189, 148, 50, .22);
}

.homeden-site-header__cta:hover,
.homeden-site-header__cta:focus-visible,
.homeden-site-header__mobile-cta:hover,
.homeden-site-header__mobile-cta:focus-visible {
	color: inherit !important;
	transform: translateY(-1px);
}

.homeden-site-header.is-scrolled .homeden-site-header__cta:hover,
.homeden-site-header.is-scrolled .homeden-site-header__cta:focus-visible,
.homeden-site-header.is-open .homeden-site-header__cta:hover,
.homeden-site-header.is-open .homeden-site-header__cta:focus-visible,
.homeden-site-header__mobile-cta:hover,
.homeden-site-header__mobile-cta:focus-visible {
	color: var(--homeden-ink) !important;
}

.homeden-site-header__toggle {
	display: none;
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0;
	border: 1px solid rgba(255, 250, 242, .28);
	border-radius: 50%;
	background: rgba(255, 250, 242, .07);
	color: inherit;
	cursor: pointer;
}

.homeden-site-header.is-scrolled .homeden-site-header__toggle,
.homeden-site-header.is-open .homeden-site-header__toggle {
	border-color: rgba(23, 19, 15, .16);
	background: rgba(23, 19, 15, .04);
}

.homeden-site-header__toggle span {
	position: absolute;
	left: 13px;
	width: 18px;
	height: 1px;
	background: currentColor;
	transition: transform 220ms ease, top 220ms ease;
}

.homeden-site-header__toggle span:first-child {
	top: 17px;
}

.homeden-site-header__toggle span:last-child {
	top: 25px;
}

.homeden-site-header.is-open .homeden-site-header__toggle span:first-child {
	top: 21px;
	transform: rotate(45deg);
}

.homeden-site-header.is-open .homeden-site-header__toggle span:last-child {
	top: 21px;
	transform: rotate(-45deg);
}

.homeden-site-header__mobile {
	display: none;
	width: min(1240px, calc(100% - 48px));
	margin: 0 auto;
	padding: 4px 0 24px;
}

.homeden-site-header__mobile a {
	display: flex;
	align-items: center;
	min-height: 44px;
	border-top: 1px solid rgba(23, 19, 15, .10);
}

.homeden-site-header__mobile-cta {
	width: 100%;
	margin-top: 14px;
	border-color: var(--homeden-gold) !important;
	background: linear-gradient(135deg, #dca644, #9f751e);
	color: var(--homeden-ink) !important;
}

@media (max-width: 980px) {
	.homeden-site-header__inner {
		grid-template-columns: auto 1fr auto;
		min-height: 72px;
	}

	.homeden-site-header__nav,
	.homeden-site-header__cta {
		display: none;
	}

	.homeden-site-header__toggle {
		display: block;
		justify-self: end;
	}

	.homeden-site-header.is-open .homeden-site-header__mobile {
		display: grid;
	}
}

@media (max-width: 767px) {
	.homeden-site-header__inner,
	.homeden-site-header__mobile {
		width: min(100% - 32px, 560px);
	}

	.homeden-site-header__brand {
		width: 132px;
		height: 46px;
	}

	.homeden-site-header__logo {
		max-height: 36px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.parallax img {
		transform: none;
		transition: none;
	}
}
