:root {
	--dab-primary: #4B2683;
	--dab-primary-dark: #35185E;
	--dab-lavender: #F2ECFA;
	--dab-lavender-ink: #6B4FA0;
	--dab-orange: #F28C28;
	--dab-orange-dark: #D4711A;
	--dab-mint: #DFF1E4;
	--dab-mint-ink: #2F8F5B;
	--dab-sky: #E1EEFB;
	--dab-sky-ink: #2B6CB0;
	--dab-pink: #FBE4E8;
	--dab-pink-ink: #C24E63;
	--dab-ink: #202033;
	--dab-muted: #63637A;
	--dab-bg: #FAF7F2;
	--dab-bg-alt: #F4EEE2;
	--dab-white: #FFFFFF;
	--dab-radius-md: 16px;
	--dab-radius-lg: 28px;
	--dab-radius-pill: 999px;
	--dab-shadow-sm: 0 4px 16px rgba(32,32,51,0.08);
	--dab-shadow-md: 0 16px 40px rgba(32,32,51,0.14);
	--dab-font: 'Poppins', 'Inter', sans-serif;
	--dab-script-font: 'Caveat', cursive;
	--dab-transition: 260ms ease;
}

.deepam-about-page { font-family: var(--dab-font); color: var(--dab-ink); scroll-behavior: smooth; }
.deepam-about-page * { box-sizing: border-box; }
.deepam-about-page h1, .deepam-about-page h2, .deepam-about-page h3 { font-family: var(--dab-font); }
html { scroll-padding-top: 90px; }

/* ---------- HERO ---------- */
/* ---------- ABOUT HERO IMAGE (top of page) ---------- */
.dab-hero3 { max-width: 1320px; margin: 0 auto; padding: 40px 40px 0; }
.dab-hero3__frame {
	position: relative;
	width: 100%;
	aspect-ratio: 1672 / 941;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: var(--dab-shadow-md);
	background: var(--dab-bg-alt);
}
.dab-hero3__frame img { width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block; }
@media (max-width: 767px) {
	.dab-hero3 { padding: 20px 20px 0; }
	.dab-hero3__frame { border-radius: 20px; }
}

