/* ============================================
   HEADER
   ============================================ */
.topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: var(--topbar-h);
	padding-inline: var(--container-pad);
	border-bottom: 1px solid var(--color-line-soft);
	background: #06060a;
	font-family: var(--font-sans);
	font-size: var(--fs-xs);
	letter-spacing: var(--ls-wide);
	color: var(--color-text-mute);
}

.topbar__left,
.topbar__right {
	display: flex;
	gap: var(--space-5);
	align-items: center;
}

.topbar a:hover { color: var(--color-gold); }

@media (max-width: 720px) {
	.topbar { display: none; }
}

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: var(--z-header);
	background: transparent;
	border-bottom: 1px solid transparent;
	isolation: isolate;
	transition:
		border-color 700ms cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 700ms cubic-bezier(0.16, 1, 0.3, 1),
		backdrop-filter 700ms cubic-bezier(0.16, 1, 0.3, 1),
		-webkit-backdrop-filter 700ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Altın katman — tek renk #c9a96e, sadece şeffaflık (gradient yok).
   Frosted glass etkisi backdrop-filter ile veriliyor. */
.site-header::before {
	content: "";
	position: absolute;
	inset: 0;
	background: rgba(201, 169, 110, 0.78);
	opacity: 0;
	transform: translateY(-100%);
	transform-origin: top center;
	filter: blur(8px);
	transition:
		opacity 720ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 720ms cubic-bezier(0.16, 1, 0.3, 1),
		filter 720ms cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 0;
	pointer-events: none;
	will-change: transform, opacity, filter;
}

/* İnce alt parıltı çizgisi — opacity ile fade-in */
.site-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 1px;
	background: linear-gradient(90deg,
		rgba(255, 255, 255, 0) 0%,
		rgba(255, 235, 200, 0.55) 30%,
		rgba(255, 235, 200, 0.55) 70%,
		rgba(255, 255, 255, 0) 100%);
	opacity: 0;
	transform: scaleX(0.6);
	transform-origin: center;
	transition:
		opacity 900ms cubic-bezier(0.16, 1, 0.3, 1) 80ms,
		transform 900ms cubic-bezier(0.16, 1, 0.3, 1) 80ms;
	z-index: 3;
	pointer-events: none;
}

.site-header.is-scrolled::before {
	opacity: 1;
	transform: translateY(0%);
	filter: blur(0);
}

.site-header.is-scrolled::after {
	opacity: 1;
	transform: scaleX(1);
}

.site-header__inner {
	position: relative;
	z-index: 2;
}

.site-header.is-scrolled {
	border-bottom: 1px solid rgba(20, 14, 6, 0.32);
	box-shadow: 0 14px 38px -6px rgba(0, 0, 0, 0.38), 0 4px 12px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(20px) saturate(1.35);
	-webkit-backdrop-filter: blur(20px) saturate(1.35);
}

/* Scrolled — koyu metin altın zemin üzerinde, yumuşak renk geçişi */
.site-header .primary-nav__link,
.site-header .hamburger,
.site-header .header-cta {
	transition:
		color 520ms cubic-bezier(0.16, 1, 0.3, 1),
		background-color 520ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

.site-header.is-scrolled .primary-nav__link {
	color: #1a1610;
}

.site-header.is-scrolled .primary-nav__link::after {
	background: #1a1610;
}

.site-header.is-scrolled .header-cta {
	background: #14110a;
	color: #f3d99c;
	border-color: #14110a;
}

.site-header.is-scrolled .header-cta:hover {
	background: #0a0a0c;
	border-color: #0a0a0c;
	color: #e6cc8e;
}

.site-header.is-scrolled .hamburger {
	color: #1a1610;
}

@media (prefers-reduced-motion: reduce) {
	.site-header,
	.site-header::before,
	.site-header::after,
	.site-header .primary-nav__link,
	.site-header .hamburger,
	.site-header .header-cta {
		transition: opacity 200ms linear !important;
	}
	.site-header::before {
		filter: none !important;
		transform: none !important;
	}
	.site-header::after {
		transform: scaleX(1) !important;
	}
}

.site-header__inner {
	height: var(--header-h);
	max-width: var(--container-wide);
	margin: 0 auto;
	padding-inline: var(--container-pad);
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-6);
	transition: height var(--dur-base) var(--ease-out);
}

/* Scroll'da navbar yüksekliği aynı kalır — logo da küçülmesin diye */

.brand {
	display: flex;
	align-items: center;
	gap: var(--space-3);
	color: var(--color-text);
	flex-shrink: 0;
	position: relative;
	overflow: hidden;
	isolation: isolate;
}

.brand__logo {
	height: 72px;
	width: auto;
	filter: brightness(1.08) contrast(1.05);
	position: relative;
	z-index: 1;
	/* navbar 96px, logo 72px → 12px üst/alt nefes alanı, taşma yok */
}

/* Periyodik shimmer — gradient yok, blurlu beyaz şerit diagonal swipe */
.brand::after {
	content: "";
	position: absolute;
	top: -20px;
	bottom: -20px;
	width: 18px;
	left: 0;
	background: rgba(255, 245, 220, 0.55);
	filter: blur(10px);
	transform: rotate(18deg) translateX(-120px);
	mix-blend-mode: screen;
	opacity: 0;
	pointer-events: none;
	z-index: 2;
	animation: brandShimmer 7s cubic-bezier(0.4, 0, 0.2, 1) infinite;
	animation-delay: 2.4s;
}

@keyframes brandShimmer {
	0%, 80%   { transform: rotate(18deg) translateX(-120px); opacity: 0; }
	84%       { opacity: 0.95; }
	95%       { transform: rotate(18deg) translateX(220px); opacity: 0; }
	100%      { transform: rotate(18deg) translateX(220px); opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.brand::after { animation: none; }
}

@media (max-width: 600px) {
	/* Mobile navbar 78px, logo 56px → 11px üst/alt nefes alanı, taşma yok */
	.brand__logo {
		height: 56px;
	}
	/* Logo daha sola yapışsın — sol padding minimal, sağ taraf hamburger için normal */
	.site-header__inner {
		padding-left: 8px;
		padding-right: var(--container-pad);
		gap: var(--space-4);
	}
}

/* Primary nav */
.primary-nav {
	display: flex;
	align-items: center;
	gap: var(--space-7);
}

.primary-nav__list {
	display: flex;
	align-items: center;
	gap: var(--space-6);
}

/* Orta viewport'larda (EN gibi uzun metinli dillerde) sıkışıklığı önle */
@media (max-width: 1280px) {
	.primary-nav { gap: var(--space-5); }
	.primary-nav__list { gap: var(--space-4); }
	.primary-nav__link { font-size: 12px; letter-spacing: 0.08em; }
	.header-cta { padding: 7px 14px; font-size: 11px; letter-spacing: 0.18em; }
	.lang-toggle { margin-left: 6px; padding: 4px 8px; font-size: 10px; }
}

@media (max-width: 1180px) {
	/* Sadece header içindeki desktop lang-toggle gizlenir; mobile-nav içindeki kalır */
	.primary-nav .lang-toggle { display: none !important; }
}

/* Mobile-nav içi dil değiştirici — menünün ABSOLUTE EN ÜSTÜ
   Sola yapışık değil, küçük 2 segmentli premium toggle */
.mobile-nav__lang {
	display: inline-grid !important;
	grid-template-columns: 1fr 1px 1fr;
	align-items: stretch;
	align-self: flex-start;
	margin: 0 var(--space-5) var(--space-6) var(--space-6);
	padding: 5px;
	background:
		linear-gradient(180deg, rgba(201, 169, 110, 0.10) 0%, rgba(201, 169, 110, 0.04) 100%),
		rgba(20, 16, 10, 0.55);
	border: 1px solid rgba(201, 169, 110, 0.32);
	border-radius: 999px;
	box-shadow:
		inset 0 1px 0 rgba(255, 235, 200, 0.06),
		0 6px 18px -8px rgba(0, 0, 0, 0.5);
	font-family: var(--font-mono, var(--font-sans));
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.22em;
	color: var(--color-text);
	cursor: pointer;
	transition: background 240ms ease, border-color 240ms ease;
	gap: 0;
}
.mobile-nav__lang:hover {
	border-color: rgba(201, 169, 110, 0.55);
}
.mobile-nav__lang .lang-toggle__option {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 8px 18px;
	color: rgba(231, 201, 146, 0.55);
	border-radius: 999px;
	transition: color 240ms ease, background 240ms ease;
}
.mobile-nav__lang .lang-toggle__option.is-active {
	color: #14110a;
	background: linear-gradient(180deg, #d6b87a 0%, #c9a96e 100%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.25),
		0 2px 8px rgba(201, 169, 110, 0.35);
}
.mobile-nav__lang .lang-toggle__sep {
	display: block;
	width: 1px;
	height: 60%;
	align-self: center;
	background: rgba(201, 169, 110, 0.22);
}

.primary-nav__link {
	font-family: var(--font-sans);
	font-size: var(--fs-sm);
	font-weight: 400;
	letter-spacing: var(--ls-wide);
	color: var(--color-text-soft);
	position: relative;
	padding-block: var(--space-2);
}

.primary-nav__link::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 4px;
	width: 0;
	height: 1px;
	background: var(--color-gold);
	transition: width var(--dur-base) var(--ease-out);
}

.primary-nav__link:hover {
	color: var(--color-text);
}

.primary-nav__link:hover::after { width: 100%; }

@media (max-width: 1024px) {
	.primary-nav { display: none; }
}

.header-cta {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2);
	padding: 8px 20px;
	border: 1px solid var(--color-gold);
	border-radius: 100px;
	color: var(--color-gold);
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	transition: all var(--dur-base) var(--ease-out);
	line-height: 1;
}

.header-cta:hover {
	background: var(--color-gold);
	color: var(--color-bg);
}

@media (max-width: 1024px) {
	.header-cta { display: none; }
}

/* Hamburger */
.hamburger {
	display: none;
	width: 44px;
	height: 44px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 6px;
	color: var(--color-text);
}

.hamburger span {
	display: block;
	width: 28px;
	height: 1px;
	background: currentColor;
	transition: transform var(--dur-base) var(--ease-out), opacity var(--dur-base) var(--ease-out);
}

.hamburger span:nth-child(2) { width: 20px; align-self: flex-end; }

.hamburger.is-open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.hamburger.is-open span:nth-child(2) { opacity: 0; }
.hamburger.is-open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); width: 28px; }

@media (max-width: 1024px) {
	.hamburger { display: flex; }
}

/* Mobile nav — side drawer (sağdan açılır) */
.mobile-nav {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(86vw, 380px);
	background: linear-gradient(180deg, #0e0c08 0%, #060607 100%);
	border-left: 1px solid var(--color-gold);
	box-shadow: -20px 0 60px rgba(0, 0, 0, 0.55);
	z-index: calc(var(--z-header) + 5);
	display: flex;
	flex-direction: column;
	padding: var(--space-5) 0 var(--space-6);
	transform: translateX(100%);
	transition: transform 480ms var(--ease-out);
	visibility: hidden;
	overflow-y: auto;
}

/* Close button (X) */
.mobile-nav__close {
	position: absolute;
	top: 18px;
	right: 18px;
	width: 44px;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--color-gold);
	border: 1px solid rgba(201, 169, 110, 0.5);
	border-radius: 50%;
	background: rgba(201, 169, 110, 0.05);
	cursor: pointer;
	transition: all var(--dur-base) var(--ease-out);
	z-index: 2;
}

.mobile-nav__close:hover {
	background: var(--color-gold);
	color: var(--color-bg);
	border-color: var(--color-gold);
}

.mobile-nav.is-open {
	transform: translateX(0);
	visibility: visible;
}

/* Backdrop — drawer açıkken ekranı karartır */
.mobile-nav-backdrop {
	position: fixed;
	inset: 0;
	background: rgba(0, 0, 0, 0.55);
	z-index: calc(var(--z-header) + 4);
	opacity: 0;
	visibility: hidden;
	transition: opacity 380ms var(--ease-out), visibility 380ms;
}

.mobile-nav-backdrop.is-open {
	opacity: 1;
	visibility: visible;
}

.mobile-nav__list {
	display: flex;
	flex-direction: column;
	padding: 0 var(--space-6);
	gap: 0;
}

.mobile-nav__link {
	font-family: var(--font-display);
	font-size: 1.875rem;
	color: var(--color-text);
	padding: var(--space-4) 0;
	border-bottom: 1px solid var(--color-line);
	position: relative;
	transition: color 280ms var(--ease-out), padding-left 280ms var(--ease-out);
}

.mobile-nav__link::before {
	content: "›";
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	color: var(--color-gold);
	font-size: 1.4em;
	opacity: 0.4;
	transition: opacity 280ms, transform 280ms;
}

.mobile-nav__link:hover {
	color: var(--color-gold);
	padding-left: 12px;
}

.mobile-nav__link:hover::before {
	opacity: 1;
	transform: translate(-4px, -50%);
}

.mobile-nav__cta {
	margin: var(--space-6) var(--space-6) 0;
	padding: var(--space-4) var(--space-6);
	background: var(--color-gold);
	color: var(--color-bg);
	text-align: center;
	font-weight: 600;
	letter-spacing: 0.24em;
	text-transform: uppercase;
	font-size: var(--fs-xs);
}

/* Drawer footer info */
.mobile-nav__footer {
	margin-top: auto;
	padding: var(--space-6);
	border-top: 1px solid var(--color-line);
	font-family: var(--font-sans);
	font-size: var(--fs-xs);
	color: var(--color-text-soft);
	letter-spacing: 0.06em;
	line-height: 1.8;
}

.mobile-nav__footer a { color: var(--color-gold); }

/* ============================================
   BUTTONS
   ============================================ */
