/* ==========================================================================
   About Page — Final luxury polish (v1.9.1)
   Scoped: .iuk-about .ab-command
   ========================================================================== */

.iuk-about .ab-command {
	--ab-section-pad: clamp(3.25rem, 5.5vw, 6.25rem);
	--ab-label: rgba(126, 231, 255, 0.72);
	--ab-body: rgba(255, 255, 255, 0.62);
	--ab-head: #f8fafc;
	font-feature-settings: "locl" 1;
	text-rendering: optimizeLegibility;
}

/* Page-wide light pass — keeps hero sweep; adds cinematic drift */
.iuk-about .ab-page__light-pass {
	position: fixed;
	inset: -20% -30%;
	z-index: 40;
	pointer-events: none;
	background: linear-gradient(
		100deg,
		transparent 0%,
		transparent 38%,
		rgba(255, 255, 255, 0.025) 48%,
		rgba(6, 182, 212, 0.04) 52%,
		transparent 62%,
		transparent 100%
	);
	background-size: 180% 100%;
	animation: ab-page-light-pass 16s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
	mix-blend-mode: soft-light;
	opacity: 0.85;
}

@keyframes ab-page-light-pass {
	0% { background-position: 130% 0; opacity: 0.5; }
	45% { opacity: 0.9; }
	100% { background-position: -30% 0; opacity: 0.5; }
}

/* Typography hierarchy */
.iuk-about .ab-section__eyebrow {
	font-size: 0.6875rem;
	letter-spacing: 0.16em;
	color: var(--ab-label);
	margin-bottom: 0.875rem;
}

.iuk-about .ab-section__head h2,
.iuk-about .ab-metrics__head h2,
.iuk-about .ab-mission__head h2,
.iuk-about .ab-network-wrap__head h2,
.iuk-about .ab-excellence__head h2 {
	font-size: clamp(1.75rem, 3.4vw, 2.625rem);
	font-weight: 700;
	letter-spacing: -0.035em;
	line-height: 1.08;
	color: var(--ab-head);
}

.iuk-about .ab-who__headline {
	font-size: clamp(1.75rem, 3.2vw, 2.5rem);
	line-height: 1.1;
	letter-spacing: -0.03em;
	margin-bottom: 1.25rem;
	padding-bottom: 0.04em;
}

/* Hero — distinct cargo / ops visual */
.iuk-about .ab-hero .ab-hero__photo {
	object-position: center 42%;
	filter: contrast(1.16) saturate(0.95) brightness(0.9);
}

.iuk-about .ab-hero__sweep {
	background: linear-gradient(
		105deg,
		transparent 0%,
		transparent 40%,
		rgba(255, 255, 255, 0.05) 50%,
		rgba(6, 182, 212, 0.03) 54%,
		transparent 60%,
		transparent 100%
	);
	background-size: 200% 100%;
	animation: ab-hero-sweep 11s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}

@keyframes ab-hero-sweep {
	0% { background-position: 115% 0; }
	100% { background-position: -15% 0; }
}

/* Smoother page light pass — preserved */
.iuk-about .ab-page__light-pass {
	animation: ab-page-light-pass 18s cubic-bezier(0.42, 0, 0.58, 1) infinite;
}

/* Kurumsal card breathing room */
.iuk-about .ab-who__card.ab-glass {
	padding: clamp(2.25rem, 4.5vw, 3rem) clamp(2rem, 4vw, 2.75rem);
}

.iuk-about .ab-who__card .ab-who__lead {
	margin-bottom: 1.5rem;
	line-height: 1.72;
}

.iuk-about .ab-who__card .ab-who__emphasis {
	margin-bottom: 1.5rem;
}

.iuk-about .ab-who__card .ab-who__pillars {
	margin-bottom: 1.75rem;
	gap: 0.625rem;
}

.iuk-about .ab-who__card .ab-who__foot {
	margin-bottom: 1.75rem;
	padding-top: 0.25rem;
	line-height: 1.68;
}