.dab-hero2 { position: relative; overflow: hidden; }
.dab-hero2--banner { min-height: 480px; display: flex; align-items: center; }
.dab-hero2__heading--light { color: #FFFFFF; }
.dab-hero2__heading .dab-line-purple-light { color: #D9C4F5; }
.dab-hero2__script--light { color: #F6C99A; }
.dab-hero2__float-card--banner { position: absolute; right: 40px; bottom: 40px; }
.dab-hero2__leaf { position: absolute; left: -20px; top: 40%; width: 90px; height: 90px; color: var(--dab-mint-ink); opacity: .35; pointer-events: none; }
.dab-hero2__heading { font-weight: 800; font-size: clamp(34px, 4.2vw, 56px); line-height: 1.1; margin: 0 0 20px; }
.dab-hero2__heading .dab-line-orange { color: var(--dab-orange); }
.dab-hero2__heading .dab-line-purple { color: var(--dab-primary); }
.dab-hero2__script {
	font-family: var(--dab-script-font);
	font-weight: 600;
	font-size: 22px;
	line-height: 1.3;
	color: var(--dab-primary);
	margin: 20px 0 0;
}
.dab-hero2__media { position: relative; }
.dab-hero2__media img { width: 100%; height: 460px; object-fit: cover; border-radius: var(--dab-radius-lg); box-shadow: var(--dab-shadow-md); }
.dab-hero2__float-card {
	position: absolute; right: -20px; bottom: 28px;
	background: var(--dab-white); border-radius: var(--dab-radius-md);
	box-shadow: var(--dab-shadow-md); padding: 18px 24px; max-width: 200px;
}
.dab-hero2__float-card p { font-weight: 700; font-size: 15px; line-height: 1.5; color: var(--dab-primary); margin: 0; }
.dab-hero2__float-card .dab-quote-mark { color: var(--dab-orange); font-size: 20px; font-weight: 800; }

/* ---------- TAB NAV STRIP ---------- */
.dab-tabnav { position: sticky; top: 0; z-index: 40; background: var(--dab-white); box-shadow: var(--dab-shadow-sm); }
.dab-tabnav__list { display: flex; justify-content: center; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch; scrollbar-width: none; padding: 4px; }
.dab-tabnav__list::-webkit-scrollbar { display: none; }
.dab-tabnav__item {
	display: inline-flex; align-items: center; gap: 8px;
	padding: 16px 18px; font-weight: 600; font-size: 14px;
	color: var(--dab-muted); text-decoration: none; white-space: nowrap;
	border-bottom: 3px solid transparent; transition: color var(--dab-transition), border-color var(--dab-transition);
}
.dab-tabnav__item i { color: var(--dab-primary); font-size: 15px; }
.dab-tabnav__item:hover { color: var(--dab-primary); }
.dab-tabnav__item.is-active { color: var(--dab-primary); border-bottom-color: var(--dab-orange); }
.dab-tabnav__item.is-active i { color: var(--dab-orange); }

/* ---------- SECTION HEAD ---------- */
.dab-section-head { max-width: 640px; margin: 0 0 32px; }
.dab-section-head.dab-center { max-width: 640px; margin: 0 auto 40px; text-align: center; }
.dab-eyebrow2 { display: inline-block; font-weight: 700; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--dab-orange-dark); margin: 0 0 10px; }

/* ---------- OUR STORY ---------- */
.dab-story2__collage { display: grid; grid-template-columns: 1.3fr 1fr; grid-template-rows: repeat(2, 1fr); gap: 16px; height: 420px; position: relative; }
.dab-story2__collage img { width: 100%; height: 100%; object-fit: cover; border-radius: var(--dab-radius-md); display: block; }
.dab-story2__collage .dab-cell-large { grid-row: 1 / 3; }
.dab-story2__quote {
	position: absolute; left: -24px; bottom: -24px;
	background: var(--dab-white); border-radius: var(--dab-radius-md);
	box-shadow: var(--dab-shadow-md); padding: 18px 22px; max-width: 190px;
}
.dab-story2__quote p { font-weight: 700; font-size: 14px; line-height: 1.5; color: var(--dab-primary); margin: 0; }
.dab-story2__quote .dab-quote-mark { color: var(--dab-orange); font-size: 18px; font-weight: 800; }

/* ---------- VISION & MISSION ---------- */
.dab-vm { background: var(--dab-lavender); position: relative; overflow: hidden; }
.dab-vm__leaf { position: absolute; right: 30px; top: 30px; width: 70px; height: 70px; color: var(--dab-lavender-ink); opacity: .4; }
.dab-vm__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; }
.dab-vm-card { background: var(--dab-white); border-radius: var(--dab-radius-md); padding: 36px 32px; box-shadow: var(--dab-shadow-sm); }
.dab-vm-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; font-size: 24px; margin-bottom: 18px; }
.dab-vm-card:nth-child(1) .dab-vm-card__icon { background: var(--dab-lavender); color: var(--dab-lavender-ink); }
.dab-vm-card:nth-child(2) .dab-vm-card__icon { background: #FCEBD8; color: var(--dab-orange-dark); }
.dab-vm-card h3 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.dab-vm-card p { font-size: 15px; color: var(--dab-muted); line-height: 1.6; margin: 0; }
.dab-vm__script { font-family: var(--dab-script-font); font-size: 22px; font-weight: 600; color: var(--dab-lavender-ink); line-height: 1.35; text-align: center; }

/* ---------- OBJECTIVES ---------- */
.dab-objectives__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.dab-obj-card { background: var(--dab-white); border: 1px solid rgba(32,32,51,0.07); border-radius: var(--dab-radius-md); padding: 28px 22px; transition: transform var(--dab-transition), box-shadow var(--dab-transition); }
.dab-obj-card:hover { transform: translateY(-4px); box-shadow: var(--dab-shadow-md); }
.dab-obj-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 50%; font-size: 19px; margin-bottom: 16px; }
.dab-obj-card:nth-child(5n+1) .dab-obj-card__icon { background: var(--dab-lavender); color: var(--dab-lavender-ink); }
.dab-obj-card:nth-child(5n+2) .dab-obj-card__icon { background: #FCEBD8; color: var(--dab-orange-dark); }
.dab-obj-card:nth-child(5n+3) .dab-obj-card__icon { background: var(--dab-mint); color: var(--dab-mint-ink); }
.dab-obj-card:nth-child(5n+4) .dab-obj-card__icon { background: var(--dab-sky); color: var(--dab-sky-ink); }
.dab-obj-card:nth-child(5n+5) .dab-obj-card__icon { background: var(--dab-pink); color: var(--dab-pink-ink); }
.dab-obj-card h3 { font-size: 16px; font-weight: 700; margin: 0 0 8px; }
.dab-obj-card p { font-size: 13px; color: var(--dab-muted); line-height: 1.5; margin: 0; }

/* ---------- OUR TEAM ---------- */
.dab-team__media { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; position: relative; }
.dab-team__media img { width: 100%; height: 220px; object-fit: cover; border-radius: var(--dab-radius-md); display: block; }
.dab-team__quote {
	position: absolute; right: -18px; bottom: -20px;
	background: var(--dab-white); border-radius: var(--dab-radius-md);
	box-shadow: var(--dab-shadow-md); padding: 16px 20px; max-width: 170px;
}
.dab-team__quote p { font-weight: 700; font-size: 13px; line-height: 1.5; color: var(--dab-primary); margin: 0; }

/* ---------- AWARDS ---------- */
.dab-awards__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.dab-award-card { background: var(--dab-white); border: 1px solid rgba(32,32,51,0.07); border-radius: var(--dab-radius-md); padding: 26px 22px; text-align: center; }
.dab-award-card__icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; border-radius: 50%; background: var(--dab-lavender); color: var(--dab-lavender-ink); font-size: 20px; margin-bottom: 14px; }
.dab-award-card h3 { font-size: 15px; font-weight: 700; margin: 0 0 6px; }
.dab-award-card p { font-size: 13px; color: var(--dab-muted); line-height: 1.5; margin: 0; }
.dab-award-card--placeholder { border-style: dashed; opacity: .75; }