.btn {
	display: inline-flex;
	align-items: center;
	gap: var(--space-3);
	padding: var(--space-4) var(--space-7);
	font-family: var(--font-sans);
	font-size: var(--fs-xs);
	font-weight: 500;
	letter-spacing: var(--ls-wider);
	transition: all var(--dur-base) var(--ease-out);
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 999px;
	text-transform: uppercase;
}

.btn--gold {
	background: var(--color-gold);
	color: var(--color-bg);
	border-color: var(--color-gold);
}

.btn--gold:hover {
	background: var(--color-gold-soft);
	border-color: var(--color-gold-soft);
	color: var(--color-bg);
	transform: translateY(-1px);
	box-shadow: 0 8px 22px -8px rgba(201, 169, 110, 0.55);
}

/* Buzlu cam ghost butonu — premium frosted glass */
.btn--ghost {
	background: rgba(255, 255, 255, 0.06);
	color: var(--color-text);
	border-color: rgba(201, 169, 110, 0.42);
	backdrop-filter: blur(20px) saturate(180%);
	-webkit-backdrop-filter: blur(20px) saturate(180%);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.08),
		0 4px 18px rgba(0, 0, 0, 0.25);
}

.btn--ghost:hover {
	border-color: rgba(201, 169, 110, 0.85);
	color: #f3d99c;
	background: rgba(201, 169, 110, 0.14);
	transform: translateY(-1px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.15),
		0 8px 24px rgba(0, 0, 0, 0.35);
}

.btn--ghost-light {
	background: transparent;
	color: var(--color-text-inv);
	border-color: var(--color-surface-line);
}

.btn--ghost-light:hover {
	border-color: var(--color-brand-blue);
	color: var(--color-brand-blue);
}

/* ============================================
   FOOTER
   ============================================ */
.site-footer {
	background: #06060a;
	border-top: 1px solid var(--color-line);
	padding-block: var(--space-10) var(--space-6);
	color: var(--color-text-soft);
}

.site-footer__grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
	gap: var(--space-8);
	margin-bottom: var(--space-9);
}

@media (max-width: 900px) {
	.site-footer__grid {
		grid-template-columns: 1fr 1fr;
		gap: var(--space-7);
	}
}

@media (max-width: 540px) {
	.site-footer__grid { grid-template-columns: 1fr; }
}

.site-footer__col h4 {
	font-family: var(--font-sans);
	font-size: var(--fs-xs);
	font-weight: 600;
	letter-spacing: var(--ls-widest);
	text-transform: uppercase;
	color: var(--color-gold);
	margin-bottom: var(--space-5);
}

.site-footer__col p,
.site-footer__col li {
	font-size: var(--fs-sm);
	line-height: 1.9;
	color: var(--color-text-soft);
}

.site-footer__col li + li { margin-top: var(--space-1); }
.site-footer__col a:hover { color: var(--color-gold); }

.site-footer__bottom {
	border-top: 1px solid var(--color-line);
	padding-top: var(--space-6);
	display: flex;
	justify-content: space-between;
	gap: var(--space-4);
	flex-wrap: wrap;
	font-size: var(--fs-xs);
	color: var(--color-text-mute);
	letter-spacing: var(--ls-wide);
}

.site-footer__brand-logo {
	height: 64px;
	width: auto;
	margin-bottom: var(--space-5);
	filter: brightness(1.1);
}

/* ============================================
   HAKKIMIZDA MEGA MENU — her iş kolu kart + görsel
   ============================================ */
.mega-menu--about .about-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-4);
	padding: var(--space-6);
}

.about-sector {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: 0 0 var(--space-4);
	border-radius: 4px;
	overflow: hidden;
	background: linear-gradient(160deg, rgba(20, 16, 10, 0.55) 0%, rgba(10, 10, 12, 0.4) 100%);
	border: 1px solid rgba(201, 169, 110, 0.18);
	color: var(--color-text);
	transition:
		transform 420ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 320ms ease-out,
		box-shadow 320ms ease-out;
}

.about-sector:hover {
	transform: translateY(-3px);
	border-color: rgba(201, 169, 110, 0.5);
	box-shadow: 0 14px 30px -10px rgba(0, 0, 0, 0.45);
}

.about-sector__media {
	position: relative;
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	margin-bottom: var(--space-3);
}

.about-sector__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	transition: transform 900ms cubic-bezier(0.16, 1, 0.3, 1);
}

.about-sector:hover .about-sector__media img { transform: scale(1.08); }

/* Logo modifier — beyaz zeminli logoyu (Ava Group) kartta düzgün göster */
.about-sector__media--logo {
	background: #fff;
}
.about-sector__media--logo img {
	object-fit: contain;
	padding: 18px 22px;
	transform: scale(1);
	filter: none;
}
.about-sector:hover .about-sector__media--logo img { transform: scale(1.04); }
.about-sector__media--logo::after { display: none; }

.about-sector__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0) 55%, rgba(10, 10, 12, 0.55) 100%);
	pointer-events: none;
}

.about-sector__num {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 2;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.28em;
	color: #c9a96e;
	padding: 3px 8px;
	border: 1px solid rgba(201, 169, 110, 0.55);
	border-radius: 2px;
	background: rgba(10, 10, 12, 0.55);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.about-sector__title {
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 300;
	color: var(--color-text);
	letter-spacing: -0.01em;
	padding: 0 var(--space-4);
	margin: 0;
}

.about-sector__desc {
	font-family: var(--font-sans);
	font-size: 12px;
	color: var(--color-text-soft);
	letter-spacing: 0.04em;
	line-height: 1.55;
	padding: 0 var(--space-4);
}

/* ============================================
   CAPABILITIES — 4 sektör info kartı
   (bilgi amaçlı, tıklanamaz)
   ============================================ */
.capabilities { background: var(--color-bg); position: relative; }

.capabilities__head {
	max-width: 760px;
	margin: 0 auto var(--space-8);
	text-align: center;
}

.capabilities__title {
	font-family: var(--font-display);
	font-size: clamp(2.4rem, 5.5vw, 4.4rem);
	font-weight: 300;
	line-height: 1.05;
	letter-spacing: -0.02em;
	color: var(--color-text);
	margin: var(--space-3) 0 var(--space-4);
}

.capabilities__title em { font-style: normal; color: #c9a96e; }

.capabilities__lead {
	font-size: var(--fs-md);
	line-height: 1.7;
	color: var(--color-text-soft);
	margin: 0;
}

.capabilities__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: var(--space-4);
}

.capability {
	position: relative;
	background: linear-gradient(160deg, #14110a 0%, #0d0b07 65%, #0a0a0c 100%);
	border: 1px solid rgba(201, 169, 110, 0.18);
	border-radius: 4px;
	padding: 0;
	overflow: hidden;
	cursor: default;
	user-select: none;
	display: flex;
	flex-direction: column;
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity 700ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 800ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 600ms ease-out,
		box-shadow 600ms ease-out;
	transition-delay: calc(var(--i, 0) * 110ms);
}

.capability.is-revealed {
	opacity: 1;
	transform: translateY(0);
}

.capability:hover {
	border-color: rgba(201, 169, 110, 0.42);
	box-shadow: 0 20px 40px -16px rgba(0, 0, 0, 0.45);
}

/* Gold köşe markerleri — kart reveal olunca çizilir */
.capability__corner {
	position: absolute;
	width: 14px;
	height: 14px;
	z-index: 3;
	opacity: 0;
	transition: opacity 380ms ease-out 540ms;
}
.capability__corner::before,
.capability__corner::after {
	content: "";
	position: absolute;
	background: #c9a96e;
}
.capability__corner::before { height: 1px; width: 0; transition: width 480ms cubic-bezier(0.16, 1, 0.3, 1) 620ms; }
.capability__corner::after  { width: 1px; height: 0; transition: height 480ms cubic-bezier(0.16, 1, 0.3, 1) 620ms; }

.capability__corner--tl { top: 8px; left: 8px; }
.capability__corner--tl::before { top: 0; left: 0; }
.capability__corner--tl::after  { top: 0; left: 0; }

.capability__corner--br { bottom: 8px; right: 8px; }
.capability__corner--br::before { bottom: 0; right: 0; }
.capability__corner--br::after  { bottom: 0; right: 0; }

.capability.is-revealed .capability__corner { opacity: 1; }
.capability.is-revealed .capability__corner::before { width: 14px; }
.capability.is-revealed .capability__corner::after  { height: 14px; }

/* Görsel — kompakt yükseklik */
.capability__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
}

.capability__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.04);
	filter: contrast(1.05) saturate(0.94);
	transition: transform 1400ms cubic-bezier(0.16, 1, 0.3, 1), filter 600ms ease-out;
}

.capability:hover .capability__media img { transform: scale(1.08); filter: contrast(1.08) saturate(1.02); }

/* Logo modifier — beyaz zeminli logoyu (Ava Group) kartta düzgün göster */
.capability__media--logo {
	background: #fff;
}
.capability__media--logo img {
	object-fit: contain;
	padding: 22px 28px;
	transform: scale(1);
	filter: none;
}
.capability:hover .capability__media--logo img { transform: scale(1.03); filter: none; }
.capability__media--logo::after { display: none; }

/* Gradient alttan — sayı badge'i okunabilirliği için */
.capability__media::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0) 50%, rgba(10, 10, 12, 0.62) 100%);
	pointer-events: none;
}

.capability__num {
	position: absolute;
	left: 14px;
	bottom: 12px;
	z-index: 2;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.32em;
	color: #c9a96e;
	padding: 4px 10px;
	border: 1px solid rgba(201, 169, 110, 0.55);
	border-radius: 2px;
	background: rgba(10, 10, 12, 0.55);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}

.capability__body {
	padding: 22px 22px 24px;
}

.capability__title {
	font-family: var(--font-display);
	font-size: clamp(1.4rem, 2vw, 1.75rem);
	font-weight: 300;
	letter-spacing: -0.01em;
	color: var(--color-text);
	margin: 0 0 12px;
}

.capability__line {
	display: block;
	width: 36px;
	height: 1px;
	background: #c9a96e;
	margin-bottom: 14px;
	transform-origin: left;
	transform: scaleX(0.4);
	opacity: 0;
	transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1), opacity 480ms ease-out;
	transition-delay: 480ms;
}

.capability.is-revealed .capability__line {
	transform: scaleX(1);
	opacity: 1;
}

.capability__desc {
	margin: 0;
	font-family: var(--font-sans);
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--color-text-soft);
	letter-spacing: 0.005em;
}

/* Tablet — 2 sütun */
@media (max-width: 1024px) {
	.capabilities__grid {
		grid-template-columns: repeat(2, 1fr);
		gap: var(--space-4);
	}
	.mega-menu--about .about-inner {
		grid-template-columns: 1fr;
		gap: var(--space-4);
		padding: var(--space-5);
	}
	.mega-menu--about .mega-menu__visual { min-height: 200px; }
}

/* Mobil — tek sütun */
@media (max-width: 600px) {
	.capabilities__grid { grid-template-columns: 1fr; }
	.capability__media { aspect-ratio: 16 / 8; }
	.capability__body { padding: 18px 18px 20px; }
	.mega-menu--about .about-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
	.capability,
	.capability__corner,
	.capability__corner::before,
	.capability__corner::after,
	.capability__line {
		transition: none !important;
	}
}

/* ============================================
   SUSTAINABILITY MANIFESTO
   ============================================ */
.sustain {
	position: relative;
	overflow: hidden;
	isolation: isolate;
	background: var(--color-bg);
}
.sustain__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	background:
		radial-gradient(60% 80% at 80% 0%, rgba(201, 169, 110, 0.10) 0%, rgba(0, 0, 0, 0) 60%),
		radial-gradient(50% 60% at 0% 100%, rgba(201, 169, 110, 0.06) 0%, rgba(0, 0, 0, 0) 60%);
	pointer-events: none;
}
.sustain__inner {
	position: relative;
	z-index: 1;
	display: grid;
	grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
	gap: var(--space-8);
	align-items: center;
}
.sustain__lead { position: sticky; top: 120px; }
.sustain__title {
	font-family: var(--font-display);
	font-size: clamp(2.2rem, 4.4vw, 3.6rem);
	font-weight: 300;
	line-height: 1.05;
	letter-spacing: -0.02em;
	margin: var(--space-3) 0 var(--space-4);
	color: var(--color-text);
}
.sustain__title em { font-style: normal; color: #c9a96e; }
.sustain__text {
	font-size: var(--fs-md);
	line-height: 1.75;
	color: var(--color-text-soft);
	margin: 0;
	max-width: 50ch;
}
.sustain__pillars {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-4);
}
.sustain__pillar {
	position: relative;
	padding: var(--space-5) var(--space-5) var(--space-5) calc(var(--space-5) + 4px);
	background: linear-gradient(160deg, rgba(20, 16, 10, 0.62) 0%, rgba(10, 10, 12, 0.5) 100%);
	border: 1px solid rgba(201, 169, 110, 0.16);
	border-radius: 4px;
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 700ms cubic-bezier(0.16, 1, 0.3, 1), transform 800ms cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: calc(var(--i, 0) * 100ms);
}
.sustain__pillar::before {
	content: "";
	position: absolute;
	left: 0; top: 18px; bottom: 18px;
	width: 2px;
	background: #c9a96e;
	transform: scaleY(0.4);
	transform-origin: top;
	opacity: 0;
	transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1), opacity 480ms;
	transition-delay: calc(180ms + var(--i, 0) * 100ms);
}
.sustain__pillar.is-revealed { opacity: 1; transform: translateY(0); }
.sustain__pillar.is-revealed::before { opacity: 1; transform: scaleY(1); }
.sustain__pillar-num {
	display: block;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.32em;
	color: #c9a96e;
	margin-bottom: 10px;
}
.sustain__pillar-title {
	font-family: var(--font-display);
	font-size: 1.35rem;
	font-weight: 300;
	letter-spacing: -0.01em;
	color: var(--color-text);
	margin: 0 0 8px;
}
.sustain__pillar-desc {
	font-size: 13.5px;
	line-height: 1.65;
	color: var(--color-text-soft);
	margin: 0;
}
@media (max-width: 980px) {
	.sustain__inner { grid-template-columns: 1fr; gap: var(--space-6); }
	.sustain__lead { position: static; }
	.sustain__pillars { grid-template-columns: 1fr; }
}

