.damatis-project {
	background: var(--dm-color-bg, #fff);
}

.damatis-project-hero {
	position: relative;
	display: flex;
	align-items: flex-end;
	min-height: clamp(620px, 82vh, 900px);
	overflow: hidden;
	background: #1b1b1b;
}

.damatis-project-hero__image {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.damatis-project-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		linear-gradient(
			90deg,
			rgba(10, 12, 16, 0.72) 0%,
			rgba(10, 12, 16, 0.44) 42%,
			rgba(10, 12, 16, 0.08) 76%
		),
		linear-gradient(
			0deg,
			rgba(10, 12, 16, 0.48) 0%,
			rgba(10, 12, 16, 0) 48%
		);
}

.damatis-project-hero__content {
	position: relative;
	z-index: 2;
	width: 100%;
	padding-top: 150px;
	padding-bottom: clamp(72px, 10vh, 120px);
	color: #fff;
	pointer-events: none;
}

.damatis-project-hero__content a,
.damatis-project-hero__content button {
	pointer-events: auto;
}

.damatis-project-hero__breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 9px;
	margin-bottom: 34px;
	color: rgba(255, 255, 255, 0.76);
	font-size: 14px;
}

.damatis-project-hero__breadcrumb a {
	color: #fff;
	text-decoration: none;
}

.damatis-project-hero__breadcrumb a:hover {
	color: #f2d7ac;
}

.damatis-project-hero__text {
	max-width: 760px;
}

