@font-face { font-family: "Selecta"; src: url("../../fonts/Selecta-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; }

body.home .header {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 20;
	width: 100%;
	height: 121px;
	background: linear-gradient(180deg, rgba(17,17,16,.66), rgba(17,17,16,0));
}
body.home .header .container__header { max-width: 1248px; padding: 20px 24px 0; }
body.home .header__row,
body.home .header__menu { height: 50px; }
body.home .header__menu { align-items: center; }
body.home .header__logoLink { width: 167px; height: 50px; }
body.home .header__logo { width: 100%; height: 100%; object-fit: contain; }
body.home .nav__list_header { align-items: center; gap: 32px; }
body.home .nav__link {
	color: #fff;
	font-family: Graphik, Arial, sans-serif;
	font-size: 14px;
	font-weight: 300;
	line-height: 17px;
	text-transform: none;
}
body.home .header__nav_right .menu-item:last-child > a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 125px;
	height: 36px;
	background: #fff;
	color: #111110;
	font-size: 13px;
	line-height: 16px;
	text-transform: uppercase;
}

.home-showcase {
	-webkit-mask: url("../../images/dest/masks/1.svg") bottom / cover no-repeat;
	mask: url("../../images/dest/masks/1.svg") bottom / cover no-repeat;
	position: relative;
	height: 629px;
	overflow: hidden;
	background: #111110;
	color: #fff;
}
.home-showcase__slides,
.home-showcase__slide,
.home-showcase__picture,
.home-showcase__image { position: absolute; inset: 0; width: 100%; height: 100%; }
.home-showcase__slide {
	opacity: 0;
	pointer-events: none;
	transition: opacity .8s ease;
}
.home-showcase__slide.is-active { z-index: 1; opacity: 1; pointer-events: auto; }
.home-showcase__image { object-fit: cover; }
.home-showcase__slide--sanctuary .home-showcase__image { object-position: center 47%; }
.home-showcase__slide--cielo .home-showcase__image { object-position: center 50%; }
.home-showcase__slide::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(17,17,16,.12), rgba(17,17,16,.02) 55%, rgba(17,17,16,.2));
	content: '';
}
.home-showcase__content { position: absolute; inset: 0; z-index: 2; }
.home-showcase__development-logo { position: absolute; display: block; height: auto; }
.home-showcase__slide--sanctuary .home-showcase__development-logo { top: 293px; left: max(calc((100vw - 1217px)/2), 7.3vw); width: 275px; }
.home-showcase__slide--cielo .home-showcase__development-logo { top: 291px; left: max(calc((100vw - 1197px)/2), 8vw); width: 214px; }
.home-showcase__tagline {
	position: absolute;
	top: 296px;
	right: max(calc((100vw - 1217px)/2), 7.3vw);
	margin: 0;
	color: #fff;
}
.home-showcase__slide--sanctuary .home-showcase__tagline { top: 301px; width: 282px; font-family: TiemposHeadline, Georgia, serif; font-size: 26px; font-weight: 400; font-variant-caps: normal; font-feature-settings: normal; line-height: 31px; text-transform: none; }
.home-showcase__slide--cielo .home-showcase__tagline { width: 282px; font-family: Selecta, Graphik, sans-serif; font-size: 20px; font-weight: 500; font-variant-caps: normal; line-height: 26px; text-transform: uppercase; white-space: nowrap; }
.home-showcase__button {
	position: absolute;
	top: 495px;
	left: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 160px;
	height: 36px;
	box-sizing: border-box;
	padding: 0 18px;
	white-space: nowrap;
	transform: translateX(-50%);
	background: #fcfcfc;
	color: #000;
	font-family: Graphik, Arial, sans-serif;
	font-size: 13px;
	font-weight: 300;
	line-height: 16px;
	text-transform: uppercase;
	transition: background-color .25s ease, color .25s ease;
}
.home-showcase__slide--cielo .home-showcase__button { top: 495px; }
.home-showcase__button:hover { background: #111110; color: #fff; }
.home-showcase__dots {
	position: absolute;
	bottom: 65px;
	left: 50%;
	z-index: 6;
	display: flex;
	gap: 10px;
	transform: translateX(-50%);
}
.home-showcase__dot {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 1px solid #fff;
	border-radius: 50%;
	background: transparent;
	cursor: pointer;
}
.home-showcase__dot.is-active { background: #fff; }

@media (max-width: 1023px) {
	body.home .header__menu.header__menu_active { height: 100vh; height: 100dvh; align-items: center; }
	body.home .header__menu.header__menu_active .nav__list_header { align-items: flex-start; gap: 0; }
	body.home .header__menu.header__menu_active .header__logoLink { width: 153px; height: 46px; }
}

@media (min-width: 768px) {
	body.home .header__nav_left .nav__list_header > .menu-item:nth-child(2),
	body.home .header__nav_left .nav__list_header > .menu-item:nth-child(3) { display: none; }
}
@media (max-width: 767px) {
	body.home .header { height: 100px; background: linear-gradient(180deg, rgba(17,17,16,.55), transparent); }
	body.home .header .container__header { height: 100px; padding: 0 20px; }
	body.home .header__row { height: 100px; }
	body.home .header__row > .header__logoLink { position: absolute; top: 22px; left: 50%; width: 153px; height: 46px; transform: translateX(-50%); }
	body.home .wrapper__hamburger { position: absolute; top: 40px; left: 29px; z-index: 51; width: 35px; }
	body.home .header__hamburger,
	body.home .header__bar { width: 35px; }
	body.home .header__bar_1 { background: #fff; }
	body.home .wrapper__hamburger_active .header__bar_1 { background: transparent; }
	.home-showcase { height: 562px; }
	.home-showcase__slide--sanctuary .home-showcase__image { object-position: center; }
	.home-showcase__slide--cielo .home-showcase__image { object-position: 53% center; }
	.home-showcase__slide--sanctuary .home-showcase__development-logo { top: 302px; left: 50%; width: 158px; transform: translateX(-50%); }
	.home-showcase__slide--cielo .home-showcase__development-logo { top: 306px; left: 50%; width: 74px; transform: translateX(-50%); }
	.home-showcase__tagline { top: 351px !important; right: auto; left: 50%; width: 310px !important; transform: translateX(-50%); text-align: center; }
	.home-showcase__slide--sanctuary .home-showcase__tagline { font-size: 26px; line-height: 31px; }
	.home-showcase__slide--cielo .home-showcase__tagline { width: 282px !important; font-size: 20px; line-height: 26px; }
	.home-showcase__button,
	.home-showcase__slide--cielo .home-showcase__button { top: 440px; }
	.home-showcase__dots { bottom: 38px; }
}
@media (prefers-reduced-motion: reduce) {
	.home-showcase__slide { transition: none; }
}