.iuk-about .ab-who__assure {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem 1.25rem;
	list-style: none;
	margin: 0;
	padding: 1.25rem 0 0;
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.iuk-about .ab-who__assure li {
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.04em;
	color: rgba(255, 255, 255, 0.72);
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
}

.iuk-about .ab-who__assure li::before {
	content: '✓';
	color: var(--av-green);
	font-size: 0.6875rem;
}

/* Network — mission control upgrade */
.iuk-about .ab-network {
	min-height: 360px;
	box-shadow:
		inset 0 0 80px rgba(6, 182, 212, 0.04),
		0 24px 64px rgba(0, 0, 0, 0.35);
}

.iuk-about .ab-network__scan {
	position: absolute;
	inset: 0;
	background: linear-gradient(
		180deg,
		transparent 0%,
		rgba(6, 182, 212, 0.03) 50%,
		transparent 100%
	);
	background-size: 100% 220%;
	animation: ab-network-scan 6s ease-in-out infinite;
	pointer-events: none;
	z-index: 2;
	opacity: 0.6;
}

@keyframes ab-network-scan {
	0%, 100% { background-position: 0 -80%; }
	50% { background-position: 0 180%; }
}

.iuk-about .ab-network__hub-glow {
	stroke: rgba(6, 182, 212, 0.35);
	stroke-width: 0.6;
	animation: ab-hub-ring 3s ease-in-out infinite;
}

@keyframes ab-hub-ring {
	0%, 100% { r: 6; opacity: 0.35; stroke-width: 0.4; }
	50% { r: 9; opacity: 0.75; stroke-width: 0.7; }
}

.iuk-about .ab-network__link {
	stroke: rgba(6, 182, 212, 0.18);
	transition: stroke 0.5s, stroke-width 0.5s, filter 0.5s;
}

.iuk-about .ab-network__link.is-active {
	stroke: rgba(6, 182, 212, 0.75);
	stroke-width: 0.55;
	filter: drop-shadow(0 0 6px rgba(6, 182, 212, 0.5));
}

.iuk-about .ab-network__link--travel {
	stroke: #fff;
	stroke-width: 0.65;
	stroke-dasharray: 3 8;
	animation: ab-link-travel 2.8s linear infinite;
	filter: drop-shadow(0 0 8px rgba(6, 182, 212, 0.8));
	opacity: 0.95;
}

@keyframes ab-link-travel {
	to { stroke-dashoffset: -22; }
}

.iuk-about .ab-network__node::after {
	content: '';
	position: absolute;
	inset: -4px;
	border-radius: 10px;
	border: 1px solid transparent;
	transition: border-color 0.4s, box-shadow 0.4s;
	pointer-events: none;
}

.iuk-about .ab-network__node.is-pulse::after {
	border-color: rgba(6, 182, 212, 0.4);
	box-shadow: 0 0 20px rgba(6, 182, 212, 0.25);
}

.iuk-about .ab-network__node--hub::before {
	content: '';
	position: absolute;
	inset: 50% auto auto 50%;
	width: 120%;
	height: 120%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background: radial-gradient(circle, rgba(6, 182, 212, 0.2) 0%, transparent 70%);
	animation: ab-hub-pulse 2.5s ease-in-out infinite;
	z-index: -1;
}

@keyframes ab-hub-pulse {
	0%, 100% { opacity: 0.4; transform: translate(-50%, -50%) scale(0.9); }
	50% { opacity: 1; transform: translate(-50%, -50%) scale(1.15); }
}

/* Editorial — ops module + report styling */
.iuk-about .ab-editorial__layout {
	align-items: stretch;
	gap: 2rem;
}

@media (min-width: 960px) {
	.iuk-about .ab-editorial__layout {
		grid-template-columns: minmax(280px, 0.95fr) 1.05fr;
		gap: 2rem;
	}
}

.iuk-about .ab-editorial__aside {
	display: flex;
	flex-direction: column;
	gap: 0;
}

.iuk-about .ab-editorial__mega {
	font-size: clamp(2rem, 4vw, 3.125rem);
	line-height: 1.06;
	margin-bottom: 0;
}

.iuk-about .ab-editorial__ops {
	margin-top: 1.75rem;
	padding: 1.25rem 1.125rem;
	background: rgba(11, 17, 32, 0.75);
	border: 1px solid rgba(255, 255, 255, 0.1);
	border-radius: 12px;
	backdrop-filter: blur(20px);
	box-shadow:
		0 16px 48px rgba(0, 0, 0, 0.32),
		inset 0 1px 0 rgba(255, 255, 255, 0.06);
	flex: 1;
}

.iuk-about .ab-editorial__ops-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 1rem;
	padding-bottom: 0.75rem;
	border-bottom: 1px solid var(--av-line);
}

.iuk-about .ab-editorial__ops-ref {
	font-size: 0.625rem;
	font-weight: 700;
	letter-spacing: 0.12em;
	color: rgba(255, 255, 255, 0.4);
}

.iuk-about .ab-editorial__ops-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	gap: 0.5rem;
}

.iuk-about .ab-editorial__ops-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0.625rem 0.75rem;
	font-size: 0.8125rem;
	color: var(--ab-body);
	border-radius: 6px;
	border: 1px solid transparent;
	transition: background 0.35s, border-color 0.35s;
}

