/* About page breadcrumb banner
--------------------------------------------- */
.about-page { overflow: hidden; }
.about-banner { position: relative; display: flex; min-height: clamp(310px, 31vw, 500px); align-items: center; overflow: hidden; background-color: #18034d; background-image: var(--bp-about-hero-image); background-repeat: no-repeat; background-position: center 44%; background-size: cover; color: var(--color-white); isolation: isolate; }
.about-banner::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, rgba(16,3,54,.92) 0%, rgba(26,7,74,.78) 48%, rgba(24,3,77,.52) 100%); content: ""; }
.about-banner::after { position: absolute; z-index: -1; width: 330px; height: 330px; right: -120px; bottom: -230px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; box-shadow: 0 0 0 58px rgba(255,106,33,.1); content: ""; }
.about-banner__inner { width: min(calc(100% - 48px), var(--container-wide)); padding-block: clamp(62px,8vw,110px); padding-inline: clamp(4px,1.5vw,20px); }
.about-banner h1 { margin: 0 0 18px; color: var(--color-white); font-size: clamp(2.5rem,4.5vw,4.5rem); line-height: 1.05; letter-spacing: -.025em; }
.about-banner .breadcrumbs { border: 0; background: transparent; }
.about-banner .breadcrumbs__list { width: auto; min-height: 0; margin: 0; padding: 0; }
.about-banner .breadcrumbs__item { color: rgba(255,255,255,.78); font-size: var(--font-size-sm); }
.about-banner .breadcrumbs__item a { color: var(--color-white); font-weight: var(--font-weight-semibold); }
.about-banner .breadcrumbs__item a:hover { color: #ffab81; }
.about-banner .breadcrumbs__item:not(:last-child)::after { margin-left: 10px; color: var(--color-accent); font-family: "Font Awesome 6 Free"; font-size: .65rem; font-weight: 900; content: "\f054"; opacity: 1; }

/* About welcome
--------------------------------------------- */
.about-welcome { padding-block: clamp(72px,9vw,140px); background: var(--color-white); }
.about-welcome__inner { display: grid; width: min(calc(100% - 48px), var(--container-wide)); grid-template-columns: minmax(420px,.95fr) minmax(0,1.05fr); align-items: center; gap: clamp(48px,7vw,110px); }
.about-welcome__visual { position: relative; overflow: hidden; border-radius: clamp(18px,2vw,28px); background: var(--color-bg-purple); }
.about-welcome__visual::after { position: absolute; inset: 0; border: 1px solid rgba(53,16,140,.1); border-radius: inherit; content: ""; pointer-events: none; }
.about-welcome__visual img { display: block; width: 100%; height: auto; object-fit: contain; }
.about-welcome__content { max-width: 720px; }
.about-welcome__eyebrow { display: inline-flex; margin-bottom: 13px; color: var(--color-accent-dark); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: .1em; text-transform: uppercase; }
.about-welcome h2 { margin-bottom: 23px; font-size: clamp(2.2rem,3.8vw,3.9rem); line-height: 1.08; letter-spacing: -.02em; text-transform: uppercase; }
.about-welcome__content p { margin-bottom: 22px; color: var(--color-text); font-size: var(--font-size-base); line-height: 1.72; }
.about-welcome__content ul { display: grid; gap: 9px; margin: -5px 0 26px; padding: 0; list-style: none; }
.about-welcome__content li { position: relative; padding-left: 27px; color: var(--color-text-dark); font-size: var(--font-size-sm); line-height: 1.55; }
.about-welcome__content li::before { position: absolute; top: .24em; left: 0; display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: var(--color-accent-light); color: var(--color-accent-dark); font-family: "Font Awesome 6 Free"; font-size: .55rem; font-weight: 900; content: "\f00c"; }
.about-welcome__content .about-welcome__closing { margin-bottom: 0; padding: 18px 20px; border-left: 3px solid var(--color-accent); border-radius: 0 var(--radius-md) var(--radius-md) 0; background: var(--color-bg-soft); color: var(--color-heading); font-weight: var(--font-weight-medium); }

@media (max-width: 950px) {
	.about-welcome__inner { grid-template-columns: 1fr; }
	.about-welcome__visual { width: min(760px,100%); }
	.about-welcome__content { max-width: 780px; }
}

@media (max-width: 575px) {
	.about-banner { min-height: 280px; background-position: 62% center; }
	.about-banner__inner { width: min(calc(100% - 32px), var(--container-wide)); padding: 60px 4px; }
	.about-banner h1 { font-size: clamp(2.35rem,12vw,3.3rem); }
	.about-banner .breadcrumbs__item { font-size: var(--font-size-xs); }
	.about-welcome { padding-block: 64px; }
	.about-welcome__inner { width: min(calc(100% - 32px), var(--container-wide)); gap: 38px; }
	.about-welcome h2 { font-size: clamp(2rem,10vw,2.8rem); }
	.about-welcome__content p { font-size: var(--font-size-sm); }
}

/* Vision, mission, and values
--------------------------------------------- */
.about-purpose { position: relative; overflow: hidden; padding-block: clamp(76px,9vw,140px); background: linear-gradient(145deg,#f8f4ff 0%,#fff 56%,#fff7f1 100%); }
.about-purpose::before { position: absolute; width: 440px; height: 440px; top: -260px; left: -240px; border: 1px solid rgba(53,16,140,.08); border-radius: 50%; box-shadow: 0 0 0 70px rgba(53,16,140,.02); content: ""; }
.about-purpose__header { position: relative; display: grid; grid-template-columns: minmax(0,1fr) minmax(330px,.65fr); align-items: end; gap: clamp(40px,8vw,120px); margin-bottom: clamp(48px,7vw,82px); }
.about-purpose__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 7px 13px; border-radius: var(--radius-pill); background: var(--color-accent-light); color: var(--color-accent-dark); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: .09em; text-transform: uppercase; }
.about-purpose__eyebrow i { color: var(--color-accent); }
.about-purpose__header h2 { max-width: 780px; margin: 0; font-size: clamp(2.2rem,3.9vw,4rem); line-height: 1.08; }
.about-purpose__header > p { margin: 0; padding-left: clamp(20px,3vw,38px); border-left: 2px solid var(--color-accent); color: var(--color-text-light); font-size: var(--font-size-base); line-height: 1.75; }
.about-purpose__layout { position: relative; display: grid; grid-template-columns: minmax(0,.94fr) minmax(420px,1.06fr); align-items: center; gap: clamp(50px,8vw,125px); }
.about-purpose__list { display: grid; }
.about-purpose__item { display: grid; grid-template-columns: 52px minmax(0,1fr); gap: 18px; padding-block: clamp(22px,3vw,32px); border-bottom: 1px solid var(--color-border); }
.about-purpose__item:first-child { padding-top: 0; }
.about-purpose__item:last-child { padding-bottom: 0; border-bottom: 0; }
.about-purpose__number { display: grid; width: 42px; height: 42px; place-items: center; border: 1px solid rgba(53,16,140,.14); border-radius: 50%; color: var(--color-primary); font-family: var(--font-heading); font-size: .78rem; font-weight: var(--font-weight-bold); }
.about-purpose__item h3 { margin: 1px 0 8px; font-size: clamp(1.35rem,2vw,1.8rem); }
.about-purpose__item p { margin: 0; color: var(--color-text-light); font-size: var(--font-size-sm); line-height: 1.72; }
.about-purpose__visual { position: relative; padding: 18px 18px 0 0; }
.about-purpose__visual::before { position: absolute; inset: 0 0 8% 8%; border-radius: 28px; background: linear-gradient(145deg,#ffd84d,#ffae38); content: ""; transform: rotate(2deg); }
.about-purpose__image-wrap { position: relative; z-index: 1; overflow: hidden; border-radius: clamp(18px,2.5vw,30px); background: #fff; }
.about-purpose__image-wrap img { display: block; width: 100%; height: auto; object-fit: contain; }
.about-purpose__badge { position: relative; z-index: 2; display: inline-flex; align-items: center; gap: 8px; float: right; margin: 14px 12px 0 0; padding: 9px 14px; border: 1px solid var(--color-border); border-radius: var(--radius-pill); background: #fff; color: var(--color-heading); font-size: var(--font-size-xs); font-weight: var(--font-weight-semibold); }
.about-purpose__badge i { color: var(--color-accent); }

@media (max-width: 950px) {
	.about-purpose__header { grid-template-columns: 1fr; gap: 20px; }
	.about-purpose__header > p { max-width: 700px; padding-left: 0; border-left: 0; }
	.about-purpose__layout { grid-template-columns: 1fr; }
	.about-purpose__visual { grid-row: 1; width: min(720px,100%); }
}

@media (max-width: 575px) {
	.about-purpose { padding-block: 64px; }
	.about-purpose__header { margin-bottom: 40px; }
	.about-purpose__item { grid-template-columns: 42px minmax(0,1fr); gap: 13px; }
	.about-purpose__number { width: 36px; height: 36px; }
	.about-purpose__visual { padding: 10px 10px 0 0; }
	.about-purpose__badge { float: none; margin-right: 0; }
}

/* Goals for every child
--------------------------------------------- */
.about-goals { position: relative; overflow: hidden; padding-block: clamp(76px,9vw,138px); background: var(--color-white); }
.about-goals::before { position: absolute; width: 360px; height: 360px; right: -230px; bottom: -230px; border: 1px solid rgba(255,106,33,.09); border-radius: 50%; box-shadow: 0 0 0 65px rgba(255,106,33,.02); content: ""; pointer-events: none; }
.about-goals__header { max-width: 820px; margin-bottom: clamp(45px,6vw,76px); text-align: center; }
.about-goals__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 14px; padding: 7px 13px; border-radius: var(--radius-pill); background: var(--color-accent-light); color: var(--color-accent-dark); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: .09em; text-transform: uppercase; }
.about-goals__eyebrow i { color: var(--color-accent); }
.about-goals__header h2 { margin-bottom: 16px; font-size: clamp(2.2rem,3.8vw,3.9rem); line-height: 1.1; }
.about-goals__header p { max-width: 680px; margin: 0 auto; color: var(--color-text-light); font-size: var(--font-size-base); line-height: 1.72; }
.about-goals__grid { position: relative; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); }
.about-goal { position: relative; padding: clamp(12px,2vw,26px) clamp(22px,3vw,42px); text-align: center; }
.about-goal + .about-goal { border-left: 1px solid var(--color-border); }
.about-goal__icon { display: grid; width: 80px; height: 80px; margin: 0 auto 24px; place-items: center; }
.about-goal__icon img { display: block; width: 72px; height: 72px; object-fit: contain; transition: transform var(--transition-base); }
.about-goal:hover .about-goal__icon img { transform: translateY(-3px); }
.about-goal h3 { margin-bottom: 9px; font-size: clamp(1.18rem,1.6vw,1.5rem); }
.about-goal p { max-width: 260px; margin: 0 auto; color: var(--color-text-light); font-size: var(--font-size-sm); line-height: 1.65; }

@media (max-width: 950px) {
	.about-goals__grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 0; }
	.about-goal { padding-block: 34px; }
	.about-goal:nth-child(3) { border-left: 0; }
	.about-goal:nth-child(n+3) { border-top: 1px solid var(--color-border); }
}

@media (max-width: 575px) {
	.about-goals { padding-block: 64px; }
	.about-goals__header { margin-bottom: 34px; }
	.about-goals__grid { grid-template-columns: 1fr; }
	.about-goal { display: grid; grid-template-columns: 58px minmax(0,1fr); gap: 4px 16px; padding: 24px 4px; text-align: left; }
	.about-goal + .about-goal,
	.about-goal:nth-child(3) { border-top: 1px solid var(--color-border); border-left: 0; }
	.about-goal__icon { grid-row: 1 / span 2; width: 54px; height: 54px; margin: 0; border-radius: 17px; font-size: 1.2rem; }
	.about-goal__icon img { width: 50px; height: 50px; }
	.about-goal h3 { align-self: end; margin-bottom: 3px; }
	.about-goal p { max-width: none; margin: 0; }
}

/* Closing cultural belief
--------------------------------------------- */
.about-legacy { position: relative; overflow: hidden; padding-block: clamp(68px,8vw,116px); background-color: #25106b; background-image: var(--bp-about-background-image); background-position: center; background-size: cover; background-repeat: no-repeat; color: var(--color-white); isolation: isolate; }
.about-legacy::before { position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg,rgba(22,4,67,.88),rgba(53,16,140,.56),rgba(25,5,76,.82)); content: ""; }
.about-legacy__inner { display: flex; align-items: center; flex-direction: column; text-align: center; }
.about-legacy__mark { display: grid; width: 46px; height: 46px; margin-bottom: 20px; place-items: center; border: 1px solid rgba(255,255,255,.2); border-radius: 50%; background: rgba(255,255,255,.08); color: #ffad84; font-size: .9rem; }
.about-legacy h2 { max-width: 1100px; margin: 0; color: var(--color-white); font-family: "Noto Sans Devanagari","Mangal",var(--font-primary); font-size: clamp(1.7rem,3vw,3rem); font-weight: var(--font-weight-semibold); line-height: 1.5; text-wrap: balance; }
.about-legacy__line { width: 70px; height: 2px; margin-top: 27px; border-radius: var(--radius-pill); background: var(--color-accent); }

@media (max-width: 575px) {
	.about-legacy { padding-block: 64px; background-position: center; }
	.about-legacy h2 { font-size: clamp(1.5rem,7vw,2rem); line-height: 1.62; }
}

/* Parent promise
--------------------------------------------- */
.about-promise { position: relative; overflow: hidden; padding-block: clamp(78px,9vw,140px); background: var(--color-white); }
.about-promise::before { position: absolute; width: 360px; height: 360px; top: -250px; right: -180px; border: 1px solid rgba(53,16,140,.07); border-radius: 50%; box-shadow: 0 0 0 60px rgba(53,16,140,.018); content: ""; pointer-events: none; }
.about-promise__inner { position: relative; display: grid; grid-template-columns: minmax(0,.88fr) minmax(440px,1.12fr); align-items: center; gap: clamp(55px,9vw,140px); }
.about-promise__intro { max-width: 650px; }
.about-promise__eyebrow { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 15px; padding: 7px 13px; border-radius: var(--radius-pill); background: var(--color-accent-light); color: var(--color-accent-dark); font-size: var(--font-size-xs); font-weight: var(--font-weight-bold); letter-spacing: .09em; text-transform: uppercase; }
.about-promise__eyebrow i { color: var(--color-accent); }
.about-promise h2 { margin-bottom: 20px; font-size: clamp(2.2rem,3.7vw,3.8rem); line-height: 1.08; }
.about-promise__intro > p { margin-bottom: 30px; color: var(--color-text-light); font-size: var(--font-size-base); line-height: 1.75; }
.about-promise__points { display: grid; }
.about-promise__point { display: grid; grid-template-columns: 54px minmax(0,1fr); gap: 17px; padding-block: clamp(20px,2.5vw,29px); border-bottom: 1px solid var(--color-border); }
.about-promise__point:first-child { padding-top: 0; }
.about-promise__point:last-child { padding-bottom: 0; border-bottom: 0; }
.about-promise__point > span { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid rgba(53,16,140,.12); border-radius: 50%; background: var(--color-bg-purple); color: var(--color-primary); font-size: 1rem; }
.about-promise__point:nth-child(even) > span { background: var(--color-accent-light); color: var(--color-accent-dark); }
.about-promise__point h3 { margin: 1px 0 6px; font-size: clamp(1.2rem,1.7vw,1.5rem); }
.about-promise__point p { margin: 0; color: var(--color-text-light); font-size: var(--font-size-sm); line-height: 1.65; }

@media (max-width: 900px) {
	.about-promise__inner { grid-template-columns: 1fr; gap: 48px; }
	.about-promise__intro { max-width: 760px; }
	.about-promise__points { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
	.about-promise__point,
	.about-promise__point:first-child,
	.about-promise__point:last-child { display: block; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
	.about-promise__point > span { margin-bottom: 18px; }
}

@media (max-width: 650px) {
	.about-promise { padding-block: 64px; }
	.about-promise__points { grid-template-columns: 1fr; gap: 14px; }
	.about-promise__intro .btn { width: 100%; }
	.about-promise__point,
	.about-promise__point:first-child,
	.about-promise__point:last-child { display: grid; grid-template-columns: 48px minmax(0,1fr); gap: 14px; padding: 20px; }
	.about-promise__point > span { width: 44px; height: 44px; margin: 0; }
}

/* Restrained editorial promise layout */
.about-promise { position: static; overflow: visible; border-top: 1px solid var(--color-border-light); }
.about-promise::before { display: none; }
.about-promise__inner { position: static; align-items: start; }
.about-promise__eyebrow { display: inline-block; margin-bottom: 17px; padding: 0; border-radius: 0; background: transparent; letter-spacing: .12em; }
.about-promise__link { display: inline-flex; align-items: center; gap: 9px; padding-bottom: 5px; border-bottom: 1px solid var(--color-primary); color: var(--color-primary); font-size: var(--font-size-sm); font-weight: var(--font-weight-semibold); }
.about-promise__link i { font-size: .7rem; transition: transform var(--transition-base); }
.about-promise__link:hover i { transform: translateX(4px); }
.about-promise__point { grid-template-columns: 46px minmax(0,1fr); gap: 18px; padding-block: clamp(22px,2.8vw,34px); }
.about-promise__point > span,
.about-promise__point:nth-child(even) > span { display: block; width: auto; height: auto; padding-top: 4px; border: 0; border-radius: 0; background: transparent; color: var(--color-accent-dark); font-family: var(--font-heading); font-size: .8rem; font-weight: var(--font-weight-bold); letter-spacing: .06em; }

@media (max-width: 900px) {
	.about-promise__points { gap: 28px; }
	.about-promise__point,
	.about-promise__point:first-child,
	.about-promise__point:last-child { display: block; padding: 22px 0 0; border: 0; border-top: 1px solid var(--color-border); border-radius: 0; }
	.about-promise__point > span { margin-bottom: 14px; }
}

@media (max-width: 650px) {
	.about-promise__point,
	.about-promise__point:first-child,
	.about-promise__point:last-child { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 14px; padding: 20px 0; }
.about-promise__point > span { margin: 0; }
}

/* Final About page composition */
.about-welcome{padding-block:clamp(64px,7vw,96px)}.about-welcome__inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(38px,5vw,72px)}.about-welcome__visual{align-self:center;width:100%;margin:0}.about-welcome__visual img{width:100%;height:auto}.about-welcome__content{max-width:none}.about-welcome__content p{margin-bottom:16px}.about-welcome__content ul{margin-top:0;margin-bottom:20px}.about-welcome__content .about-welcome__closing{padding:15px 18px}
.about-promise{position:relative;padding-block:clamp(70px,8vw,110px);overflow:hidden;border-top:0;background:linear-gradient(135deg,#f8f4ff 0%,#fff 58%,#fff5ef 100%)}.about-promise:before{position:absolute;display:block;top:-150px;right:-120px;width:330px;height:330px;border:55px solid rgba(53,16,140,.035);border-radius:50%;box-shadow:none;content:""}.about-promise__inner{position:relative;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);align-items:center;gap:clamp(42px,7vw,100px)}.about-promise__intro{max-width:570px}.about-promise__intro>p{margin-bottom:26px}.about-promise__link{padding:12px 20px;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary);color:#fff}.about-promise__link:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.about-promise__points{display:grid;gap:14px}.about-promise__point,.about-promise__point:first-child,.about-promise__point:last-child{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:17px;padding:20px 22px;border:1px solid rgba(53,16,140,.1);border-radius:15px;background:rgba(255,255,255,.88);box-shadow:0 8px 24px rgba(38,16,93,.045)}.about-promise__point>span,.about-promise__point:nth-child(even)>span{display:grid;width:46px;height:46px;padding:0;border:0;border-radius:13px;background:var(--color-bg-purple);place-items:center;color:var(--color-primary);font-family:var(--font-primary);font-size:.72rem;font-weight:700}.about-promise__point:nth-child(even)>span{background:var(--color-accent-light);color:var(--color-accent-dark)}.about-promise__point h3{margin:1px 0 5px;font-size:1.18rem}.about-promise__point p{font-size:.82rem}
@media(max-width:991px){.about-welcome__inner{grid-template-columns:1fr}.about-welcome__visual{width:min(760px,100%)}.about-promise__inner{grid-template-columns:1fr}.about-promise__intro{max-width:720px}}
@media(max-width:575px){.about-welcome{padding-block:54px}.about-welcome__inner{gap:30px}.about-promise{padding-block:58px}.about-promise__point,.about-promise__point:first-child,.about-promise__point:last-child{grid-template-columns:44px minmax(0,1fr);padding:18px 16px}.about-promise__point>span,.about-promise__point:nth-child(even)>span{width:40px;height:40px}.about-promise__intro .about-promise__link{width:100%;justify-content:center}}

/* One consistent heading alignment across the mobile About page. */
@media(max-width:767px){.about-welcome__content,.about-purpose__header,.about-goals__header,.about-promise__intro{text-align:left!important}.about-welcome h2,.about-purpose__header h2,.about-goals__header h2,.about-promise h2,.about-legacy h2{width:100%;margin-right:0;margin-left:0;text-align:left!important}.about-welcome__eyebrow,.about-purpose__eyebrow,.about-goals__eyebrow,.about-promise__eyebrow{margin-right:auto;margin-left:0!important}.about-purpose__header p,.about-goals__header p,.about-promise__intro p{text-align:left!important}}
.about-promise__point h3{font-family:var(--font-primary)!important;font-weight:750;letter-spacing:-.01em}
