/**
 * BHARAT-EU Site Styles
 * Objectives page
 * Version 1.2.0
 * Author: Panagiotis
 */

.bharat-objectives-hero {
	position: relative;
	overflow: hidden;
	background:
		radial-gradient(circle at 87% 18%, rgba(26,123,56,.12), transparent 26%),
		radial-gradient(circle at 78% 82%, rgba(25,128,155,.10), transparent 24%),
		linear-gradient(135deg, #FEF2DE 0%, #FFFFFF 72%);
}

.bharat-objectives-hero::after {
	content: "";
	position: absolute;
	right: -110px;
	bottom: -190px;
	width: 460px;
	height: 460px;
	border-radius: 50%;
	border: 92px solid rgba(233,144,3,.055);
	pointer-events: none;
}

.bharat-objectives-hero-inner {
	position: relative;
	z-index: 1;
	max-width: 990px;
}

.bharat-objectives-title {
	margin: 0 0 24px;
	color: var(--bharat-navy);
	font-size: clamp(48px, 6.4vw, 76px);
	line-height: 1;
	letter-spacing: -.04em;
}

.bharat-objectives-kicker {
	max-width: 900px;
	margin: 0 0 20px;
	color: var(--bharat-green);
	font-size: clamp(24px, 3vw, 34px);
	font-weight: 700;
	line-height: 1.25;
}

.bharat-objectives-lead {
	max-width: 920px;
	margin: 0;
	color: var(--bharat-text);
	font-size: 18px;
	line-height: 1.75;
}

.bharat-objectives-main {
	background: var(--bharat-light);
}

.bharat-objectives-heading {
	max-width: 820px;
	margin: 0 0 46px;
}

.bharat-objectives-heading h2,
.bharat-objectives-focus h2,
.bharat-objectives-cta h2 {
	margin: 0 0 20px;
	color: var(--bharat-navy);
	font-size: clamp(36px, 4vw, 50px);
	line-height: 1.08;
	letter-spacing: -.025em;
}

.bharat-objectives-heading p {
	margin: 0;
	color: var(--bharat-text);
	font-size: 17px;
	line-height: 1.7;
}

.bharat-objectives-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 22px;
}

.bharat-objective-card {
	position: relative;
	min-height: 255px;
	padding: 34px 32px;
	overflow: hidden;
	border: 1px solid var(--bharat-border);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 12px 32px rgba(11,50,86,.06);
	transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
}

.bharat-objective-card::after {
	content: "";
	position: absolute;
	right: -50px;
	bottom: -55px;
	width: 135px;
	height: 135px;
	border-radius: 50%;
	background: rgba(25,128,155,.045);
}

.bharat-objective-card:hover {
	transform: translateY(-6px);
	border-color: rgba(25,128,155,.28);
	box-shadow: 0 20px 45px rgba(11,50,86,.11);
}

.bharat-objective-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin-bottom: 24px;
	border-radius: 16px;
	background: rgba(25,128,155,.10);
	color: var(--bharat-teal);
	font-size: 14px;
	font-weight: 800;
	letter-spacing: .04em;
}

.bharat-objective-card:nth-child(2) .bharat-objective-number,
.bharat-objective-card:nth-child(5) .bharat-objective-number {
	background: rgba(26,123,56,.10);
	color: var(--bharat-green);
}

.bharat-objective-card:nth-child(3) .bharat-objective-number,
.bharat-objective-card:nth-child(6) .bharat-objective-number {
	background: rgba(233,144,3,.12);
	color: var(--bharat-orange);
}

.bharat-objective-card h3 {
	position: relative;
	z-index: 1;
	margin: 0;
	color: var(--bharat-navy);
	font-size: 23px;
	line-height: 1.35;
}

.bharat-objectives-focus {
	background: #fff;
}

.bharat-objectives-focus-box {
	padding: 50px 52px;
	border: 1px solid var(--bharat-border);
	border-radius: 28px;
	background: linear-gradient(135deg, rgba(195,216,201,.30), rgba(255,255,255,.96));
	box-shadow: 0 12px 35px rgba(11,50,86,.05);
}

.bharat-objectives-focus p {
	max-width: 950px;
	margin: 0 0 32px;
	color: var(--bharat-text);
	font-size: 17px;
	line-height: 1.75;
}

.bharat-objectives-pills {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
}