/* ============================================
   BRANDS MARQUEE — sonsuz akış referans bandı
   ============================================ */
.brands {
	position: relative;
	background: #07070a;
	border-top: 1px solid rgba(201, 169, 110, 0.12);
	border-bottom: 1px solid rgba(201, 169, 110, 0.12);
	padding: var(--space-6) 0 var(--space-7);
	overflow: hidden;
}
.brands__head {
	text-align: center;
	margin-bottom: var(--space-5);
}
.brands__title {
	font-family: var(--font-display);
	font-size: clamp(1.4rem, 2.4vw, 1.85rem);
	font-weight: 300;
	letter-spacing: -0.01em;
	color: var(--color-text);
	margin: 8px 0 0;
}
.brands__title em { font-style: normal; color: #c9a96e; }
.brands__marquee {
	position: relative;
	overflow: hidden;
	mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 8%, #000 92%, transparent 100%);
}
.brands__track {
	display: flex;
	align-items: center;
	gap: var(--space-5);
	width: max-content;
	animation: brandsScroll 38s linear infinite;
	will-change: transform;
}
.brands__item {
	font-family: var(--font-display);
	font-size: clamp(1.3rem, 2.6vw, 2rem);
	font-weight: 300;
	letter-spacing: -0.01em;
	color: rgba(245, 233, 200, 0.78);
	white-space: nowrap;
	transition: color 280ms ease-out, text-shadow 280ms ease-out;
}
.brands__item:hover {
	color: #f3d99c;
	text-shadow: 0 0 16px rgba(201, 169, 110, 0.45);
}
.brands__sep {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: #c9a96e;
}
@keyframes brandsScroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
	.brands__track { animation: none; }
}

/* ============================================
   PROCESS TIMELINE — 5 adım yatay
   ============================================ */
.process { background: var(--color-bg); }
.process__head {
	max-width: 760px;
	margin: 0 auto var(--space-8);
	text-align: center;
}
.process__title {
	font-family: var(--font-display);
	font-size: clamp(2.2rem, 4.4vw, 3.6rem);
	font-weight: 300;
	line-height: 1.06;
	letter-spacing: -0.02em;
	margin: var(--space-3) 0 0;
	color: var(--color-text);
}
.process__title em { font-style: normal; color: #c9a96e; }
.process__steps {
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--space-4);
}
.process__steps::before {
	content: "";
	position: absolute;
	left: 8%;
	right: 8%;
	top: 32px;
	height: 1px;
	background: rgba(201, 169, 110, 0.22);
	z-index: 0;
}
.process__step {
	position: relative;
	z-index: 1;
	text-align: center;
	padding: 0 8px;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1), transform 700ms cubic-bezier(0.16, 1, 0.3, 1);
	transition-delay: calc(var(--i, 0) * 130ms);
}
.process__step.is-revealed { opacity: 1; transform: translateY(0); }
.process__num {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 64px;
	height: 64px;
	border-radius: 999px;
	background: #0a0a0c;
	border: 1px solid rgba(201, 169, 110, 0.55);
	font-family: var(--font-display);
	font-size: 1.4rem;
	color: #c9a96e;
	margin-bottom: var(--space-4);
	transition: background 320ms ease-out, transform 420ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.process__step.is-revealed .process__num { transform: scale(1); }
.process__step:hover .process__num {
	background: rgba(201, 169, 110, 0.18);
}
.process__step-title {
	font-family: var(--font-display);
	font-size: 1.25rem;
	font-weight: 300;
	color: var(--color-text);
	margin: 0 0 8px;
	letter-spacing: -0.005em;
}
.process__step-desc {
	font-size: 13px;
	line-height: 1.6;
	color: var(--color-text-soft);
	margin: 0;
}
@media (max-width: 860px) {
	.process__steps { grid-template-columns: 1fr; gap: var(--space-5); padding-left: var(--space-2); }
	.process__steps::before {
		display: block;
		left: 28px;
		right: auto;
		top: 0;
		bottom: 0;
		width: 1px;
		height: auto;
	}
	.process__step {
		text-align: left;
		display: grid;
		grid-template-columns: 56px 1fr;
		grid-template-rows: auto auto;
		gap: 4px 16px;
		align-items: start;
		padding: 0;
	}
	.process__num {
		grid-column: 1;
		grid-row: 1 / span 2;
		align-self: start;
		width: 56px;
		height: 56px;
		margin-bottom: 0;
		font-size: 1.15rem;
	}
	.process__step-title {
		grid-column: 2;
		grid-row: 1;
		font-size: 1.1rem;
		align-self: center;
		margin: 0;
	}
	.process__step-desc {
		grid-column: 2;
		grid-row: 2;
		font-size: 13px;
		line-height: 1.55;
		margin: 4px 0 0;
	}
}

@media (max-width: 600px) {
	.process__head { margin-bottom: var(--space-6); }
	.process__title { font-size: 1.75rem; }
	.process__steps { gap: var(--space-4); padding-left: 0; }
	.process__steps::before { left: 22px; }
	.process__step { grid-template-columns: 44px 1fr; gap: 4px 14px; }
	.process__num { width: 44px; height: 44px; font-size: 0.95rem; }
}

/* ============================================
   CERTS BAND — kalite & standart
   ============================================ */
.certs {
	background: #0a0a0c;
	border-top: 1px solid rgba(201, 169, 110, 0.12);
	border-bottom: 1px solid rgba(201, 169, 110, 0.12);
	padding: var(--space-6) 0;
}
.certs__inner {
	display: flex;
	align-items: center;
	gap: var(--space-5);
	flex-wrap: wrap;
}
.certs__label {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: #c9a96e;
	flex-shrink: 0;
}
.certs__list {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-4);
	flex: 1;
}
.certs__item {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	border: 1px solid rgba(201, 169, 110, 0.22);
	border-radius: 999px;
	background: rgba(20, 16, 10, 0.4);
	transition: border-color 320ms ease-out, background 320ms ease-out;
}
.certs__item:hover {
	border-color: rgba(201, 169, 110, 0.5);
	background: rgba(20, 16, 10, 0.7);
}
.certs__badge {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.18em;
	color: #c9a96e;
	padding: 3px 8px;
	border: 1px solid rgba(201, 169, 110, 0.45);
	border-radius: 2px;
}
.certs__name {
	font-family: var(--font-sans);
	font-size: 12px;
	letter-spacing: 0.06em;
	color: var(--color-text-soft);
}

/* ============================================
   PROJECT FILTER — chips
   ============================================ */
.project-filter {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
	margin: 0 0 var(--space-6);
}
.filter-chip {
	font-family: var(--font-sans);
	font-size: 12px;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	padding: 8px 18px;
	border-radius: 999px;
	border: 1px solid rgba(201, 169, 110, 0.32);
	background: transparent;
	color: var(--color-text-soft);
	cursor: pointer;
	transition: all 320ms ease-out;
}
.filter-chip:hover {
	color: #f3d99c;
	border-color: rgba(201, 169, 110, 0.65);
}
.filter-chip.is-active {
	background: #c9a96e;
	border-color: #c9a96e;
	color: #14110a;
}
.project-item.is-filtered-out,
.project-item.is-search-hidden {
	display: none;
}

/* ============================================
   PROJECT DETAY — yeni bölüm stilleri
   ============================================ */