.iuk-about .ab-editorial__ops-row.is-live {
	background: rgba(6, 182, 212, 0.08);
	border-color: rgba(6, 182, 212, 0.22);
}

.iuk-about .ab-editorial__ops-row strong {
	font-size: 0.75rem;
	font-weight: 700;
	color: var(--av-green);
	letter-spacing: 0.06em;
}

.iuk-about .ab-editorial__lead {
	position: relative;
	font-size: 1.25rem;
	line-height: 1.65;
	color: rgba(255, 255, 255, 0.9);
	margin-bottom: 1.25rem;
	padding-left: 0.25rem;
}

.iuk-about .ab-editorial__pull {
	font-size: 3.5rem;
	line-height: 0.8;
	color: rgba(6, 182, 212, 0.35);
	font-weight: 700;
	float: left;
	margin: 0.1rem 0.5rem 0 0;
}

.iuk-about .ab-editorial__lead-cont {
	font-size: 1rem;
	line-height: 1.75;
	color: var(--ab-body);
	margin-bottom: 2rem;
}

.iuk-about .ab-editorial__block h3 {
	font-size: 1.0625rem;
	letter-spacing: -0.01em;
}

.iuk-about .ab-editorial__block p {
	color: var(--ab-body);
	line-height: 1.78;
}

/* Mission timeline — luxurious motion */
.iuk-about .ab-mission__timeline {
	padding: 3rem 1.75rem 2.5rem;
}

.iuk-about .ab-mission__line {
	height: 3px;
	box-shadow: 0 0 12px rgba(6, 182, 212, 0.15);
}

.iuk-about .ab-mission .av-process__line-fill {
	filter: drop-shadow(0 0 12px rgba(6, 182, 212, 0.45));
}

.iuk-about .ab-mission__dot {
	box-shadow: 0 0 0 rgba(6, 182, 212, 0);
}

.iuk-about .ab-mission__node.is-active .ab-mission__dot {
	box-shadow:
		0 0 0 4px rgba(6, 182, 212, 0.15),
		0 0 32px rgba(6, 182, 212, 0.55);
}

.iuk-about .ab-mission__node.is-hover .ab-mission__dot {
	transform: scale(1.2);
	box-shadow: 0 0 36px rgba(6, 182, 212, 0.65);
}

.iuk-about .ab-mission__node strong {
	font-size: 0.9375rem;
	letter-spacing: -0.01em;
}

/* Operation modules — depth without size */
.iuk-about .ab-module {
	background: linear-gradient(145deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.015) 100%);
	box-shadow:
		0 12px 40px rgba(0, 0, 0, 0.28),
		inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.iuk-about .ab-module::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.12), transparent);
	opacity: 0.8;
}

.iuk-about .ab-module:hover {
	background: linear-gradient(145deg, rgba(6, 182, 212, 0.08) 0%, rgba(255, 255, 255, 0.02) 100%);
	box-shadow:
		0 20px 52px rgba(0, 0, 0, 0.38),
		0 0 48px rgba(37, 99, 235, 0.12),
		inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.iuk-about .ab-module:hover .ab-why-card__icon {
	box-shadow: 0 0 20px rgba(6, 182, 212, 0.25);
	border-color: rgba(6, 182, 212, 0.35);
}

/* Section transitions — tighter rhythm */
.iuk-about .ab-section--flow + .ab-section--flow::before {
	content: '';
	position: absolute;
	top: 0;
	left: 10%;
	right: 10%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.08), transparent);
}

.iuk-about .ab-metrics,
.iuk-about .ab-mission,
.iuk-about .ab-why {
	padding-top: var(--ab-section-pad);
	padding-bottom: var(--ab-section-pad);
}

/* CTA final glow */
.iuk-about .ab-cta.av-cta .av-cta__title {
	letter-spacing: -0.03em;
}

.iuk-about .ab-cta .av-cta__inner {
	padding: 0 0.5rem;
}

@media (prefers-reduced-motion: reduce) {
	.iuk-about .ab-page__light-pass,
	.iuk-about .ab-network__scan,
	.iuk-about .ab-network__hub-glow,
	.iuk-about .ab-network__link--travel,
	.iuk-about .ab-network__node--hub::before {
		animation: none;
	}
}

@media (max-width: 767px) {
	.iuk-about .ab-editorial__ops {
		margin-top: 1.25rem;
	}

	.iuk-about .ab-page__light-pass {
		opacity: 0.55;
	}
}