/* ---------- STORIES BEHIND THE IMPACT (testimonial section) ---------- */
.dab-testimonial { max-width: 1320px; margin: 0 auto; padding: 40px 40px 96px; }
.dab-testimonial__row { display: flex; align-items: center; gap: 56px; }
.dab-testimonial__panel-col { width: 45%; flex: 0 0 auto; }
.dab-story-panel {
	position: relative; overflow: hidden;
	height: 100%; min-height: 380px;
	opacity: 0; transform: translateY(24px); transition: opacity 700ms ease, transform 700ms ease;
	background: linear-gradient(160deg, var(--dab-lavender) 0%, #FCEBD8 120%);
	border-radius: 28px;
	display: flex; flex-direction: column; align-items: center; justify-content: center;
	text-align: center; padding: 48px 32px;
}
.dab-story-panel__circle { position: absolute; border-radius: 50%; background: rgba(255,255,255,0.35); }
.dab-story-panel__circle--a { width: 140px; height: 140px; top: -40px; right: -40px; }
.dab-story-panel__circle--b { width: 90px; height: 90px; bottom: -20px; left: -20px; }
.dab-story-panel__leaf { position: absolute; top: 24px; left: 24px; font-size: 20px; color: var(--dab-mint-ink); opacity: .6; }
.dab-story-panel__heart { position: absolute; bottom: 24px; right: 28px; font-size: 18px; color: var(--dab-orange); opacity: .7; }
.dab-story-panel__quote { position: relative; z-index: 1; font-size: 54px; font-weight: 800; line-height: .6; color: var(--dab-orange); margin-bottom: 12px; }
.dab-story-panel__words { position: relative; z-index: 1; font-weight: 800; font-size: 22px; line-height: 1.35; color: var(--dab-primary); letter-spacing: .02em; margin: 0 0 16px; }
.dab-story-panel__tagline { position: relative; z-index: 1; font-size: 14px; color: var(--dab-muted); max-width: 220px; margin: 0 0 20px; line-height: 1.5; }
.dab-story-panel__icon {
	position: relative; z-index: 1;
	display: inline-flex; align-items: center; justify-content: center;
	width: 54px; height: 54px; border-radius: 50%;
	background: var(--dab-white); color: var(--dab-primary); font-size: 20px;
	box-shadow: var(--dab-shadow-sm);
}
.dab-story-panel.is-visible { opacity: 1; transform: translateY(0); }
.dab-testimonial__content-col { width: 52%; flex: 1 1 auto; min-width: 0; }

/* Community Story image panel (replaces the old decorative dab-story-panel) */
.dab-testimonial__frame {
	position: relative; z-index: 1;
	aspect-ratio: 5 / 4;
	width: 100%;
	border-radius: 28px;
	overflow: hidden;
	box-shadow: var(--dab-shadow-md);
	background: var(--dab-bg-alt);
}
.dab-testimonial__frame-img {
	width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block;
	transition: transform 400ms ease;
}
.dab-testimonial__media:hover .dab-testimonial__frame-img { transform: scale(1.02); }
.dab-testimonial__card {
	background: var(--dab-white); border-radius: var(--dab-radius-md);
	box-shadow: var(--dab-shadow-sm); padding: 28px 30px; margin: 20px 0 32px;
	border-left: 4px solid var(--dab-orange);
}
.dab-testimonial__quote-mark { color: var(--dab-orange); font-size: 26px; font-weight: 800; line-height: 1; display: block; margin-bottom: 6px; }
.dab-testimonial__card p { font-size: 16px; font-style: italic; color: var(--dab-ink); line-height: 1.6; margin: 0 0 10px; }
.dab-testimonial__card span { font-size: 13px; font-weight: 600; color: var(--dab-muted); }
.dab-testimonial__highlights { display: flex; gap: 28px; flex-wrap: wrap; margin-bottom: 28px; }
.dab-testimonial__highlight { display: flex; align-items: center; gap: 10px; }
.dab-testimonial__highlight-icon { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%; background: var(--dab-lavender); color: var(--dab-lavender-ink); font-size: 14px; flex-shrink: 0; }
.dab-testimonial__highlight strong { display: block; font-size: 13px; font-weight: 700; color: var(--dab-ink); text-transform: uppercase; letter-spacing: .03em; }
.dab-testimonial__highlight small { display: block; font-size: 12px; color: var(--dab-muted); font-weight: 400; }

/* ---------- COMMUNITY IN ACTION (replaces old purple CTA) ---------- */
.dab-ca { position: relative; overflow: hidden; }
.dab-ca__media { position: relative; opacity: 0; transform: translateY(24px); transition: opacity 700ms ease, transform 700ms ease; }
.dab-ca__media.is-visible { opacity: 1; transform: translateY(0); }
.dab-ca__blob {
	position: absolute; top: -20px; left: -20px; right: -20px; bottom: -20px;
	background: linear-gradient(135deg, var(--dab-lavender) 0%, #FCEBD8 100%);
	border-radius: 40% 60% 55% 45% / 55% 40% 60% 45%;
	z-index: 0;
}
/* ab2.png is a wide ~3:1 source (2171x724). A tall crop cut off the left side
   and zoomed too far in, so the frame now matches that natural shape closely
   (2.35:1) and uses object-fit:contain so the ENTIRE photo stays visible —
   no cropping, no cut-off subject — with only a small, intentional letterbox
   sliver top/bottom filled by the card background. */
.dab-ca__frame {
	position: relative; z-index: 1;
	aspect-ratio: 2.35 / 1;
	width: 100%;
	border-radius: 32px;
	overflow: hidden;
	box-shadow: var(--dab-shadow-md);
	background: var(--dab-bg-alt);
	display: flex; align-items: center; justify-content: center;
}
.dab-ca__frame img {
	width: 100%; height: 100%; object-fit: contain; object-position: center center; display: block;
	transition: transform 400ms ease;
}
.dab-ca__media:hover .dab-ca__frame img { transform: scale(1.02); }
.dab-ca__float-card {
	position: absolute; z-index: 2; left: 20px; bottom: 20px;
	background: var(--dab-white); border-radius: var(--dab-radius-md);
	box-shadow: var(--dab-shadow-md); padding: 16px 20px;
	display: flex; align-items: center; gap: 12px; max-width: 220px;
	transition: transform 300ms ease;
}
.dab-ca__media:hover .dab-ca__float-card { transform: translateY(-4px); }
.dab-ca__float-icon {
	display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0;
	width: 38px; height: 38px; border-radius: 50%; background: var(--dab-lavender); color: var(--dab-primary); font-size: 15px;
}
.dab-ca__float-card p { font-weight: 700; font-size: 13px; line-height: 1.4; color: var(--dab-primary); margin: 0; text-transform: uppercase; letter-spacing: .02em; }
.dab-ca__heading { font-weight: 800; font-size: clamp(28px, 3.2vw, 38px); line-height: 1.2; color: #202033; margin: 0; }
.dab-ca__highlight { color: var(--dab-orange); }
.dab-ca__textlink { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-size: 15px; color: var(--dab-primary); text-decoration: none; }
.dab-ca__textlink span { display: inline-block; transition: transform var(--dab-transition); }
.dab-ca__textlink:hover span { transform: translateX(4px); }
.dab-ca__textlink:hover { color: var(--dab-primary-dark); }
.dab-ca__points { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-top: 32px; border-top: 1px solid rgba(32,32,51,0.08); }
.dab-ca__point { display: flex; align-items: center; gap: 14px; }
.dab-ca__point-num { font-weight: 800; font-size: 22px; color: var(--dab-lavender-ink); opacity: .5; }
.dab-ca__point-icon { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; border-radius: 50%; background: var(--dab-lavender); color: var(--dab-primary); font-size: 16px; flex-shrink: 0; }
.dab-ca__point h3 { font-size: 14px; font-weight: 700; margin: 0; color: #202033; }

/* ---------- Buttons ---------- */
.dab-btn2 { display: inline-flex; align-items: center; gap: 8px; padding: 14px 28px; border-radius: var(--dab-radius-pill); font-weight: 600; font-size: 15px; text-decoration: none; border: 2px solid transparent; transition: transform var(--dab-transition), background var(--dab-transition), box-shadow var(--dab-transition); }
.dab-btn2:hover { transform: translateY(-2px); box-shadow: var(--dab-shadow-sm); }
.dab-btn2--primary { background: var(--dab-primary); color: #FFFFFF; }
.dab-btn2--primary:hover { background: var(--dab-primary-dark); color: #FFFFFF; }
.dab-btn2--outline { background: var(--dab-white); color: var(--dab-primary); border-color: var(--dab-primary); }
.dab-btn2--outline:hover { background: var(--dab-primary); color: #FFFFFF; }
.dab-btn2--light { background: #FFFFFF; color: var(--dab-primary); }
.dab-btn2--light:hover { background: var(--dab-orange); color: #FFFFFF; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
	.dab-objectives__grid { grid-template-columns: repeat(2, 1fr); }
	.dab-awards__grid { grid-template-columns: repeat(2, 1fr); }
	.dab-vm__grid { grid-template-columns: 1fr; }
	.dab-team__media { grid-template-columns: repeat(3, 1fr); }
	.dab-ca__points { grid-template-columns: 1fr; gap: 16px; }
	.dab-testimonial__row { flex-direction: column; }
	.dab-testimonial__panel-col, .dab-testimonial__content-col { width: 100%; }
	.dab-story-panel { min-height: 260px; }
}

@media (max-width: 767px) {
	html { scroll-padding-top: 70px; }
	.dab-hero2--banner { min-height: 0; }
	.dab-hero2__media img { height: 280px; }
	.dab-hero2__float-card { right: 12px; bottom: -20px; max-width: none; left: 12px; }
	.dab-hero2__float-card--banner { position: static; margin-top: 20px; }
	.dab-tabnav__item { padding: 12px 14px; font-size: 13px; }
	.dab-story2__collage { grid-template-columns: 1fr 1fr; height: 260px; }
	.dab-story2__quote { position: static; margin-top: 16px; max-width: none; }
	.dab-objectives__grid { grid-template-columns: 1fr 1fr; }
	.dab-awards__grid { grid-template-columns: 1fr; }
	.dab-team__media { grid-template-columns: 1fr 1fr; }
	.dab-team__media img:first-child { grid-column: 1 / 3; height: 180px; }
	.dab-team__quote { position: static; margin-top: 16px; max-width: none; }
	.dab-vm-card { padding: 26px 22px; }
	.dab-ca__blob { border-radius: 32px; }
	.dab-ca__frame { border-radius: 24px; aspect-ratio: 16 / 9; }
	.dab-ca__float-card { position: static; margin-top: 16px; max-width: none; }
	.dab-ca__points { padding-top: 24px; }
	.dab-ca__point { gap: 10px; }
	.dab-testimonial { padding: 24px 20px 64px; }
	.dab-story-panel { min-height: 220px; border-radius: 20px; padding: 32px 24px; }
	.dab-story-panel__words { font-size: 19px; }
	.dab-testimonial__frame { border-radius: 22px; }
	.dab-testimonial__card { padding: 22px 20px; margin: 28px 0 24px; }
	.dab-testimonial__highlights { flex-direction: column; gap: 14px; }
}

@media (prefers-reduced-motion: reduce) {
	.deepam-about-page { scroll-behavior: auto; }
	.deepam-about-page * { transition: none !important; animation: none !important; }
}