/* Status badge in specs */
.pd-specs__status {
	display: inline-flex !important;
	align-items: center;
	gap: 6px;
	padding: 4px 12px !important;
	border-radius: 999px;
	font-size: 13px !important;
	font-weight: 600 !important;
	letter-spacing: 0.02em !important;
}
.pd-specs__status.is-done   { background: rgba(40, 180, 100, 0.16); color: #5fb37a; border: 1px solid rgba(40, 180, 100, 0.4); }
.pd-specs__status.is-active { background: rgba(220, 170, 60, 0.16); color: #d6b87a; border: 1px solid rgba(220, 170, 60, 0.4); }
.pd-specs__status.is-design { background: rgba(58, 108, 138, 0.18); color: #82b0c8; border: 1px solid rgba(58, 108, 138, 0.45); }
.pd-specs__status.is-planned{ background: rgba(80, 140, 220, 0.16); color: #82b0e0; border: 1px solid rgba(80, 140, 220, 0.4); }

/* Highlights */
.pd-highlights { background: var(--color-bg); padding: var(--space-7) 0; }
.pd-highlights__head { margin-bottom: var(--space-5); }
.pd-highlights__list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--space-3);
	list-style: none;
	padding: 0;
	margin: 0;
}
.pd-highlights__item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	padding: 14px 18px;
	background: linear-gradient(135deg, rgba(20, 16, 10, 0.55), rgba(10, 10, 12, 0.4));
	border: 1px solid rgba(201, 169, 110, 0.22);
	border-radius: 6px;
	color: var(--color-text);
	font-size: 14px;
}
.pd-highlights__check {
	flex-shrink: 0;
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(180deg, #d6b87a 0%, #c9a96e 100%);
	color: #14110a;
	border-radius: 50%;
	font-weight: 700;
	font-size: 13px;
}

/* Video embed */
.pd-video { background: #050507; padding: var(--space-7) 0; }
.pd-video__head { margin-bottom: var(--space-5); }
.pd-video__frame {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	border-radius: 6px;
	overflow: hidden;
	background: #000;
	box-shadow: 0 24px 60px -20px rgba(0,0,0,0.65), 0 0 0 1px rgba(201, 169, 110, 0.22);
}
.pd-video__frame iframe {
	position: absolute; inset: 0; width: 100%; height: 100%; border: 0;
}

/* Before/After comparison */
.pd-ba { background: var(--color-bg); padding: var(--space-7) 0; }
.pd-ba__head { margin-bottom: var(--space-5); display: flex; justify-content: space-between; align-items: end; flex-wrap: wrap; gap: var(--space-3); }
.pd-ba__hint { font-size: 12px; color: var(--color-text-soft); margin: 0; letter-spacing: 0.06em; }
.pd-ba__compare {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	border-radius: 6px;
	user-select: none;
	cursor: ew-resize;
	box-shadow: 0 20px 50px -20px rgba(0,0,0,0.6), 0 0 0 1px rgba(201, 169, 110, 0.25);
}
.pd-ba__img {
	position: absolute; inset: 0; width: 100%; height: 100%;
	object-fit: cover;
	pointer-events: none;
	user-select: none;
	-webkit-user-drag: none;
}
.pd-ba__clip {
	position: absolute; top: 0; left: 0; bottom: 0;
	width: 50%;
	overflow: hidden;
	pointer-events: none;
}
.pd-ba__handle {
	position: absolute;
	top: 0; bottom: 0;
	left: 50%;
	width: 2px;
	background: rgba(255,255,255,0.85);
	transform: translateX(-50%);
	pointer-events: none;
}
.pd-ba__handle-line { display: block; height: 100%; width: 100%; }
.pd-ba__handle-dot {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	width: 42px; height: 42px;
	background: linear-gradient(180deg, #d6b87a, #c9a96e);
	color: #14110a;
	border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	font-size: 16px; font-weight: 700;
	box-shadow: 0 6px 18px rgba(0,0,0,0.45);
	pointer-events: none;
}
.pd-ba__label {
	position: absolute;
	top: 16px;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px; letter-spacing: 0.32em;
	padding: 6px 12px;
	background: rgba(10, 10, 12, 0.7);
	color: #c9a96e;
	border: 1px solid rgba(201, 169, 110, 0.45);
	border-radius: 999px;
	backdrop-filter: blur(6px);
}
.pd-ba__label--before { left: 16px; }
.pd-ba__label--after  { right: 16px; }

/* Share + PDF */
.pd-share { background: var(--color-bg); padding: var(--space-5) 0; border-top: 1px solid rgba(201, 169, 110, 0.12); }
.pd-share__inner { display: flex; justify-content: space-between; align-items: center; gap: var(--space-4); flex-wrap: wrap; }
.pd-share__pdf {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 12px 22px;
	background: linear-gradient(180deg, rgba(201, 169, 110, 0.16), rgba(201, 169, 110, 0.08));
	border: 1px solid rgba(201, 169, 110, 0.45);
	border-radius: 999px;
	color: #f3d99c;
	text-decoration: none;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 0.12em;
	transition: all 220ms ease;
}
.pd-share__pdf:hover { background: rgba(201, 169, 110, 0.28); transform: translateY(-1px); }
.pd-share__buttons { display: inline-flex; gap: 8px; align-items: center; margin-left: auto; }
.pd-share__label { font-size: 11px; letter-spacing: 0.22em; color: var(--color-text-soft); text-transform: uppercase; margin-right: 8px; }
.pd-share__btn {
	display: inline-flex; align-items: center; justify-content: center;
	width: 38px; height: 38px;
	background: rgba(201, 169, 110, 0.08);
	border: 1px solid rgba(201, 169, 110, 0.3);
	color: #c9a96e;
	border-radius: 50%;
	cursor: pointer;
	transition: all 220ms ease;
}
.pd-share__btn:hover { background: rgba(201, 169, 110, 0.22); color: #f3d99c; transform: translateY(-2px); }
.pd-share__copy.is-copied { background: rgba(40, 180, 100, 0.25); color: #5fb37a; }

/* Sticky CTA */
.pd-sticky-cta {
	position: fixed;
	right: 20px;
	bottom: 20px;
	z-index: 8000;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 14px 22px;
	background: linear-gradient(180deg, #25d366 0%, #14af50 100%);
	color: #fff;
	border-radius: 999px;
	box-shadow: 0 12px 30px -8px rgba(37, 211, 102, 0.55), 0 4px 12px rgba(0,0,0,0.3);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-decoration: none;
	opacity: 0;
	transform: translateY(20px);
	pointer-events: none;
	transition: opacity 420ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pd-sticky-cta.is-visible {
	opacity: 1; transform: translateY(0); pointer-events: auto;
}
.pd-sticky-cta:hover {
	transform: translateY(-2px);
	box-shadow: 0 16px 36px -8px rgba(37, 211, 102, 0.7), 0 6px 16px rgba(0,0,0,0.35);
	color: #fff;
}
@media (max-width: 720px) {
	.pd-sticky-cta { right: 12px; bottom: 80px; padding: 12px 18px; font-size: 12px; }
}

/* LIGHTBOX */
.pd-lightbox {
	position: fixed; inset: 0;
	z-index: 9500;
	background: rgba(0,0,0,0.92);
	display: flex; align-items: center; justify-content: center;
	opacity: 0; visibility: hidden;
	transition: opacity 280ms ease, visibility 280ms;
}
.pd-lightbox.is-open { opacity: 1; visibility: visible; }
.pd-lightbox__stage {
	max-width: 90vw; max-height: 86vh;
	margin: 0; display: flex; flex-direction: column; gap: 14px; align-items: center;
}
.pd-lightbox__img {
	max-width: 100%; max-height: 80vh;
	object-fit: contain;
	box-shadow: 0 24px 80px rgba(0,0,0,0.7);
	border-radius: 4px;
}
.pd-lightbox__caption {
	color: #c9a96e; font-size: 13px; letter-spacing: 0.08em;
	font-family: var(--font-sans);
}
.pd-lightbox__close, .pd-lightbox__nav {
	position: absolute;
	width: 48px; height: 48px;
	background: rgba(201, 169, 110, 0.15);
	border: 1px solid rgba(201, 169, 110, 0.4);
	color: #c9a96e;
	border-radius: 50%;
	font-size: 22px;
	cursor: pointer;
	display: flex; align-items: center; justify-content: center;
	backdrop-filter: blur(8px);
	transition: all 200ms ease;
}
.pd-lightbox__close:hover, .pd-lightbox__nav:hover { background: #c9a96e; color: #14110a; }
.pd-lightbox__close { top: 20px; right: 20px; font-size: 28px; }
.pd-lightbox__nav--prev { left: 20px; top: 50%; transform: translateY(-50%); }
.pd-lightbox__nav--next { right: 20px; top: 50%; transform: translateY(-50%); }

/* Lightbox-trigger için cursor pointer slider görsellerinde */
.pd-slider__slide img { cursor: zoom-in; }

/* ============================================
   PROJECT TOOLBAR — filter + search + sort
   ============================================ */
.project-toolbar {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: var(--space-4);
	align-items: center;
	margin: 0 0 var(--space-6);
	min-width: 0;
	overflow: hidden;
}
.project-toolbar > * { min-width: 0; }
.project-toolbar__right {
	display: inline-flex;
	gap: 10px;
	align-items: center;
	min-width: 0;
}

.project-search {
	width: 220px;
	padding: 8px 14px;
	background: rgba(20, 16, 10, 0.55);
	border: 1px solid rgba(201, 169, 110, 0.3);
	border-radius: 999px;
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: 13px;
	transition: border-color 200ms ease, background 200ms ease;
}
.project-search:focus {
	outline: none;
	border-color: rgba(201, 169, 110, 0.6);
	background: rgba(20, 16, 10, 0.7);
	box-shadow: 0 0 0 3px rgba(201, 169, 110, 0.15);
}
.project-search::placeholder { color: rgba(201, 169, 110, 0.55); }

.project-sort {
	padding: 8px 14px;
	background: rgba(20, 16, 10, 0.55);
	border: 1px solid rgba(201, 169, 110, 0.3);
	border-radius: 999px;
	color: var(--color-text);
	font-family: var(--font-sans);
	font-size: 12px;
	cursor: pointer;
	appearance: none;
	background-image: linear-gradient(45deg, transparent 50%, #c9a96e 50%), linear-gradient(135deg, #c9a96e 50%, transparent 50%);
	background-position: calc(100% - 14px) 50%, calc(100% - 9px) 50%;
	background-size: 5px 5px;
	background-repeat: no-repeat;
	padding-right: 30px;
}
.project-sort:focus { outline: none; border-color: rgba(201, 169, 110, 0.6); }

.filter-chip__count {
	display: inline-block;
	margin-left: 6px;
	padding: 1px 7px;
	background: rgba(201, 169, 110, 0.18);
	border-radius: 999px;
	font-size: 10px;
	font-weight: 700;
	color: #c9a96e;
	transition: background 200ms ease, color 200ms ease;
}
.filter-chip.is-active .filter-chip__count {
	background: rgba(20, 14, 6, 0.25);
	color: #14110a;
}

@media (max-width: 720px) {
	.project-toolbar { grid-template-columns: 1fr; gap: var(--space-3); }
	.project-toolbar__right { width: 100%; flex-wrap: wrap; }
	.project-search { flex: 1 1 100%; width: auto; min-width: 0; }
	.project-sort { flex: 1 1 auto; min-width: 0; }
}

/* Mobilde filtre chip'leri tek satırda — sığmazsa yatay scroll (sadece chip alanı içinde) */
@media (max-width: 720px) {
	.project-filter {
		flex-wrap: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		justify-content: flex-start;
		padding-bottom: 6px;
		margin: 0 0 var(--space-3);
		scrollbar-width: none;
		-webkit-overflow-scrolling: touch;
		max-width: 100%;
	}
	.project-filter::-webkit-scrollbar { display: none; }
	.filter-chip {
		flex-shrink: 0;
		font-size: 11px;
		padding: 7px 14px;
		letter-spacing: 0.1em;
	}
}

/* ============================================
   CONTACT FORM — modern gold detaylı
   ============================================ */
.contact-form {
	margin-top: var(--space-8);
	padding: var(--space-7) var(--space-6);
	background: linear-gradient(160deg, rgba(20, 16, 10, 0.55) 0%, rgba(10, 10, 12, 0.45) 100%);
	border: 1px solid rgba(201, 169, 110, 0.18);
	border-radius: 4px;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	position: relative;
	max-width: 920px;
	margin-left: auto;
	margin-right: auto;
}
.contact-form::before,
.contact-form::after {
	content: "";
	position: absolute;
	width: 14px;
	height: 14px;
}
.contact-form::before { top: -1px; left: -1px; border-top: 1px solid #c9a96e; border-left: 1px solid #c9a96e; }
.contact-form::after  { bottom: -1px; right: -1px; border-bottom: 1px solid #c9a96e; border-right: 1px solid #c9a96e; }
.contact-form__head {
	text-align: center;
	margin-bottom: var(--space-6);
}
.contact-form__eyebrow {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: #c9a96e;
}
.contact-form__title {
	font-family: var(--font-display);
	font-size: clamp(1.6rem, 3vw, 2.4rem);
	font-weight: 300;
	letter-spacing: -0.01em;
	color: var(--color-text);
	margin: 10px 0 0;
}
.contact-form__title em { font-style: normal; color: #c9a96e; }
.contact-form__grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-4);
}
.contact-form__field { display: flex; flex-direction: column; gap: 6px; }
.contact-form__field--wide { grid-column: 1 / -1; }
.contact-form__label {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #c9a96e;
}
.contact-form input,
.contact-form select,
.contact-form textarea {
	width: 100%;
	background: rgba(10, 10, 12, 0.6);
	border: 1px solid rgba(201, 169, 110, 0.22);
	border-radius: 3px;
	padding: 12px 14px;
	font-family: var(--font-sans);
	font-size: 14px;
	color: var(--color-text);
	transition: border-color 280ms ease-out, background 280ms ease-out;
}
.contact-form input::placeholder,
.contact-form textarea::placeholder { color: rgba(255, 255, 255, 0.3); }
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
	outline: none;
	border-color: #c9a96e;
	background: rgba(20, 16, 10, 0.75);
}
.contact-form textarea { resize: vertical; min-height: 110px; }
.contact-form__actions {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--space-4);
	margin-top: var(--space-5);
	flex-wrap: wrap;
}
.contact-form__note {
	font-size: 11px;
	color: var(--color-text-mute);
	letter-spacing: 0.06em;
}
@media (max-width: 720px) {
	.contact-form { padding: var(--space-6) var(--space-4); }
	.contact-form__grid { grid-template-columns: 1fr; }
}

/* ============================================
   LANG TOGGLE
   ============================================ */
.lang-toggle {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 10px;
	margin-left: 12px;
	background: transparent;
	border: 1px solid rgba(201, 169, 110, 0.28);
	border-radius: 999px;
	cursor: pointer;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.16em;
	color: var(--color-text-soft);
	transition: border-color 320ms ease-out, background 320ms ease-out;
}
.lang-toggle:hover { border-color: rgba(201, 169, 110, 0.55); }
.lang-toggle__option { padding: 2px 4px; transition: color 280ms ease-out; }
.lang-toggle__option.is-active { color: #c9a96e; font-weight: 600; }
.lang-toggle__sep { width: 1px; height: 12px; background: rgba(201, 169, 110, 0.4); }
.site-header.is-scrolled .lang-toggle { border-color: rgba(20, 14, 6, 0.3); color: #1a1610; }
.site-header.is-scrolled .lang-toggle__option.is-active { color: #14110a; }
.site-header.is-scrolled .lang-toggle__sep { background: rgba(20, 14, 6, 0.5); }
/* Sadece desktop header'daki lang-toggle gizlenir; mobile-nav içindeki kalır */
@media (max-width: 1024px) { .primary-nav .lang-toggle { display: none; } }

/* ============================================
   WHATSAPP FLOATING CTA
   ============================================ */
.wa-float {
	position: fixed;
	right: 24px;
	bottom: 24px;
	z-index: 8500;
	width: 60px;
	height: 60px;
	border-radius: 999px;
	background: #25d366;
	color: #fff;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 12px 32px -4px rgba(37, 211, 102, 0.45), 0 6px 18px rgba(0, 0, 0, 0.4);
	transition: transform 320ms cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 320ms;
	isolation: isolate;
}
.wa-float:hover {
	transform: scale(1.08);
	box-shadow: 0 16px 40px -4px rgba(37, 211, 102, 0.55), 0 8px 22px rgba(0, 0, 0, 0.5);
}
.wa-float__pulse {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	background: #25d366;
	opacity: 0.6;
	animation: waPulse 2.4s cubic-bezier(0.16, 1, 0.3, 1) infinite;
	z-index: -1;
}
@keyframes waPulse {
	0% { transform: scale(1); opacity: 0.6; }
	100% { transform: scale(1.7); opacity: 0; }
}
/* Mobilde sticky CTA çubuğu zaten WhatsApp barındırıyor — yüzen ikonu gizle */
@media (max-width: 720px) {
	.wa-float { display: none; }
}

/* ============================================
   MOBİL STICKY CTA ÇUBUĞU
   ============================================ */
.mobile-sticky-cta {
	display: none;
	position: fixed;
	left: 12px;
	right: 12px;
	bottom: max(12px, env(safe-area-inset-bottom));
	z-index: 8400;
	border-radius: 16px;
	/* Sade buzlu cam — gold halo yok, sessiz koyu zemin */
	background: rgba(14, 14, 16, 0.62);
	backdrop-filter: blur(20px) saturate(1.3);
	-webkit-backdrop-filter: blur(20px) saturate(1.3);
	border: 1px solid rgba(255, 255, 255, 0.06);
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.35);
	padding: 6px;
	gap: 6px;
}

.mobile-sticky-cta__btn {
	flex: 1;
	position: relative;
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 11px 10px;
	border-radius: 11px;
	color: rgba(231, 201, 146, 0.9);
	background: transparent;
	border: 0;
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	transition: background 200ms ease, color 200ms ease, transform 200ms ease;
}
.mobile-sticky-cta__btn svg {
	flex-shrink: 0;
	color: rgba(201, 169, 110, 0.85);
	transition: color 200ms ease;
}
.mobile-sticky-cta__btn:active {
	transform: scale(0.97);
	background: rgba(255, 255, 255, 0.05);
	color: #f3d99c;
}
.mobile-sticky-cta__btn:active svg { color: #f3d99c; }

/* Butonlar arası ince ayraç çizgisi */
.mobile-sticky-cta__btn + .mobile-sticky-cta__btn::before {
	content: "";
	position: absolute;
	left: -3px;
	top: 22%;
	bottom: 22%;
	width: 1px;
	background: rgba(255, 255, 255, 0.07);
}

@media (max-width: 720px) {
	.mobile-sticky-cta { display: flex; }
	body { padding-bottom: 78px; }
}

/* ============================================
   PROJECT ITEM — "Detayı Gör" alt link
   ============================================ */
.project-item__detail {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #c9a96e;
	transition: gap 320ms cubic-bezier(0.16, 1, 0.3, 1), color 280ms ease-out;
}
.project-item__detail svg { transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1); }
.project-item__detail:hover { gap: 12px; color: #f3d99c; }
.project-item__detail:hover svg { transform: translateX(3px); }

/* ============================================
   PROJECT DETAIL — cinematic hero + editorial body
   ============================================ */

/* Detay sayfasında navbar baştan gold/scrolled görünür
   (hero görseli ile iç içe geçmesin) */
body.single-project-page .site-header::before {
	opacity: 1 !important;
	transform: none !important;
	filter: none !important;
}
body.single-project-page .site-header::after {
	opacity: 1 !important;
	transform: scaleX(1) !important;
}
body.single-project-page .site-header {
	border-bottom: 1px solid rgba(20, 14, 6, 0.32);
	box-shadow: 0 14px 38px -6px rgba(0, 0, 0, 0.38), 0 4px 12px rgba(0, 0, 0, 0.16);
	backdrop-filter: blur(20px) saturate(1.35);
	-webkit-backdrop-filter: blur(20px) saturate(1.35);
}
/* Detay sayfasında da navbar yüksekliği sabit, logo küçülmez */
body.single-project-page .primary-nav__link { color: #1a1610; }
body.single-project-page .primary-nav__link::after { background: #1a1610; }
body.single-project-page .header-cta {
	background: #14110a;
	color: #f3d99c;
	border-color: #14110a;
}
body.single-project-page .header-cta:hover {
	background: #0a0a0c;
	border-color: #0a0a0c;
	color: #e6cc8e;
}
body.single-project-page .hamburger { color: #1a1610; }
body.single-project-page .lang-toggle {
	border-color: rgba(20, 14, 6, 0.3);
	color: #1a1610;
}
body.single-project-page .lang-toggle__option.is-active { color: #14110a; }
body.single-project-page .lang-toggle__sep { background: rgba(20, 14, 6, 0.5); }

/* ---- HERO ---- */
.pd-hero {
	position: relative;
	min-height: 78vh;
	min-height: 78svh;
	max-height: 760px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	overflow: hidden;
	color: var(--color-text);
	isolation: isolate;
	padding:
		calc(var(--header-h, 78px) + var(--space-7))
		clamp(2rem, 5.5vw, 5rem)
		var(--space-8);
}
.pd-hero__bg {
	position: absolute;
	inset: 0;
	z-index: 0;
	overflow: hidden;
}
.pd-hero__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.04);
	animation: pdHeroZoom 18s ease-out forwards;
	will-change: transform;
}
@keyframes pdHeroZoom {
	to { transform: scale(1.12); }
}
.pd-hero__overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(80% 70% at 50% 80%, rgba(201, 169, 110, 0.12) 0%, rgba(0, 0, 0, 0) 60%),
		rgba(6, 6, 10, 0.68);
	pointer-events: none;
}

/* Gold köşe markerleri — animasyonlu çizim */
.pd-hero__corner {
	position: absolute;
	width: 56px; height: 56px;
	z-index: 3;
	pointer-events: none;
}
.pd-hero__corner::before,
.pd-hero__corner::after {
	content: "";
	position: absolute;
	background: #c9a96e;
	opacity: 0;
	animation: pdCornerLine 700ms cubic-bezier(0.16, 1, 0.3, 1) 600ms forwards;
}
.pd-hero__corner::before { height: 1px; width: 56px; }
.pd-hero__corner::after  { width: 1px; height: 56px; animation-delay: 760ms; }

.pd-hero__corner--tl { top: calc(var(--header-h, 78px) + 32px); left: 40px; }
.pd-hero__corner--tl::before { top: 0; left: 0; transform-origin: left; }
.pd-hero__corner--tl::after  { top: 0; left: 0; transform-origin: top; }

.pd-hero__corner--tr { top: calc(var(--header-h, 78px) + 32px); right: 40px; }
.pd-hero__corner--tr::before { top: 0; right: 0; transform-origin: right; }
.pd-hero__corner--tr::after  { top: 0; right: 0; transform-origin: top; }

.pd-hero__corner--bl { bottom: 40px; left: 40px; }
.pd-hero__corner--bl::before { bottom: 0; left: 0; transform-origin: left; }
.pd-hero__corner--bl::after  { bottom: 0; left: 0; transform-origin: bottom; }

.pd-hero__corner--br { bottom: 40px; right: 40px; }
.pd-hero__corner--br::before { bottom: 0; right: 0; transform-origin: right; }
.pd-hero__corner--br::after  { bottom: 0; right: 0; transform-origin: bottom; }

@keyframes pdCornerLine {
	0%   { opacity: 0; transform: scaleX(0) scaleY(0); }
	60%  { opacity: 1; }
	100% { opacity: 1; transform: none; }
}

/* Üst flex sırası — breadcrumb sol, chip sağ — navbar altı */
.pd-hero__top {
	position: relative;
	z-index: 4;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: var(--space-4);
	margin-bottom: auto;
}

.pd-hero__chip {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 6px 14px;
	border: 1px solid rgba(201, 169, 110, 0.55);
	border-radius: 999px;
	background: rgba(10, 10, 12, 0.55);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: #c9a96e;
	flex-shrink: 0;
}
.pd-hero__chip-num { color: #f3d99c; font-weight: 600; }
.pd-hero__chip-sep {
	width: 4px; height: 4px;
	border-radius: 999px;
	background: rgba(201, 169, 110, 0.5);
}

.pd-hero__crumb {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: rgba(245, 233, 200, 0.72);
	min-width: 0;
}
.pd-hero__crumb a {
	color: inherit;
	transition: color 280ms ease-out;
}
.pd-hero__crumb a:hover { color: #c9a96e; }
.pd-hero__crumb-current { color: #c9a96e; max-width: 28ch; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* Hero alt başlık bloğu */
.pd-hero__content {
	position: relative;
	z-index: 4;
	max-width: 900px;
}
.pd-hero__eyebrow {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: #c9a96e;
	margin: 0 0 var(--space-3);
	opacity: 0;
	transform: translateY(12px);
	animation: pdFadeUp 700ms cubic-bezier(0.16, 1, 0.3, 1) 700ms forwards;
}
.pd-hero__title {
	font-family: var(--font-display);
	font-size: clamp(2.6rem, 7.5vw, 6.5rem);
	font-weight: 300;
	line-height: 1.02;
	letter-spacing: -0.025em;
	color: #fff;
	margin: 0 0 var(--space-4);
	text-shadow: 0 6px 30px rgba(0, 0, 0, 0.6);
	opacity: 0;
	transform: translateY(20px);
	animation: pdFadeUp 800ms cubic-bezier(0.16, 1, 0.3, 1) 820ms forwards;
}
.pd-hero__sub {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-family: var(--font-sans);
	font-size: 14px;
	letter-spacing: 0.08em;
	color: rgba(255, 255, 255, 0.85);
	margin: 0;
	opacity: 0;
	transform: translateY(12px);
	animation: pdFadeUp 700ms cubic-bezier(0.16, 1, 0.3, 1) 940ms forwards;
}
.pd-hero__sub svg { color: #c9a96e; }
@keyframes pdFadeUp {
	to { opacity: 1; transform: none; }
}

@media (max-width: 860px) {
	.pd-hero {
		padding:
			calc(var(--header-h-sm, 60px) + var(--space-6))
			var(--space-5)
			var(--space-6);
		min-height: 66svh;
	}
	.pd-hero__top { flex-direction: column; align-items: flex-start; gap: var(--space-2); }
	.pd-hero__crumb { display: none; }
	.pd-hero__corner { width: 28px; height: 28px; }
	.pd-hero__corner::before { width: 28px; }
	.pd-hero__corner::after { height: 28px; }
	.pd-hero__corner--tl,
	.pd-hero__corner--tr { top: calc(var(--header-h-sm, 60px) + 14px); }
	.pd-hero__corner--bl,
	.pd-hero__corner--br { bottom: 14px; }
	.pd-hero__corner--tl,
	.pd-hero__corner--bl { left: 14px; }
	.pd-hero__corner--tr,
	.pd-hero__corner--br { right: 14px; }
}

/* ---- SPECS BAND ---- */
.pd-specs {
	background: #07070a;
	border-top: 1px solid rgba(201, 169, 110, 0.18);
	border-bottom: 1px solid rgba(201, 169, 110, 0.12);
	padding: var(--space-6) 0;
}
.pd-specs__grid {
	list-style: none;
	padding: 0;
	margin: 0;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 0;
}
.pd-specs__item {
	display: flex;
	flex-direction: column;
	gap: 8px;
	padding: var(--space-2) var(--space-5);
	border-left: 1px solid rgba(201, 169, 110, 0.16);
}
.pd-specs__item:first-child { border-left: 0; padding-left: 0; }
.pd-specs__label {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #c9a96e;
}
.pd-specs__value {
	font-family: var(--font-sans);
	font-size: 15px;
	font-weight: 500;
	color: var(--color-text);
	line-height: 1.3;
}
.pd-specs__value--display {
	font-family: var(--font-display);
	font-size: 1.85rem;
	font-weight: 300;
	letter-spacing: -0.005em;
	color: #f3d99c;
}
@media (max-width: 860px) {
	.pd-specs__grid { grid-template-columns: 1fr 1fr; gap: var(--space-4); }
	.pd-specs__item { border-left: 0; padding: 0; }
}

/* ---- BODY — solda açıklama, sağda görsel ---- */
.pd-body { background: var(--color-bg); }
.pd-body__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
	gap: var(--space-7);
	align-items: stretch;
}
.pd-body__text {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.pd-body__tag {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: #c9a96e;
	margin-bottom: var(--space-3);
}
.pd-body__lead {
	font-family: var(--font-display);
	font-size: clamp(1.2rem, 1.85vw, 1.55rem);
	font-weight: 300;
	line-height: 1.65;
	letter-spacing: -0.005em;
	color: var(--color-text);
	margin: 0 0 var(--space-5);
}
.pd-body__links {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-5);
}
.pd-body__brand,
.pd-body__back {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #c9a96e;
	transition: gap 320ms, color 280ms;
}
.pd-body__back { color: var(--color-text-soft); }
.pd-body__brand:hover { gap: 14px; color: #f3d99c; }
.pd-body__back:hover  { gap: 14px; color: #c9a96e; }

/* Sağ görsel kutusu — modern editorial frame */
.pd-body__visual {
	position: relative;
	margin: 0;
	overflow: hidden;
	background: #0a0a0c;
	border-radius: 4px;
	min-height: 100%;
	aspect-ratio: 4 / 3;
	isolation: isolate;
	box-shadow: 0 24px 60px -20px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(201, 169, 110, 0.18);
	transition: box-shadow 600ms cubic-bezier(0.16, 1, 0.3, 1);
}
.pd-body__visual::after {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(180deg, rgba(10, 10, 12, 0) 55%, rgba(10, 10, 12, 0.72) 100%);
	pointer-events: none;
	z-index: 1;
}
.pd-body__visual:hover {
	box-shadow: 0 32px 80px -16px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(201, 169, 110, 0.4);
}
.pd-body__visual img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	transition: transform 1600ms cubic-bezier(0.16, 1, 0.3, 1), filter 600ms;
}
.pd-body__visual:hover img { transform: scale(1.08); filter: saturate(1.05); }

/* Slider modu — gallery birden fazla görsel içerdiğinde */
.pd-body__visual--slider:hover img { transform: none; filter: none; }
.pd-body__visual--slider::after { display: none; }

.pd-slider {
	position: absolute;
	inset: 0;
	z-index: 1;
	overflow: hidden;
}
.pd-slider__track {
	display: flex;
	width: 100%;
	height: 100%;
	transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}
.pd-slider__slide {
	position: relative;
	flex: 0 0 100%;
	min-width: 100%;
	height: 100%;
}
.pd-slider__slide img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: none;
	transition: none;
}

.pd-slider__nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 4;
	width: 44px;
	height: 44px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: rgba(10, 10, 12, 0.55);
	border: 1px solid rgba(201, 169, 110, 0.45);
	border-radius: 999px;
	color: #c9a96e;
	cursor: pointer;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	transition: background 240ms ease, border-color 240ms ease, color 240ms ease, transform 240ms ease;
}
.pd-slider__nav:hover {
	background: rgba(201, 169, 110, 0.92);
	border-color: rgba(201, 169, 110, 0.95);
	color: #0a0a0c;
}
.pd-slider__nav:focus-visible {
	outline: 2px solid #c9a96e;
	outline-offset: 3px;
}
.pd-slider__nav--prev { left: 14px; }
.pd-slider__nav--next { right: 14px; }

.pd-slider__dots {
	position: absolute;
	left: 50%;
	bottom: 18px;
	transform: translateX(-50%);
	z-index: 4;
	display: inline-flex;
	gap: 8px;
	padding: 6px 10px;
	background: rgba(10, 10, 12, 0.5);
	border: 1px solid rgba(201, 169, 110, 0.35);
	border-radius: 999px;
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
}
.pd-slider__dot {
	width: 8px;
	height: 8px;
	border-radius: 999px;
	border: 0;
	padding: 0;
	background: rgba(201, 169, 110, 0.35);
	cursor: pointer;
	transition: background 240ms ease, transform 240ms ease;
}
.pd-slider__dot:hover { background: rgba(201, 169, 110, 0.6); }
.pd-slider__dot.is-active {
	background: #c9a96e;
	transform: scale(1.25);
}
.pd-slider__dot:focus-visible {
	outline: 2px solid #c9a96e;
	outline-offset: 2px;
}

@media (max-width: 600px) {
	.pd-slider__nav { width: 36px; height: 36px; }
	.pd-slider__nav--prev { left: 8px; }
	.pd-slider__nav--next { right: 8px; }
	.pd-slider__dots { bottom: 12px; }
}

/* Slider caption — slide altında, gold accent, fade */
.pd-slider__caption {
	position: absolute;
	left: 0; right: 0; bottom: 0;
	z-index: 3;
	padding: 38px 24px 18px;
	background: linear-gradient(180deg, transparent 0%, rgba(10,10,12,0.78) 50%, rgba(10,10,12,0.92) 100%);
	color: var(--color-gold-pale);
	font-family: var(--font-sans);
	font-size: 0.875rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	line-height: 1.55;
	text-align: left;
	transition: opacity 200ms ease;
	pointer-events: none;
}
.pd-slider__caption::before {
	content: "";
	display: inline-block;
	width: 20px; height: 1px;
	background: var(--color-gold);
	margin-right: 10px;
	vertical-align: middle;
	transform: translateY(-2px);
}
.pd-slider__caption.is-fading { opacity: 0; }

/* dots'u caption yukarısına it */
.pd-slider:has(.pd-slider__caption) .pd-slider__dots { bottom: 56px; }

@media (max-width: 600px) {
	.pd-slider__caption { font-size: 0.8125rem; padding: 32px 16px 14px; }
	.pd-slider:has(.pd-slider__caption) .pd-slider__dots { bottom: 50px; }
}

/* Sosyal link butonları — proje body içinde brand link kardeşi */
.pd-body__social {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 9px 16px;
	color: var(--color-text-soft);
	font-family: var(--font-sans);
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.04em;
	border: 1px solid var(--color-line);
	border-radius: 2px;
	transition: all 240ms cubic-bezier(0.22, 0.61, 0.36, 1);
	white-space: nowrap;
}
.pd-body__social svg { transition: transform 240ms ease; }
.pd-body__social:hover {
	color: var(--color-gold);
	border-color: var(--color-gold);
	background: rgba(201, 169, 110, 0.08);
}
.pd-body__social:hover svg { transform: scale(1.08); }

/* Gold köşe markerleri — kutu kenarlarında */
.pd-body__visual-corner {
	position: absolute;
	width: 22px; height: 22px;
	z-index: 2;
	pointer-events: none;
}
.pd-body__visual-corner::before,
.pd-body__visual-corner::after {
	content: "";
	position: absolute;
	background: #c9a96e;
}
.pd-body__visual-corner::before { height: 1px; width: 22px; }
.pd-body__visual-corner::after  { width: 1px; height: 22px; }

.pd-body__visual-corner--tl { top: 12px; left: 12px; }
.pd-body__visual-corner--tl::before { top: 0; left: 0; }
.pd-body__visual-corner--tl::after  { top: 0; left: 0; }
.pd-body__visual-corner--tr { top: 12px; right: 12px; }
.pd-body__visual-corner--tr::before { top: 0; right: 0; }
.pd-body__visual-corner--tr::after  { top: 0; right: 0; }
.pd-body__visual-corner--bl { bottom: 12px; left: 12px; }
.pd-body__visual-corner--bl::before { bottom: 0; left: 0; }
.pd-body__visual-corner--bl::after  { bottom: 0; left: 0; }
.pd-body__visual-corner--br { bottom: 12px; right: 12px; }
.pd-body__visual-corner--br::before { bottom: 0; right: 0; }
.pd-body__visual-corner--br::after  { bottom: 0; right: 0; }

/* Lokasyon etiketi — kutunun sol-alt köşesinde */
.pd-body__visual-tag {
	position: absolute;
	left: 22px;
	bottom: 22px;
	z-index: 3;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	padding: 8px 14px;
	background: rgba(10, 10, 12, 0.55);
	border: 1px solid rgba(201, 169, 110, 0.45);
	border-radius: 999px;
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: #f3d99c;
}
.pd-body__visual-dot {
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: #c9a96e;
	box-shadow: 0 0 8px rgba(201, 169, 110, 0.7);
	animation: pdDotPulse 2.4s ease-in-out infinite;
}
@keyframes pdDotPulse {
	0%, 100% { transform: scale(1);   opacity: 1; }
	50%      { transform: scale(1.3); opacity: 0.65; }
}

@media (max-width: 980px) {
	.pd-body__grid { grid-template-columns: 1fr; gap: var(--space-5); }
	.pd-body__visual { aspect-ratio: 16 / 10; }
}
@media (max-width: 600px) {
	.pd-body__visual-tag { left: 14px; bottom: 14px; padding: 6px 10px; font-size: 10px; }
	.pd-body__visual-corner { width: 16px; height: 16px; }
	.pd-body__visual-corner::before { width: 16px; }
	.pd-body__visual-corner::after  { height: 16px; }
}

/* ---- ESKİ BODY (sticky side) — artık kullanılmıyor ---- */
.pd-body__inner {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.5fr);
	gap: var(--space-8);
}
.pd-body__side {
	position: sticky;
	top: 120px;
	align-self: start;
}
.pd-body__side-num {
	display: block;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.32em;
	color: rgba(201, 169, 110, 0.62);
	margin-bottom: var(--space-3);
}
.pd-body__h2 {
	font-family: var(--font-display);
	font-size: clamp(2rem, 4vw, 3.2rem);
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.04;
	margin: var(--space-3) 0 var(--space-5);
	color: var(--color-text);
}
.pd-body__h2 em { font-style: normal; color: #c9a96e; }
.pd-body__side-divider {
	width: 36px;
	height: 1px;
	background: #c9a96e;
	margin: 0 0 var(--space-5);
}
.pd-body__back {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: var(--color-text-soft);
	transition: gap 320ms, color 280ms;
}
.pd-body__back:hover { gap: 14px; color: #c9a96e; }

.pd-body__content { padding-top: var(--space-2); }
.pd-body__lead {
	font-family: var(--font-display);
	font-size: clamp(1.2rem, 1.9vw, 1.6rem);
	font-weight: 300;
	line-height: 1.55;
	letter-spacing: -0.005em;
	color: var(--color-text);
	margin: 0 0 var(--space-5);
}
.pd-body__brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--font-sans);
	font-size: 12px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #c9a96e;
	border-bottom: 1px solid rgba(201, 169, 110, 0.4);
	padding-bottom: 4px;
	transition: gap 320ms, color 280ms, border-color 280ms;
}
.pd-body__brand:hover { gap: 14px; color: #f3d99c; border-color: #f3d99c; }

/* Pillar mini bloklar */
.pd-pillars {
	margin-top: var(--space-7);
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: var(--space-4);
}
.pd-pillar {
	padding: var(--space-5);
	background: linear-gradient(160deg, rgba(20, 16, 10, 0.62) 0%, rgba(10, 10, 12, 0.45) 100%);
	border: 1px solid rgba(201, 169, 110, 0.18);
	border-radius: 4px;
	position: relative;
}
.pd-pillar::before {
	content: "";
	position: absolute;
	left: 0; top: 16px; bottom: 16px;
	width: 2px;
	background: #c9a96e;
	opacity: 0.55;
}
.pd-pillar__num {
	display: block;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	letter-spacing: 0.28em;
	color: #c9a96e;
	margin-bottom: 10px;
}
.pd-pillar h4 {
	font-family: var(--font-display);
	font-size: 1.1rem;
	font-weight: 300;
	color: var(--color-text);
	margin: 0 0 8px;
	letter-spacing: -0.005em;
}
.pd-pillar p {
	font-size: 13px;
	line-height: 1.6;
	color: var(--color-text-soft);
	margin: 0;
}

@media (max-width: 980px) {
	.pd-body__inner { grid-template-columns: 1fr; gap: var(--space-5); }
	.pd-body__side { position: static; }
	.pd-pillars { grid-template-columns: 1fr; }
}

/* ---- CTA BAND (full-bleed cinematic) ---- */
.pd-cta {
	position: relative;
	overflow: hidden;
	padding: var(--space-9) var(--container-pad);
	color: var(--color-text);
	isolation: isolate;
}
.pd-cta__bg { position: absolute; inset: 0; z-index: 0; overflow: hidden; }
.pd-cta__bg img {
	width: 100%; height: 100%;
	object-fit: cover;
	filter: blur(2px) saturate(0.85);
	transform: scale(1.05);
}
.pd-cta__overlay {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(70% 60% at 50% 50%, rgba(201, 169, 110, 0.16) 0%, rgba(0, 0, 0, 0) 60%),
		linear-gradient(180deg, rgba(6, 6, 10, 0.88) 0%, rgba(6, 6, 10, 0.95) 100%);
}
.pd-cta__inner {
	position: relative;
	z-index: 2;
	text-align: center;
	max-width: 760px;
	margin: 0 auto;
}
.pd-cta__title {
	font-family: var(--font-display);
	font-size: clamp(2.2rem, 5vw, 4rem);
	font-weight: 300;
	letter-spacing: -0.02em;
	line-height: 1.05;
	margin: var(--space-3) 0 var(--space-4);
	color: #fff;
}
.pd-cta__title em { font-style: normal; color: #c9a96e; }
.pd-cta__lead {
	font-size: var(--fs-md);
	line-height: 1.75;
	color: rgba(245, 233, 200, 0.78);
	margin: 0 0 var(--space-5);
}
.pd-cta__actions {
	display: flex;
	flex-wrap: wrap;
	gap: var(--space-3);
	justify-content: center;
}

@media (max-width: 600px) {
	.pd-cta { padding: var(--space-7) var(--container-pad); }
}

@media (prefers-reduced-motion: reduce) {
	.pd-hero__img,
	.pd-hero__corner::before,
	.pd-hero__corner::after,
	.pd-hero__eyebrow,
	.pd-hero__title,
	.pd-hero__sub,
	.pd-hero__cue-line {
		animation: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

/* ============================================
   ESKİ project-detail kuralları artık kullanılmıyor
   (yeni .pd-* yapısına geçildi) — sürdürülen
   tek şey "other-projects" ile project-item__detail
   ============================================ */
/* (eski .project-detail* yapısı kaldırıldı — yeni .pd-* yapısına geçildi) */

/* ============================================
   OTHER PROJECTS — alt 3 kart
   ============================================ */
.other-projects { background: #07070a; border-top: 1px solid rgba(201, 169, 110, 0.12); }
.other-projects__head { text-align: center; margin-bottom: var(--space-7); }
.other-projects__title {
	font-family: var(--font-display);
	font-size: clamp(2rem, 4vw, 3rem);
	font-weight: 300;
	letter-spacing: -0.02em;
	margin: var(--space-3) 0 0;
	color: var(--color-text);
}
.other-projects__title em { font-style: normal; color: #c9a96e; }
.other-projects__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--space-5);
	margin-bottom: var(--space-6);
}
.other-project {
	display: flex;
	flex-direction: column;
	background: linear-gradient(160deg, #14110a 0%, #0d0b07 65%, #0a0a0c 100%);
	border: 1px solid rgba(201, 169, 110, 0.18);
	border-radius: 4px;
	overflow: hidden;
	color: var(--color-text);
	opacity: 0;
	transform: translateY(20px);
	animation: otherReveal 700ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
	animation-delay: calc(var(--i, 0) * 120ms);
	transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1), border-color 320ms ease-out, box-shadow 320ms ease-out;
}
@keyframes otherReveal {
	to { opacity: 1; transform: translateY(0); }
}
.other-project:hover {
	transform: translateY(-4px);
	border-color: rgba(201, 169, 110, 0.5);
	box-shadow: 0 20px 40px -16px rgba(0, 0, 0, 0.5);
}
.other-project__media {
	position: relative;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}
.other-project__media img {
	width: 100%; height: 100%;
	object-fit: cover;
	transform: scale(1.02);
	transition: transform 1200ms cubic-bezier(0.16, 1, 0.3, 1);
}
.other-project:hover .other-project__media img { transform: scale(1.07); }
.other-project__corner {
	position: absolute;
	top: 10px; right: 10px;
	width: 16px; height: 16px;
	border-top: 1px solid #c9a96e;
	border-right: 1px solid #c9a96e;
	z-index: 2;
}
.other-project__body { padding: var(--space-5); display: flex; flex-direction: column; gap: 8px; }
.other-project__year {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #c9a96e;
}
.other-project__title {
	font-family: var(--font-display);
	font-size: 1.2rem;
	font-weight: 300;
	letter-spacing: -0.005em;
	color: var(--color-text);
	margin: 0;
}
.other-project__meta {
	font-size: 12px;
	color: var(--color-text-soft);
	letter-spacing: 0.04em;
}
.other-project__cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	padding-top: 10px;
	border-top: 1px solid rgba(201, 169, 110, 0.18);
	font-family: var(--font-sans);
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #c9a96e;
	transition: gap 320ms ease-out, color 280ms ease-out;
}
.other-project__cta svg { transition: transform 320ms ease-out; }
.other-project:hover .other-project__cta { gap: 12px; color: #f3d99c; }
.other-project:hover .other-project__cta svg { transform: translateX(3px); }
.other-projects__more { text-align: center; }

@media (max-width: 860px) {
	.other-projects__grid { grid-template-columns: 1fr; }
}

/* ============================================
   A11Y — focus-visible
   ============================================ */
:where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid #c9a96e;
	outline-offset: 3px;
	border-radius: 2px;
}
.skip-link:focus {
	background: #c9a96e;
	color: #14110a;
	padding: 10px 20px;
	border-radius: 2px;
}

/* ============================================
   SECTOR TILES — hero altı çift gold kart
   ============================================ */
.sector-tiles {
	position: relative;
	background: var(--color-bg);
	padding: var(--space-7) var(--container-pad);
	border-bottom: 1px solid var(--color-line-soft);
}

.sector-tiles::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	height: 1px;
	background: linear-gradient(90deg,
		transparent 0%,
		rgba(201, 169, 110, 0.35) 25%,
		rgba(201, 169, 110, 0.55) 50%,
		rgba(201, 169, 110, 0.35) 75%,
		transparent 100%);
}

.sector-tiles__inner {
	max-width: var(--container-wide);
	margin: 0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--space-5);
}

.sector-tile {
	position: relative;
	display: flex;
	flex-direction: column;
	border-radius: 4px;
	overflow: hidden;
	color: var(--color-text);
	background: linear-gradient(160deg, #14110a 0%, #0d0b07 60%, #0a0a0c 100%);
	border: 1px solid rgba(201, 169, 110, 0.22);
	isolation: isolate;
	transition:
		transform 600ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 600ms cubic-bezier(0.16, 1, 0.3, 1),
		box-shadow 600ms cubic-bezier(0.16, 1, 0.3, 1);
	will-change: transform;
}

/* Gold parıltı çerçevesi — tek renk #c9a96e, hover'da öne çıkar */
.sector-tile::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: 1px;
	background: rgba(201, 169, 110, 0.45);
	-webkit-mask: linear-gradient(#000, #000) content-box, linear-gradient(#000, #000);
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	opacity: 0.7;
	transition: opacity 600ms cubic-bezier(0.16, 1, 0.3, 1);
	pointer-events: none;
	z-index: 4;
}

/* Görsel alanı — kart artık tamamen görsel; koyuluk YOK */
.sector-tile__media {
	position: relative;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
	flex: 1;
}

.sector-tile__media img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
	filter: none;
	transform: scale(1.02);
	transition:
		transform 1200ms cubic-bezier(0.16, 1, 0.3, 1),
		filter 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* CTA'nın okunması için sadece alt kenarda dar bir gradient — fotoğrafın
   geri kalanı tamamen temiz */
.sector-tile__media::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 140px;
	background: linear-gradient(180deg,
		rgba(10, 10, 12, 0) 0%,
		rgba(10, 10, 12, 0.45) 50%,
		rgba(10, 10, 12, 0.85) 100%);
	pointer-events: none;
	z-index: 1;
}

/* Gold CTA — görselin sol-alt köşesine overlay, büyük editorial tipografi */
.sector-tile__cta {
	position: absolute;
	left: var(--space-6);
	right: calc(var(--space-6) + 110px);
	bottom: var(--space-5);
	z-index: 3;
	font-family: var(--font-display);
	font-size: clamp(1.5rem, 2.4vw, 2.2rem);
	font-weight: 300;
	letter-spacing: -0.005em;
	line-height: 1.1;
	color: var(--color-gold-bright, #e6cc8e);
	text-shadow: 0 2px 14px rgba(0, 0, 0, 0.7);
	transition: color 480ms cubic-bezier(0.16, 1, 0.3, 1), transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Sağ-alt köşede animasyonlu daire ikon */
.sector-tile__icon {
	position: absolute;
	right: var(--space-5);
	bottom: var(--space-5);
	z-index: 3;
	width: 76px;
	height: 76px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	color: #f3d99c;
	transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1);
}

/* Merkez daire — gold border + ince blur arka plan */
.sector-tile__icon::before {
	content: "";
	position: absolute;
	inset: 12px;
	border-radius: 999px;
	border: 1px solid rgba(232, 200, 140, 0.85);
	background: rgba(10, 10, 12, 0.35);
	backdrop-filter: blur(6px);
	-webkit-backdrop-filter: blur(6px);
	box-shadow:
		inset 0 0 0 1px rgba(232, 200, 140, 0.15),
		0 6px 18px rgba(0, 0, 0, 0.45);
	transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1), background 600ms cubic-bezier(0.16, 1, 0.3, 1);
	z-index: 0;
}

/* Pulse halkaları */
.sector-tile__icon-ring {
	position: absolute;
	inset: 0;
	border-radius: 999px;
	border: 1px solid rgba(232, 200, 140, 0.55);
	opacity: 0;
	transform: scale(0.55);
	animation: sectorIconPulse 2400ms cubic-bezier(0.16, 1, 0.3, 1) infinite;
	z-index: 0;
	pointer-events: none;
}

.sector-tile__icon-ring--2 {
	animation-delay: 1200ms;
	border-color: rgba(232, 200, 140, 0.35);
}

.sector-tile__icon svg {
	position: relative;
	z-index: 1;
	width: 26px;
	height: 26px;
	filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.6));
	transition: transform 520ms cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes sectorIconPulse {
	0%   { opacity: 0;   transform: scale(0.55); }
	30%  { opacity: 0.7;                          }
	100% { opacity: 0;   transform: scale(1.4);  }
}

.sector-tile:hover {
	transform: translateY(-4px);
	border-color: rgba(201, 169, 110, 0.55);
	box-shadow:
		0 24px 48px -16px rgba(0, 0, 0, 0.55),
		0 6px 16px rgba(0, 0, 0, 0.25),
		0 0 0 1px rgba(201, 169, 110, 0.18) inset;
}

.sector-tile:hover::before { opacity: 1; }

.sector-tile:hover .sector-tile__media img {
	transform: scale(1.06);
	filter: contrast(1.04) saturate(1.05);
}

.sector-tile:hover .sector-tile__cta {
	color: #f3d99c;
	transform: translateY(-2px);
}

.sector-tile:hover .sector-tile__icon::before {
	background: rgba(201, 169, 110, 0.92);
	transform: scale(1.08);
}

.sector-tile:hover .sector-tile__icon { color: #14110a; }

.sector-tile:hover .sector-tile__icon svg {
	transform: translateX(4px);
}

@media (max-width: 860px) {
	.sector-tiles { padding: var(--space-6) var(--container-pad); }
	.sector-tiles__inner {
		grid-template-columns: 1fr;
		gap: var(--space-4);
	}
	.sector-tile__media { aspect-ratio: 16 / 11; }
	.sector-tile__cta {
		left: var(--space-5);
		right: calc(var(--space-5) + 80px);
		bottom: var(--space-4);
		font-size: clamp(1.25rem, 5vw, 1.75rem);
	}
	.sector-tile__icon {
		width: 60px;
		height: 60px;
		right: var(--space-4);
		bottom: var(--space-4);
	}
	.sector-tile__icon::before { inset: 9px; }
	.sector-tile__icon svg { width: 22px; height: 22px; }
}

@media (prefers-reduced-motion: reduce) {
	.sector-tile__icon-ring { animation: none !important; opacity: 0 !important; }
}

/* ============================================
   SECTOR RIPPLE TAKEOVER — cursor pozisyonundan
   bölüm-içi cinematic geçiş
   ============================================ */
.sector-tiles { position: relative; overflow: hidden; }

.sector-ripple {
	position: absolute;
	inset: 0;
	z-index: 5;
	pointer-events: none;
	visibility: hidden;
	--rx: 50%;
	--ry: 50%;
}

.sector-ripple.is-active { visibility: visible; }

.sector-ripple__layer {
	position: absolute;
	inset: 0;
	overflow: hidden;
	clip-path: circle(0 at var(--rx) var(--ry));
	-webkit-clip-path: circle(0 at var(--rx) var(--ry));
	background: #0a0a0c;
	will-change: clip-path, transform, opacity, filter;
	/* Açılış easing — slow-in-fast-out */
	transition:
		clip-path 720ms cubic-bezier(0.7, 0, 0.2, 1),
		-webkit-clip-path 720ms cubic-bezier(0.7, 0, 0.2, 1),
		transform 720ms cubic-bezier(0.7, 0, 0.2, 1),
		filter 720ms cubic-bezier(0.7, 0, 0.2, 1),
		opacity 720ms cubic-bezier(0.7, 0, 0.2, 1);
}

.sector-ripple.is-active .sector-ripple__layer {
	clip-path: circle(150% at var(--rx) var(--ry));
	-webkit-clip-path: circle(150% at var(--rx) var(--ry));
}

/* Özel kapanış — circle iris kapanırken aynı zamanda
   layer hafif scale-down + blur + opacity drop. Daha snappy easing. */
.sector-ripple.is-closing .sector-ripple__layer {
	clip-path: circle(0 at var(--rx) var(--ry));
	-webkit-clip-path: circle(0 at var(--rx) var(--ry));
	transform: scale(0.94);
	filter: blur(6px) brightness(0.6);
	opacity: 0;
	transition:
		clip-path 520ms cubic-bezier(0.55, 0, 0.1, 1),
		-webkit-clip-path 520ms cubic-bezier(0.55, 0, 0.1, 1),
		transform 520ms cubic-bezier(0.55, 0, 0.1, 1),
		filter 520ms cubic-bezier(0.55, 0, 0.1, 1),
		opacity 520ms cubic-bezier(0.55, 0, 0.1, 1);
}

/* Kapanış sırasında içerik içe doğru çekilir */
.sector-ripple.is-closing .sector-ripple__content {
	opacity: 0;
	transform: translateY(-12px) scale(0.96);
	filter: blur(2px);
	transition:
		opacity 220ms cubic-bezier(0.55, 0, 0.1, 1),
		transform 320ms cubic-bezier(0.55, 0, 0.1, 1),
		filter 320ms cubic-bezier(0.55, 0, 0.1, 1);
}

.sector-ripple.is-closing .sector-ripple__projects.is-visible {
	opacity: 0;
	transform: translateX(36px);
	filter: blur(2px);
	transition:
		opacity 240ms cubic-bezier(0.55, 0, 0.1, 1),
		transform 380ms cubic-bezier(0.55, 0, 0.1, 1),
		filter 380ms cubic-bezier(0.55, 0, 0.1, 1);
}

/* Kapanış ripple halkası — son cursor pozisyonundan dışa doğru kaybolur */
.sector-ripple.is-closing::after {
	content: "";
	position: absolute;
	left: var(--rx);
	top: var(--ry);
	width: 0;
	height: 0;
	border-radius: 999px;
	border: 1px solid rgba(232, 200, 140, 0.7);
	transform: translate(-50%, -50%);
	animation: rippleCloseRing 560ms cubic-bezier(0.16, 1, 0.3, 1) forwards;
	pointer-events: none;
	z-index: 10;
}

@keyframes rippleCloseRing {
	0%   { width: 0;     height: 0;     opacity: 0.9; border-width: 2px; }
	60%  { opacity: 0.55; }
	100% { width: 220px; height: 220px; opacity: 0;   border-width: 1px; }
}

.sector-ripple__img {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	transform: scale(1.12);
	transition: transform 1600ms cubic-bezier(0.16, 1, 0.3, 1);
}

.sector-ripple.is-active .sector-ripple__img {
	transform: scale(1);
}

/* Veil: cinematic karartma + gold radial vinyet */
.sector-ripple__veil {
	position: absolute;
	inset: 0;
	background:
		radial-gradient(60% 60% at var(--rx) var(--ry), rgba(201, 169, 110, 0.18) 0%, rgba(0, 0, 0, 0) 55%),
		radial-gradient(120% 90% at 50% 100%, rgba(10, 10, 12, 0.55) 0%, rgba(10, 10, 12, 0) 60%),
		linear-gradient(180deg, rgba(10, 10, 12, 0.42) 0%, rgba(10, 10, 12, 0.62) 100%);
	opacity: 0;
	transition: opacity 700ms ease-out 120ms;
}

.sector-ripple.is-active .sector-ripple__veil { opacity: 1; }

/* İçerik bloğu — bölüm-içi büyük editorial başlık */
.sector-ripple__content {
	position: absolute;
	left: var(--container-pad);
	right: var(--container-pad);
	bottom: var(--space-6);
	max-width: 720px;
	color: #fff;
	opacity: 0;
	transform: translateY(20px);
	transition: opacity 500ms cubic-bezier(0.16, 1, 0.3, 1) 280ms, transform 700ms cubic-bezier(0.16, 1, 0.3, 1) 280ms;
}

.sector-ripple.is-active .sector-ripple__content {
	opacity: 1;
	transform: translateY(0);
}

.sector-ripple__eyebrow {
	display: inline-block;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	letter-spacing: 0.32em;
	text-transform: uppercase;
	color: #e6cc8e;
	padding: 5px 12px;
	border: 1px solid rgba(232, 200, 140, 0.45);
	border-radius: 999px;
	margin-bottom: var(--space-3);
}

.sector-ripple__title {
	font-family: var(--font-display);
	font-size: clamp(2.4rem, 6.5vw, 5rem);
	font-weight: 300;
	line-height: 0.98;
	letter-spacing: -0.02em;
	color: #fff;
	margin: 0 0 var(--space-3) 0;
	text-shadow: 0 4px 24px rgba(0, 0, 0, 0.6);
}

.sector-ripple__sub {
	display: block;
	font-family: var(--font-sans);
	font-size: clamp(0.85rem, 1.2vw, 1.05rem);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.78);
	margin-bottom: var(--space-4);
}

/* ---- Ripple açılırken gold detay katmanı ---- */
.sector-ripple__details {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 2;
}

/* L şeklinde köşe markerleri */
.rip-corner {
	position: absolute;
	width: 32px;
	height: 32px;
	opacity: 0;
	transition: opacity 400ms cubic-bezier(0.16, 1, 0.3, 1) 500ms;
}
.rip-corner::before, .rip-corner::after {
	content: "";
	position: absolute;
	background: #c9a96e;
}
.rip-corner::before { /* horizontal */ height: 1px; width: 0; transition: width 600ms cubic-bezier(0.16, 1, 0.3, 1) 600ms; }
.rip-corner::after  { /* vertical   */ width: 1px; height: 0; transition: height 600ms cubic-bezier(0.16, 1, 0.3, 1) 600ms; }

.rip-corner--tl { top: 28px; left: 28px; }
.rip-corner--tl::before { top: 0; left: 0; }
.rip-corner--tl::after  { top: 0; left: 0; }

.rip-corner--tr { top: 28px; right: 28px; }
.rip-corner--tr::before { top: 0; right: 0; }
.rip-corner--tr::after  { top: 0; right: 0; }

.rip-corner--bl { bottom: 28px; left: 28px; }
.rip-corner--bl::before { bottom: 0; left: 0; }
.rip-corner--bl::after  { bottom: 0; left: 0; }

.rip-corner--br { bottom: 28px; right: 28px; }
.rip-corner--br::before { bottom: 0; right: 0; }
.rip-corner--br::after  { bottom: 0; right: 0; }

.sector-ripple.is-active .rip-corner { opacity: 1; }
.sector-ripple.is-active .rip-corner::before { width: 32px; }
.sector-ripple.is-active .rip-corner::after  { height: 32px; }

/* Üst yatay ve sol dikey ince çizgiler — kart başında yan akıyor */
.rip-line {
	position: absolute;
	background: #c9a96e;
	opacity: 0;
	transition: opacity 500ms ease-out 700ms, transform 900ms cubic-bezier(0.16, 1, 0.3, 1) 700ms;
}
.rip-line--top {
	top: 50%; left: 28px; height: 1px;
	width: 120px; margin-top: -8px;
	transform-origin: left center;
	transform: scaleX(0);
}
.rip-line--left {
	left: 28px; top: calc(50% + 8px); width: 1px;
	height: 60px;
	transform-origin: top;
	transform: scaleY(0);
}
.sector-ripple.is-active .rip-line { opacity: 0.7; transform: scale(1); }

/* Dikey tick işaretleri — sayaç gibi belirir */
.rip-tick {
	position: absolute;
	left: 28px;
	width: 8px;
	height: 1px;
	background: #c9a96e;
	opacity: 0;
	transform: scaleX(0);
	transform-origin: left;
	transition: opacity 320ms ease-out, transform 420ms cubic-bezier(0.16, 1, 0.3, 1);
}
.rip-tick--1 { top: calc(50% + 80px); transition-delay: 760ms, 760ms; }
.rip-tick--2 { top: calc(50% + 92px); width: 14px; transition-delay: 820ms, 820ms; }
.rip-tick--3 { top: calc(50% + 104px); transition-delay: 880ms, 880ms; }
.sector-ripple.is-active .rip-tick { opacity: 0.55; transform: scaleX(1); }

/* Floating gold dot accents */
.rip-dot {
	position: absolute;
	width: 5px;
	height: 5px;
	border-radius: 999px;
	background: #c9a96e;
	opacity: 0;
	transform: scale(0);
	transition: opacity 380ms ease-out, transform 520ms cubic-bezier(0.34, 1.56, 0.64, 1);
	box-shadow: 0 0 12px rgba(201, 169, 110, 0.6);
}
.rip-dot--1 { top: 22%; left: 8%;   transition-delay: 580ms, 580ms; }
.rip-dot--2 { top: 78%; left: 12%;  transition-delay: 680ms, 680ms; }
.rip-dot--3 { bottom: 16%; left: 38%; width: 3px; height: 3px; transition-delay: 760ms, 760ms; }
.sector-ripple.is-active .rip-dot { opacity: 1; transform: scale(1); }

/* Mono kimlik etiketi sağ üstte */
.rip-frame-num {
	position: absolute;
	top: 32px;
	right: 56px;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 9px;
	letter-spacing: 0.36em;
	text-transform: uppercase;
	color: rgba(201, 169, 110, 0.78);
	opacity: 0;
	transform: translateY(-6px);
	transition: opacity 400ms ease-out 720ms, transform 500ms cubic-bezier(0.16, 1, 0.3, 1) 720ms;
}
.sector-ripple.is-active .rip-frame-num { opacity: 1; transform: translateY(0); }

/* Kapanışta tüm gold detayları aynı anda fade out */
.sector-ripple.is-closing .rip-corner,
.sector-ripple.is-closing .rip-corner::before,
.sector-ripple.is-closing .rip-corner::after,
.sector-ripple.is-closing .rip-line,
.sector-ripple.is-closing .rip-tick,
.sector-ripple.is-closing .rip-dot,
.sector-ripple.is-closing .rip-frame-num {
	opacity: 0 !important;
	transition: opacity 220ms ease-out !important;
}

/* ---- Sağ taraf öne çıkan projeler paneli — editorial card stack ---- */
.sector-ripple__projects {
	position: absolute;
	right: var(--container-pad);
	top: 50%;
	transform: translateY(-50%);
	width: clamp(320px, 36%, 420px);
	padding: 26px 22px 22px;
	display: none;
	flex-direction: column;
	gap: 14px;
	z-index: 3;
	background:
		linear-gradient(180deg, rgba(10, 10, 12, 0.42) 0%, rgba(10, 10, 12, 0.28) 100%);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(201, 169, 110, 0.16);
	border-radius: 4px;
}

.sector-ripple__projects.is-visible { display: flex; }

/* Gold köşe markerleri — panel açılınca çizilir */
.ripple-shell__corner {
	position: absolute;
	width: 18px;
	height: 18px;
	opacity: 0;
	transition: opacity 380ms ease-out 540ms;
}
.ripple-shell__corner::before, .ripple-shell__corner::after {
	content: "";
	position: absolute;
	background: #c9a96e;
}
.ripple-shell__corner::before { height: 1px; width: 0; transition: width 520ms cubic-bezier(0.16, 1, 0.3, 1) 620ms; }
.ripple-shell__corner::after  { width: 1px; height: 0; transition: height 520ms cubic-bezier(0.16, 1, 0.3, 1) 620ms; }

.ripple-shell__corner--tl { top: -1px; left: -1px; }
.ripple-shell__corner--tl::before { top: 0; left: 0; }
.ripple-shell__corner--tl::after  { top: 0; left: 0; }

.ripple-shell__corner--tr { top: -1px; right: -1px; }
.ripple-shell__corner--tr::before { top: 0; right: 0; }
.ripple-shell__corner--tr::after  { top: 0; right: 0; }

.ripple-shell__corner--bl { bottom: -1px; left: -1px; }
.ripple-shell__corner--bl::before { bottom: 0; left: 0; }
.ripple-shell__corner--bl::after  { bottom: 0; left: 0; }

.ripple-shell__corner--br { bottom: -1px; right: -1px; }
.ripple-shell__corner--br::before { bottom: 0; right: 0; }
.ripple-shell__corner--br::after  { bottom: 0; right: 0; }

.sector-ripple.is-active .sector-ripple__projects.is-visible .ripple-shell__corner { opacity: 1; }
.sector-ripple.is-active .sector-ripple__projects.is-visible .ripple-shell__corner::before { width: 18px; }
.sector-ripple.is-active .sector-ripple__projects.is-visible .ripple-shell__corner::after  { height: 18px; }

/* Sol gold dikey çizgi — panelin sol kenarında akıyor */
.ripple-shell__edge {
	position: absolute;
	left: 0;
	top: 24px;
	bottom: 24px;
	width: 2px;
	background: #c9a96e;
	transform: scaleY(0);
	transform-origin: top;
	opacity: 0.55;
	transition: transform 700ms cubic-bezier(0.16, 1, 0.3, 1) 480ms;
}
.sector-ripple.is-active .sector-ripple__projects.is-visible .ripple-shell__edge { transform: scaleY(1); }

.sector-ripple.is-closing .ripple-shell__corner,
.sector-ripple.is-closing .ripple-shell__corner::before,
.sector-ripple.is-closing .ripple-shell__corner::after,
.sector-ripple.is-closing .ripple-shell__edge {
	opacity: 0 !important;
	transition: opacity 220ms ease-out !important;
}

.sector-ripple__projects-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(232, 200, 140, 0.22);
	opacity: 0;
	transform: translateX(20px);
	transition: opacity 500ms cubic-bezier(0.16, 1, 0.3, 1) 320ms, transform 600ms cubic-bezier(0.16, 1, 0.3, 1) 320ms;
}

.sector-ripple__projects-label {
	font-family: var(--font-mono, var(--font-sans));
	font-size: 10px;
	letter-spacing: 0.34em;
	text-transform: uppercase;
	color: #e6cc8e;
}

.sector-ripple__projects-count {
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 300;
	color: rgba(232, 200, 140, 0.55);
	letter-spacing: 0.04em;
}

.ripple-prj {
	position: relative;
	display: grid;
	grid-template-columns: 24px 72px minmax(0, 1fr) 30px;
	align-items: center;
	gap: 12px;
	padding: 12px 16px 12px 14px;
	border-radius: 6px;
	background: linear-gradient(135deg, rgba(20, 16, 10, 0.72) 0%, rgba(10, 10, 12, 0.62) 100%);
	border: 1px solid rgba(232, 200, 140, 0.14);
	backdrop-filter: blur(12px);
	-webkit-backdrop-filter: blur(12px);
	color: #fff;
	overflow: hidden;
	opacity: 0;
	transform: translateX(28px);
	transition:
		opacity 540ms cubic-bezier(0.16, 1, 0.3, 1),
		transform 680ms cubic-bezier(0.16, 1, 0.3, 1),
		border-color 320ms ease-out,
		background 320ms ease-out,
		box-shadow 320ms ease-out;
	transition-delay: calc(380ms + var(--i, 0) * 80ms);
}

/* Sol gold accent çubuk — hover'da uzar */
.ripple-prj::before {
	content: "";
	position: absolute;
	left: 0;
	top: 12px;
	bottom: 12px;
	width: 2px;
	background: linear-gradient(180deg, #f3d99c 0%, #b89a61 100%);
	transform: scaleY(0.4);
	transform-origin: center;
	opacity: 0.6;
	transition: transform 420ms cubic-bezier(0.16, 1, 0.3, 1), opacity 420ms ease-out;
}

.sector-ripple.is-active .sector-ripple__projects.is-visible .sector-ripple__projects-head,
.sector-ripple.is-active .sector-ripple__projects.is-visible .ripple-prj {
	opacity: 1;
	transform: translateX(0);
}

.ripple-prj:hover {
	border-color: rgba(232, 200, 140, 0.42);
	background: linear-gradient(135deg, rgba(30, 24, 12, 0.92) 0%, rgba(20, 16, 10, 0.85) 100%);
	box-shadow: 0 12px 28px -8px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(232, 200, 140, 0.12) inset;
	transform: translateX(-6px) !important;
}

.ripple-prj:hover::before {
	transform: scaleY(1);
	opacity: 1;
}

/* Numara — display tipografide editorial vurgu */
.ripple-prj__num {
	font-family: var(--font-display);
	font-size: 22px;
	font-weight: 300;
	line-height: 1;
	color: rgba(232, 200, 140, 0.72);
	letter-spacing: -0.02em;
	transition: color 320ms ease-out;
}

.ripple-prj:hover .ripple-prj__num { color: #f3d99c; }

/* Thumbnail — daha büyük + yıl chip overlay */
.ripple-prj__media {
	width: 80px;
	height: 80px;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(232, 200, 140, 0.18);
}

.ripple-prj__media img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	filter: saturate(0.85);
	transition: transform 720ms cubic-bezier(0.16, 1, 0.3, 1), filter 320ms ease-out;
}

.ripple-prj:hover .ripple-prj__media img {
	transform: scale(1.1);
	filter: saturate(1.08);
}

.ripple-prj__year {
	position: absolute;
	left: 4px;
	bottom: 4px;
	padding: 2px 6px;
	border-radius: 2px;
	background: rgba(10, 10, 12, 0.75);
	font-family: var(--font-mono, var(--font-sans));
	font-size: 9px;
	font-weight: 600;
	letter-spacing: 0.14em;
	color: #f3d99c;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
}

.ripple-prj__text {
	display: flex;
	flex-direction: column;
	gap: 6px;
	min-width: 0;
}

.ripple-prj__title {
	font-family: var(--font-sans);
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.005em;
	color: #fff;
	line-height: 1.25;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.ripple-prj__meta {
	display: flex;
	flex-direction: column;
	gap: 3px;
	font-family: var(--font-mono, var(--font-sans));
	font-size: 9.5px;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: rgba(232, 200, 140, 0.72);
	min-width: 0;
}

.ripple-prj__sep { display: none; }

.ripple-prj__loc,
.ripple-prj__units {
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 100%;
}

.ripple-prj__units { color: #c9a96e; }

.ripple-prj__arrow {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	border: 1px solid rgba(232, 200, 140, 0.32);
	color: #f3d99c;
	opacity: 0.6;
	transition: opacity 320ms ease-out, background 320ms ease-out, transform 420ms cubic-bezier(0.16, 1, 0.3, 1), border-color 320ms ease-out;
}

.ripple-prj:hover .ripple-prj__arrow {
	opacity: 1;
	background: rgba(232, 200, 140, 0.18);
	border-color: rgba(232, 200, 140, 0.65);
	transform: translateX(3px);
}

/* Dar bölüm boyutlarında projeler */
@media (max-width: 1280px) {
	.sector-ripple__content { max-width: 56%; }
	.sector-ripple__projects { width: clamp(300px, 38%, 380px); }
	.ripple-prj { grid-template-columns: 24px 68px 1fr auto; gap: 10px; }
	.ripple-prj__media { width: 68px; height: 68px; }
	.ripple-prj__num { font-size: 18px; }
}

.sector-ripple__hint {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
	font-family: var(--font-sans);
	font-size: 11px;
	letter-spacing: 0.28em;
	text-transform: uppercase;
	color: #e6cc8e;
	opacity: 0;
	animation: ripplePulse 1800ms cubic-bezier(0.4, 0, 0.6, 1) infinite;
	animation-delay: 900ms;
}

.sector-ripple.is-active .sector-ripple__hint { opacity: 0.85; }

@keyframes ripplePulse {
	0%, 100% { opacity: 0.45; transform: translateX(0); }
	50%      { opacity: 1;    transform: translateX(4px); }
}

/* Gold parçacıklar — yumuşak floating */
.sector-ripple__particle {
	position: absolute;
	width: 6px;
	height: 6px;
	border-radius: 999px;
	background: radial-gradient(circle, #f3d99c 0%, rgba(243, 217, 156, 0) 70%);
	opacity: 0;
	pointer-events: none;
	transition: opacity 600ms ease-out;
}

.sector-ripple.is-active .sector-ripple__particle {
	opacity: 0.9;
	animation: rippleFloat 4200ms cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

.sector-ripple__particle--1 { top: 18%; left: 12%; animation-delay: 0ms;   }
.sector-ripple__particle--2 { top: 42%; right: 18%; width: 4px; height: 4px; animation-delay: 800ms; }
.sector-ripple__particle--3 { top: 68%; left: 28%; width: 8px; height: 8px; animation-delay: 1600ms; }

@keyframes rippleFloat {
	0%, 100% { transform: translate(0, 0) scale(1);    opacity: 0.35; }
	50%      { transform: translate(8px, -22px) scale(1.4); opacity: 1; }
}

/* Mobilde ripple devre dışı — touch device deneyimini bozmamak için */
@media (hover: none), (max-width: 1024px) {
	.sector-ripple { display: none; }
}

@media (prefers-reduced-motion: reduce) {
	.sector-ripple__layer,
	.sector-ripple__img,
	.sector-ripple__veil,
	.sector-ripple__content,
	.sector-ripple__particle {
		transition-duration: 200ms !important;
		animation: none !important;
	}
}

@media (prefers-reduced-motion: reduce) {
	.sector-tile,
	.sector-tile__media img,
	.sector-tile__cta,
	.sector-tile__cta svg,
	.sector-tile::before,
	.sector-tile::after {
		transition: none !important;
	}
}