.adg-projects-archive {
		font-family: "Manrope", sans-serif;
		color: #111;
		background: #fff;
	}

	.adg-projects-archive__hero {
		position: relative;
		display: grid;
		min-height: clamp(360px, 48vw, 560px);
		align-items: end;
		overflow: hidden;
		padding: calc(var(--adg-header-height, 88px) + clamp(70px, 9vw, 130px)) clamp(20px, 6vw, 92px) clamp(44px, 6vw, 80px);
		background: #111;
		color: #fff;
	}

	.adg-projects-archive__hero::before {
		position: absolute;
		inset: 0;
		content: "";
		background:
			/*linear-gradient(90deg, rgba(0, 0, 0, 0.78), rgba(0, 0, 0, 0.28) 58%, rgba(0, 0, 0, 0.5)),*/
			linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),
			var(--adg-projects-hero-image, linear-gradient(135deg, #222, #555));
		background-position: center;
		background-size: cover;
		transform: scale(1.02);
	}

	.adg-projects-archive__hero-inner {
		position: relative;
		z-index: 1;
		display: grid;
		grid-template-columns: minmax(0, 0.85fr) minmax(260px, 0.42fr);
		gap: clamp(24px, 5vw, 80px);
		align-items: end;
		width: min(1400px, 100%);
		margin: 0 auto;
	}

	.adg-projects-archive__eyebrow {
		display: block;
		margin-bottom: 14px;
		font-size: 12px;
		font-weight: 700;
		letter-spacing: 0.12em;
		text-transform: uppercase;
	}

	.adg-projects-archive__title {
        max-width: 820px;
        margin: 0;
        color: #fff;
        font-size: clamp(28px, 3.6vw, 48px) !important;
        font-weight: 500;
        line-height: 1.2;
        letter-spacing: 0;
        text-transform: uppercase;
        font-family: Michroma, sans-serif !important;
    }

	.adg-projects-archive__intro {
		max-width: 460px;
		margin: 0;
		color: rgba(255, 255, 255, 0.82);
		font-size: clamp(16px, 1.3vw, 16px) !important;
		line-height: 1.65;
		font-family: "Inter", Sans-serif;
		font-weight: 300;
	}

	.adg-projects-archive__body {
		width: min(1400px, calc(100% - 40px));
		margin: 0 auto;
		padding: clamp(42px, 5vw, 82px) 0 clamp(64px, 7vw, 112px);
	}

	.adg-projects-archive__tabs {
		display: flex;
		flex-wrap: wrap;
		gap: 10px;
		margin-bottom: clamp(28px, 4vw, 50px);
	}

	.adg-projects-archive__tab {
		display: inline-flex;
		min-height: 42px;
		align-items: center;
		justify-content: center;
		padding: 10px 20px;
		border: 1px solid rgba(0, 0, 0, 0.2);
		border-radius: 999px;
		color: #111;
		font-size: 12px;
		font-weight: 700;
		line-height: 1;
		text-decoration: none;
		text-transform: uppercase;
		transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
	}

	.adg-projects-archive__tab:hover,
	.adg-projects-archive__tab:focus,
	.adg-projects-archive__tab.is-active {
		border-color: #4a432d;
		background: #4a432d;
		color: #fff;
		text-decoration: none;
	}

	.adg-projects-archive__meta {
		display: flex;
		justify-content: space-between;
		gap: 20px;
		margin-bottom: 18px;
		color: #595959;
		font-size: 13px;
		text-transform: uppercase;
	}

	.adg-projects-archive__grid {
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		gap: 20px;
	}

	.adg-projects-archive-card {
		position: relative;
		min-width: 0;
		overflow: hidden;
		border-radius: 0;
		background: #111;
	}

	.adg-projects-archive-card__link {
		position: relative;
		display: block;
		aspect-ratio: 1.32;
		min-height: 0;
		overflow: hidden;
		color: #fff;
		text-decoration: none;
	}

	.adg-projects-archive-card__link:hover,
	.adg-projects-archive-card__link:focus {
		color: #fff;
		text-decoration: none;
	}

	.adg-projects-archive-card__image,
	.adg-projects-archive-card__shade,
	.adg-projects-archive-card__content {
		position: absolute;
		inset: 0;
	}

	.adg-projects-archive-card__image img,
	.adg-projects-archive-card__image > img {
		position: absolute;
		inset: 0;
		display: block;
		width: 100%;
		height: 100% !important;
		object-fit: cover;
		transform: scale(1);
		opacity: 0;
		transition: opacity 850ms ease, transform 700ms cubic-bezier(0.2, 0.65, 0.3, 1);
	}

	.adg-projects-archive-card__image img.is-active { opacity: 1; }

	.adg-projects-archive-card__shade {
		z-index: 1;
		background: linear-gradient(180deg, rgba(0, 0, 0, 0.06) 35%, rgba(0, 0, 0, 0.14) 65%, rgba(0, 0, 0, 0.64));
	}

	.adg-projects-archive-card__category {
		border: 1px solid rgba(0, 0, 0, 0.3);
		position: absolute;
		top: 16px;
		right: 16px;
		z-index: 2;
		display: inline-flex;
		min-height: 32px;
		align-items: center;
		max-width: calc(100% - 36px);
		padding: 8px 16px;
		border-radius: 999px;
		background: rgba(255, 255, 255, 0.92);
		color: #111;
		font-size: 11px;
		font-weight: 500;
		line-height: 1;
		text-transform: uppercase;
		white-space: normal;
		text-align: center;
	}

	.adg-projects-archive-card__arrow {
		display: block;
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
		max-width: 24px;
		max-height: 24px;
		color: #fff;
	}

	.adg-projects-archive-card__content {
		top: auto;
		z-index: 2;
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
		gap: 16px;
		padding: 16px;
	}

	.adg-projects-archive-card__title {
		min-width: 0;
		color: #fff;
		font-family: "Manrope", sans-serif;
		overflow-wrap: anywhere;
        display: block;
        max-width: 100%;
        font-size: clamp(17px, 1.5vw, 21px);
        font-weight: 500;
        line-height: 1.3;
        text-shadow: 0 2px 18px rgba(0, 0, 0, 0.42);
    }

	.adg-projects-archive-card__link:hover img,
	.adg-projects-archive-card__link:focus-visible img {
		
		transform: scale(1.08);
	}

	.adg-projects-archive__empty {
		padding: 52px 24px;
		border: 1px solid rgba(0, 0, 0, 0.12);
		color: #555;
		text-align: center;
	}
	body .site-main.adg-projects-archive#content {
        max-width: 100%;
        padding-top: 0;
    }

	@media (max-width: 1024px) {
		.adg-projects-archive__hero-inner {
			grid-template-columns: 1fr;
		}

		.adg-projects-archive__grid {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
	}

	@media (max-width: 640px) {
		.adg-projects-archive__hero {
			padding-right: 20px;
			padding-left: 20px;
		}

		.adg-projects-archive__body {
			width: min(100% - 28px, 1400px);
		}

		.adg-projects-archive__tabs {
			flex-wrap: nowrap;
			overflow-x: auto;
			padding-bottom: 4px;
			scrollbar-width: none;
		}

		.adg-projects-archive__tabs::-webkit-scrollbar {
			display: none;
		}

		.adg-projects-archive__tab {
			flex: 0 0 auto;
		}

		.adg-projects-archive__meta {
			display: block;
		}

		.adg-projects-archive__grid {
			grid-template-columns: 1fr;
		}

		.adg-projects-archive-card__link {
			min-height: 0;
		}
	}

body .site-main.adg-projects-category#content { padding-top: var(--adg-header-height, 88px); }
.adg-projects-category__heading { margin-bottom: clamp(28px, 4vw, 48px); padding-bottom: clamp(24px, 3vw, 40px); border-bottom: 1px solid #d8d5cd; color: #4a432d; }
.adg-projects-category__heading h1 { font-family: "Michroma", sans-serif; font-size: clamp(24px, 3.2vw, 44px); font-weight: 500; line-height: 1.4; text-transform: uppercase; margin: 0; overflow-wrap: anywhere; color: #4a432d; }
.adg-projects-category__description { max-width: 760px; margin-top: 20px; font-size: 16px; line-height: 1.8; color: #555; }
.adg-projects-category__description p:last-child { margin-bottom: 0; }
.adg-projects-category .pagination { margin-top: 36px; }
.adg-projects-category .nav-links { display: flex; flex-wrap: wrap; gap: 8px; }
.adg-projects-category .page-numbers { display: inline-flex; justify-content: center; align-items: center; min-width: 44px; min-height: 44px; padding: 8px 14px; border: 1px solid #d8d5cd; color: #4a432d; font-size: 14px; text-decoration: none; }
.adg-projects-category .page-numbers.current, .adg-projects-category a.page-numbers:hover { background: #4a432d; border-color: #4a432d; color: #fff; }
.adg-projects-archive :focus-visible {
	outline: 2px solid #b6a477;
	outline-offset: -3px;
}
.adg-projects-archive__body[aria-busy="true"] .adg-projects-archive__grid {
	opacity: 0.45;
	pointer-events: none;
}
.adg-projects-archive__status:not(.screen-reader-text) {
	padding: 12px 16px;
	border: 1px solid #b6a477;
	color: #4a432d;
}
@media (prefers-reduced-motion: reduce) {
	.adg-projects-archive-card__image img { transition: none; }

	.adg-projects-archive-card__link:hover img,
	.adg-projects-archive-card__link:focus-visible img { transform: none; }
}

@media (max-width: 575px){
main#content {
    padding-right: 0px;
    padding-left: 0px;
}
}