.bharat-objectives-pill {
	display: inline-flex;
	align-items: center;
	min-height: 42px;
	padding: 10px 16px;
	border: 1px solid rgba(25,128,155,.18);
	border-radius: 999px;
	background: #fff;
	color: var(--bharat-navy);
	font-size: 13px;
	font-weight: 700;
}

.bharat-objectives-cta-wrap {
	padding-top: 0;
}

.bharat-objectives-cta {
	position: relative;
	overflow: hidden;
	padding: 58px 62px;
	border-radius: 30px;
	background:
		radial-gradient(circle at 90% 10%, rgba(233,144,3,.19), transparent 28%),
		linear-gradient(125deg, #0B3256 0%, #174D70 62%, #19809B 100%);
}

.bharat-objectives-cta h2 {
	max-width: 780px;
	color: #fff;
}

.bharat-objectives-cta p {
	max-width: 770px;
	margin: 0 0 28px;
	color: rgba(255,255,255,.84);
	font-size: 17px;
	line-height: 1.7;
}

.bharat-objectives-cta .bharat-about-btn {
	background: var(--bharat-orange);
}

.bharat-objectives-cta .bharat-about-btn:hover,
.bharat-objectives-cta .bharat-about-btn:focus-visible {
	background: #fff;
	color: var(--bharat-navy) !important;
}

/* Scroll animation requested in project brief */
.bharat-reveal {
	opacity: 0;
	transform: translateY(28px);
	transition:
		opacity .7s cubic-bezier(.2,.7,.2,1),
		transform .7s cubic-bezier(.2,.7,.2,1);
	transition-delay: var(--bharat-delay, 0ms);
}

.bharat-reveal.is-visible {
	opacity: 1;
	transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
	.bharat-reveal {
		opacity: 1;
		transform: none;
		transition: none;
	}
}


/* =========================================================
   OBJECTIVES PAGE — v2.6.3
   Updated brief + staggered motion
   ========================================================= */

.bharat-objectives-heading {
	max-width: 980px;
}

.bharat-objectives-heading h2 {
	font-size: clamp(40px, 4.5vw, 56px);
	font-weight: 800;
}

.bharat-objectives-heading p {
	max-width: 940px;
	font-size: 18px;
	line-height: 1.75;
}

.bharat-objectives-grid .bharat-objective-card {
	opacity: 0;
	transform: translateY(30px) scale(.985);
	transition:
		opacity .65s ease var(--bharat-delay, 0ms),
		transform .65s cubic-bezier(.2,.65,.3,1) var(--bharat-delay, 0ms),
		box-shadow .3s ease,
		border-color .3s ease;
}

.bharat-objectives-grid .bharat-objective-card.is-visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.bharat-objective-card .bharat-objective-number {
	transform: scale(.86);
	transition: transform .45s cubic-bezier(.2,.8,.2,1) calc(var(--bharat-delay, 0ms) + 120ms);
}

.bharat-objective-card.is-visible .bharat-objective-number {
	transform: scale(1);
}

.bharat-objective-card:hover {
	transform: translateY(-6px) scale(1);
}

@media (prefers-reduced-motion: reduce) {
	.bharat-objectives-grid .bharat-objective-card,
	.bharat-objective-card .bharat-objective-number {
		opacity: 1 !important;
		transform: none !important;
		transition: none !important;
	}
}


/* =========================================================
   OBJECTIVES PAGE — v2.6.5
   Container alignment fix
   Keeps Objectives aligned with the other Project pages.
   ========================================================= */

.bharat-objectives-page .bharat-section {
	padding-left: 24px;
	padding-right: 24px;
}

.bharat-objectives-page .bharat-container {
	width: 100%;
	max-width: 1340px;
	margin-left: auto;
	margin-right: auto;
}

/* Keep the hero copy aligned to the same content column. */
.bharat-objectives-page .bharat-objectives-hero-inner {
	max-width: 990px;
}

/* Main heading uses the same left edge as the hero. */
.bharat-objectives-page .bharat-objectives-heading {
	margin-left: 0;
	margin-right: 0;
}

/* Prevent Kadence/page-template content widths from pushing this page to the edge. */
.bharat-objectives-page,
.bharat-objectives-page * {
	box-sizing: border-box;
}

@media (max-width: 900px) {
	.bharat-objectives-page .bharat-section {
		padding-left: 22px;
		padding-right: 22px;
	}
}

@media (max-width: 600px) {
	.bharat-objectives-page .bharat-section {
		padding-left: 18px;
		padding-right: 18px;
	}
}