.damatis-project-hero__code {
	margin: 0 0 12px;
	color: #f2d7ac;
	font-size: 14px;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.damatis-project-hero__title {
	max-width: 900px;
	margin: 0;
	color: #fff;
	font-size: clamp(46px, 7vw, 92px);
	line-height: 0.98;
}

.damatis-project-hero__subtitle {
	max-width: 690px;
	margin: 24px 0 0;
	color: rgba(255, 255, 255, 0.88);
	font-size: clamp(18px, 2.2vw, 27px);
	line-height: 1.5;
}

.damatis-project-hero__button {
	margin-top: 34px;
}

.damatis-project__container{

	max-width:1440px;

	margin:0 auto;

	padding-top:100px;

	padding-bottom:140px;

}

.damatis-project-gallery{

	max-width:1320px;

	margin:100px auto;

	scroll-margin-top:120px;

}

.damatis-project-gallery{

	max-width:1400px;

	margin:0 auto;

}

.damatis-project-gallery__main{

	position:relative;

	display:flex;

	align-items:center;

	justify-content:center;

	padding:20px;

	background:#f8f8f8;

	border-radius:22px;

	box-shadow:0 15px 45px rgba(0,0,0,.08);

	overflow:hidden;

}

.damatis-project-gallery__main img{

	display:block;

	width:auto;

	height:auto;

	max-width:100%;

	max-height:900px;

	object-fit:contain;

	border-radius:16px;

	transition:
	opacity .25s ease,
	transform .35s ease;

}

.damatis-project-gallery__main img.is-changing {
	opacity: 0.38;
	transform: scale(1.01);
}

.damatis-project-gallery__thumbs{

	display:flex;

	flex-wrap:wrap;

	justify-content:center;

	gap:16px;

	margin-top:28px;

}

.damatis-project-gallery__thumb{

	width:130px;

	height:90px;

	padding:0;

	border:3px solid transparent;

	border-radius:12px;

	background:#fff;

	overflow:hidden;

	cursor:pointer;

	box-shadow:0 8px 20px rgba(0,0,0,.08);

	transition:
	transform .25s,
	border-color .25s,
	box-shadow .25s;

}

.damatis-project-gallery__thumb:hover{

	transform:translateY(-5px);

	box-shadow:0 15px 35px rgba(0,0,0,.15);

}

.damatis-project-gallery__thumb.is-active {
	border-color: var(--dm-color-primary, #b08a53);
}

.damatis-project-gallery__thumb img{

	display:block;

	width:100%;

	height:100%;

	object-fit:cover;

}

.damatis-project__content{

	max-width:980px;

	margin:0 auto 90px;

	color:#344057;

	font-size:19px;

	line-height:1.9;

}

.damatis-project-products{

	margin-top:90px;

}

.damatis-project-products__header {
	margin-bottom: 28px;
}

.damatis-project-products__intro{

	max-width:760px;

	margin:16px 0 0;

	color:#667085;

	font-size:17px;

	line-height:1.7;

}

.damatis-project-products__header h2 {
	margin: 0;
	color: #172033;
	font-size: clamp(28px, 4vw, 42px);
}

.damatis-project-products__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 24px;
}

.damatis-project-product {
	overflow: hidden;
	border: 1px solid #ececec;
	border-radius: 18px;
	background: #fff;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
}

.damatis-project-product__image {
	display: block;
	overflow: hidden;
	background: #f7f7f7;
}

.damatis-project-product__image img {
	display: block;
	width: 100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	transition: transform 0.35s ease;
}

.damatis-project-product:hover .damatis-project-product__image img {
	transform: scale(1.04);
}

.damatis-project-product__body {
	padding: 20px;
}

.damatis-project-product__sku {
	margin: 0 0 8px;
	color: #8a8f9c;
	font-size: 12px;
	text-transform: uppercase;
}

.damatis-project-product__title {
	margin: 0 0 18px;
	font-size: 18px;
	line-height: 1.35;
}

.damatis-project-product__title a {
	color: #172033;
	text-decoration: none;
}

.damatis-project-product__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 8px;
	background: var(--dm-color-primary, #b08a53);
	color: #fff;
	font-weight: 700;
	text-decoration: none;
}

.damatis-project-product__button:hover {
	background: var(--dm-color-primary-hover, #967442);
	color: #fff;
}

.damatis-lightbox-v3-trigger {
	cursor: zoom-in;
}

body.damatis-lightbox-v3-open {
	overflow: hidden;
}

.damatis-lightbox-v3 {
	position: fixed;
	inset: 0;
	z-index: 999999;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr) 72px;
	align-items: center;
	justify-items: center;
	padding: 28px;
	background: rgba(8, 10, 14, 0.97);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.25s ease, visibility 0.25s ease;
}

.damatis-lightbox-v3.is-open {
	opacity: 1;
	visibility: visible;
}

.damatis-lightbox-v3__stage {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: calc(100vh - 56px);
}

.damatis-lightbox-v3__image {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
	opacity: 1;
	transform: scale(1);
	transition: opacity 0.2s ease, transform 0.25s ease;
}

.damatis-lightbox-v3__image.is-changing {
	opacity: 0.35;
	transform: scale(0.99);
}

.damatis-lightbox-v3__close {
	position: fixed;
	top: 18px;
	right: 22px;
	z-index: 3;
	width: 48px;
	height: 48px;
	border: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font-size: 34px;
	line-height: 1;
	cursor: pointer;
}

.damatis-lightbox-v3__nav {
	width: 52px;
	height: 72px;
	border: 0;
	border-radius: 14px;
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
	font-size: 52px;
	line-height: 1;
	cursor: pointer;
	transition: background 0.2s ease, transform 0.2s ease;
}

.damatis-lightbox-v3__nav:hover,
.damatis-lightbox-v3__close:hover {
	background: rgba(255, 255, 255, 0.22);
}

.damatis-lightbox-v3__counter {
	position: absolute;
	left: 50%;
	bottom: 14px;
	transform: translateX(-50%);
	padding: 8px 12px;
	border-radius: 999px;
	background: rgba(0, 0, 0, 0.45);
	color: #fff;
	font-size: 14px;
}

@media (max-width: 1024px) {
	.damatis-project-products__grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 680px) {
	.damatis-project-hero {
		min-height: 700px;
	}

	.damatis-project-hero__overlay {
		background:
			linear-gradient(
				0deg,
				rgba(10, 12, 16, 0.82) 0%,
				rgba(10, 12, 16, 0.24) 72%
			);
	}

	.damatis-project-hero__content {
		padding-top: 130px;
		padding-bottom: 58px;
	}

	.damatis-project__container {
		padding-top: 42px;
		padding-bottom: 60px;
	}

	.damatis-project-gallery__main img {
		height: 66vw;
	}

	.damatis-project-gallery__thumbs {
		grid-template-columns: repeat(3, 1fr);
	}

	.damatis-project-products__grid {
		grid-template-columns: 1fr;
	}

	.damatis-lightbox-v3 {
		grid-template-columns: 46px minmax(0, 1fr) 46px;
		padding: 18px 10px;
	}

	.damatis-lightbox-v3__stage {
		height: calc(100vh - 36px);
	}

	.damatis-lightbox-v3__nav {
		width: 42px;
		height: 58px;
		font-size: 40px;
	}

	.damatis-lightbox-v3__close {
		top: 10px;
		right: 10px;
		width: 42px;
		height: 42px;
		font-size: 30px;
	}
}

.damatis-project-hero{cursor:zoom-in}
.damatis-project-hero__overlay{pointer-events:none}
.damatis-project-hero__content{pointer-events:none}
.damatis-project-hero__content a,
.damatis-project-hero__content button{pointer-events:auto;cursor:pointer}

.damatis-project-section{

	margin-bottom:70px;

}

.damatis-project-section:last-child{

	margin-bottom:0;

}

.damatis-project-section__title{

	margin:0 0 22px;

	color:#172033;

	font-size:clamp(32px,4vw,44px);

	font-weight:700;

	line-height:1.2;

}

.damatis-project-section__content{

	font-size:19px;

	line-height:1.9;

	color:#475467;

}

.damatis-project-note{

	max-width:900px;

	margin:50px auto 70px;

	padding:22px 28px;

	background:#faf8f5;

	border-left:4px solid var(--dm-color-primary,#b08a53);

	border-radius:12px;

}

.damatis-project-note h3{

	margin:0 0 10px;

	font-size:22px;

	font-weight:600;

	color:#172033;

}

.damatis-project-note p{

	margin:0;

	font-size:16px;

	line-height:1.7;

	color:#667085;

}

.damatis-project-cta{

	margin:110px auto 0;

	padding:70px;

	max-width:1100px;

	text-align:center;

	background:linear-gradient(135deg,#f8f7f4,#ffffff);

	border-radius:22px;

	box-shadow:0 18px 55px rgba(0,0,0,.08);

}

.damatis-project-cta h2{

	margin:0;

	font-size:clamp(34px,5vw,48px);

	color:#172033;

}

.damatis-project-cta p{

	max-width:760px;

	margin:24px auto 0;

	font-size:18px;

	line-height:1.9;

	color:#667085;

}

.damatis-project-cta__button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	margin-top:38px;

	padding:18px 42px;

	border-radius:10px;

	background:var(--dm-color-primary,#b08a53);

	color:#fff;

	font-size:17px;

	font-weight:700;

	text-decoration:none;

	transition:.25s;

}

.damatis-project-cta__button:hover{

	transform:translateY(-2px);

	background:#9d7847;

	color:#fff;

}

			.damatis-project-cta{

	margin:120px auto 0;

	max-width:1200px;

}

.damatis-project-cta__inner{

	padding:70px 80px;

	text-align:center;

	background:linear-gradient(
		135deg,
		#faf8f4 0%,
		#ffffff 100%
	);

	border:1px solid #ece7df;

	border-radius:24px;

	box-shadow:
		0 25px 60px rgba(0,0,0,.07);

}

.damatis-project-cta__eyebrow{

	display:inline-block;

	margin-bottom:18px;

	font-size:13px;

	font-weight:700;

	letter-spacing:.22em;

	color:#b08a53;

	text-transform:uppercase;

}

.damatis-project-cta h2{

	margin:0;

	font-size:clamp(40px,5vw,56px);

	line-height:1.15;

	color:#172033;

}

.damatis-project-cta__lead{

	max-width:760px;

	margin:24px auto 0;

	font-size:20px;

	line-height:1.9;

	color:#667085;

}

.damatis-project-cta__benefits{

	display:grid;

	grid-template-columns:repeat(2,1fr);

	gap:18px;

	max-width:900px;

	margin:50px auto;

	text-align:left;

}

.damatis-project-cta__item{

	padding:18px 22px;

	background:#fff;

	border-radius:12px;

	border:1px solid #ececec;

	font-size:17px;

	color:#344054;

	box-shadow:0 10px 22px rgba(0,0,0,.05);

}

.damatis-project-cta__button{

	display:inline-flex;

	align-items:center;

	justify-content:center;

	padding:18px 42px;

	border-radius:10px;

	background:#b08a53;

	color:#fff;

	font-size:18px;

	font-weight:700;

	text-decoration:none;

	transition:.25s;

}

.damatis-project-cta__button:hover{

	background:#967442;

	transform:translateY(-2px);

	color:#fff;

}

.damatis-project-cta__footer{

	margin:26px 0 0;

	font-size:15px;

	color:#8a8f98;

}