/**
 * About Us Godha Estate widget suite
 * All selectors scoped with .aug-about- to avoid conflicts with the
 * rest of the plugin, Elementor, or the active theme.
 */

.aug-about-eyebrow {
	display: inline-flex; align-items: center; gap: 12px;
	font-family: 'Cinzel', serif; font-weight: 500; font-size: 17px;
	letter-spacing: 1px; text-transform: uppercase; color: #C99A44;
	margin-bottom: 10px;
}
.aug-about-eyebrow::after { content: ''; width: 36px; height: 1px; background-color: currentColor; }

.aug-about-desc { font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.7; color: #4A5568; margin: 14px 0 0; }

.aug-about-btn {
	display: inline-flex; align-items: center; gap: 10px;
	font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 15px;
	letter-spacing: 2px; text-transform: uppercase;
	background-color: #C99A44; color: #FFFFFF;
	border: 2px solid #C99A44; border-radius: 8px;
	padding: 14px 28px; margin-top: 24px;
	transition: background-color .25s ease, color .25s ease, border-color .25s ease;
}
.aug-about-btn:hover { background-color: #122A4E; border-color: #122A4E; color: #FFFFFF; }

/* ------------------------------------------------------------------ */
/* 1. HERO                                                             */
/* ------------------------------------------------------------------ */
.aug-about-hero { max-width: 100%; overflow: hidden; }
.aug-about-hero-grid {
	max-width: 1280px; margin: 0 auto;
	display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 60px;
}
.aug-about-hero-heading {
	font-family: 'Cinzel', serif; font-weight: 500;
˜px; line-height: 1.15; color: #122A4E; margin: 0;
}
.aug-about-hero-line { display: block; }
.aug-about-subheading {
	font-family: 'Inter', sans-serif; font-weight: 700; font-size: 14px;
	letter-spacing: .08em; text-transform: uppercase; color: #C99A44; margin: 8px 0 0;
}
.aug-about-hero-visual { position: relative; }
.aug-about-hero-img-wrap { border-radius: 20px; overflow: hidden; box-shadow: 0 30px 60px rgba(18,42,78,0.18); }
.aug-about-hero-img-wrap img { display: block; width: 100%; height: auto; transition: transform .4s ease; }
.aug-about-decor-text {
	font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 20px;
	color: #122A4E; text-align: right; margin: 20px 0 0;
}

/* ------------------------------------------------------------------ */
/* 2. OUR STORY                                                        */
/* ------------------------------------------------------------------ */
.aug-about-story-grid {
	max-width: 1280px; margin: 0 auto;
	display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px;
}
.aug-about-story-visual { position: relative; }
.aug-about-story-decor {
	position: absolute; top: -20px; left: -20px; width: 90px; height: 90px;
	border-radius: 16px; z-index: 0;
}
.aug-about-story-img-wrap { position: relative; z-index: 1; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(18,42,78,0.14); }
.aug-about-story-img-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.aug-about-story-heading {
	font-family: 'Cinzel', serif; font-weight: 500;
˜px; line-height: 1.2; color: #122A4E; margin: 0;
}

/* ------------------------------------------------------------------ */
/* 3. OUR VALUES                                                       */
/* ------------------------------------------------------------------ */
.aug-about-values { --aug-about-divider-color: #E7D9B8; --aug-about-divider-width: 1px; }
.aug-about-values-head { max-width: 640px; margin: 0 auto 40px; text-align: center; }
.aug-about-values-heading {
	font-family: 'Cinzel', serif; font-weight: 500;
	font-size: 30px; color: #122A4E; margin: 6px 0 10px;
}
.aug-about-values-desc { font-family: 'Inter', sans-serif; font-size: 15px; color: #4A5568; margin: 0; }
.aug-about-values-grid {
	max-width: 1280px; margin: 0 auto;
	display: grid; grid-template-columns: repeat(4, 1fr);
}
.aug-about-value-item {
	display: flex; flex-direction: column; align-items: center; text-align: center;
	transition: transform .3s ease;
}
.aug-about-values-divider-yes .aug-about-value-item:not(:first-child) {
	border-left: var(--aug-about-divider-width) solid var(--aug-about-divider-color);
}
.aug-about-value-item .aug-icon-wrap { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.aug-about-value-item .aug-icon-wrap i { font-size: 28px; color: #C99A44; }
.aug-about-value-item .aug-icon-wrap img { width: 28px; height: 28px; object-fit: contain; }
.aug-about-value-title {
	font-family: 'Inter', sans-serif; font-weight: 700; font-size: 16px; color: #122A4E; margin: 0 0 6px;
}
.aug-about-value-desc { font-family: 'Inter', sans-serif; font-size: 13px; color: #4A5568; margin: 0; }

/* ------------------------------------------------------------------ */
/* 4. WHY CHOOSE US                                                    */
/* ------------------------------------------------------------------ */
.aug-about-why-grid {
	max-width: 1280px; margin: 0 auto;
	display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start;
}
.aug-about-why-heading {
	font-family: 'Cinzel', serif; font-weight: 500;
˜px; line-height: 1.2; color: #122A4E; margin: 0;
}
.aug-about-why-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.aug-about-why-card {
	position: relative; display: block;
	background-color: #FBF6EC; border-radius: 12px; padding: 24px 20px;
	transition: background-color .25s ease, transform .25s ease;
}
.aug-about-why-badge {
	position: absolute; top: 12px; right: 12px;
	font-family: 'Inter', sans-serif; font-size: 10px; font-weight: 700;
	text-transform: uppercase; letter-spacing: .04em;
	background-color: #C99A44; color: #FFFFFF; padding: 3px 8px; border-radius: 20px;
}
.aug-about-why-card .aug-icon-wrap { display: inline-flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.aug-about-why-card .aug-icon-wrap i { font-size: 24px; color: #C99A44; }
.aug-about-why-card .aug-icon-wrap img { width: 24px; height: 24px; object-fit: contain; }
.aug-about-why-card-title { font-family: 'Inter', sans-serif; font-weight: 700; font-size: 15px; color: #122A4E; margin: 0 0 6px; }
.aug-about-why-card-desc { font-family: 'Inter', sans-serif; font-size: 13px; color: #4A5568; margin: 0; line-height: 1.5; }

/* ------------------------------------------------------------------ */
/* 5. OUR IMPACT                                                       */
/* ------------------------------------------------------------------ */
.aug-about-impact { --aug-about-divider-color: #E7D9B8; }
.aug-about-impact-head { max-width: 640px; margin: 0 auto 36px; text-align: center; }
.aug-about-impact-heading { font-family: 'Cinzel', serif; font-weight: 500; font-size: 30px; color: #122A4E; margin: 6px 0 10px; }
.aug-about-impact-grid {
	max-width: 1100px; margin: 0 auto;
	display: grid; grid-template-columns: repeat(4, 1fr);
}
.aug-about-impact-item { text-align: center; }
.aug-about-impact-divider-yes .aug-about-impact-item:not(:first-child) { border-left: 1px solid var(--aug-about-divider-color); }
.aug-about-impact-number {
	display: flex; align-items: baseline; justify-content: center; gap: 2px;
	font-family: 'Playfair Display', Georgia, serif; font-weight: 700; font-size: 40px; color: #C99A44; margin: 0 0 6px;
}
.aug-about-impact-affix { font-size: .7em; }
.aug-about-impact-label { font-family: 'Inter', sans-serif; font-size: 14px; color: #4A5568; margin: 0; }

/* ------------------------------------------------------------------ */
/* 6. OUR VISION                                                       */
/* ------------------------------------------------------------------ */
.aug-about-vision-grid {
	max-width: 1280px; margin: 0 auto;
	display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 56px;
}
.aug-about-vision-visual { position: relative; }
.aug-about-vision-decor { position: absolute; bottom: -20px; right: -20px; width: 90px; height: 90px; border-radius: 16px; z-index: 0; }
.aug-about-vision-img-wrap { position: relative; z-index: 1; border-radius: 20px; overflow: hidden; box-shadow: 0 20px 50px rgba(18,42,78,0.14); }
.aug-about-vision-img-wrap img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.aug-about-vision-heading { font-family: 'Cinzel', serif; font-weight: 500; font-size: 30px; color: #122A4E; margin: 0; }
.aug-about-vision-quote {
	font-family: 'Playfair Display', Georgia, serif; font-style: italic; font-size: 18px;
	color: #122A4E; border-left: 3px solid #C99A44; padding-left: 18px; margin: 20px 0 0;
}

/* ------------------------------------------------------------------ */
/* Reveal-on-scroll (progressive enhancement, JS adds .is-visible)     */
/* ------------------------------------------------------------------ */
.aug-about-hero-content, .aug-about-hero-visual,
.aug-about-story-visual, .aug-about-story-content,
.aug-about-value-item, .aug-about-why-card,
.aug-about-impact-item,
.aug-about-vision-visual, .aug-about-vision-content {
	opacity: 0; transform: translateY(24px);
	transition: opacity .6s ease, transform .6s ease;
}
.aug-about-hero-content.is-visible, .aug-about-hero-visual.is-visible,
.aug-about-story-visual.is-visible, .aug-about-story-content.is-visible,
.aug-about-value-item.is-visible, .aug-about-why-card.is-visible,
.aug-about-impact-item.is-visible,
.aug-about-vision-visual.is-visible, .aug-about-vision-content.is-visible {
	opacity: 1; transform: translateY(0);
}

/* ------------------------------------------------------------------ */
/* Responsive                                                          */
/* ------------------------------------------------------------------ */
@media (max-width: 1024px) {
	.aug-about-hero-grid, .aug-about-story-grid, .aug-about-vision-grid { gap: 40px; }
	.aug-about-hero-heading { font-size: 38px; }
	.aug-about-why-grid { grid-template-columns: 1fr; }
	.aug-about-values-grid { grid-template-columns: repeat(2, 1fr); row-gap: 32px; }
	.aug-about-values-divider-yes .aug-about-value-item:nth-child(2n+1) { border-left: none; }
}

@media (max-width: 767px) {
	.aug-about-hero-grid, .aug-about-story-grid, .aug-about-vision-grid { grid-template-columns: 1fr; }
	.aug-about-story-visual, .aug-about-vision-visual { order: -1; }
	.aug-about-hero-heading { font-size: 30px; }
	.aug-about-story-heading, .aug-about-vision-heading, .aug-about-why-heading { font-size: 26px; }
	.aug-about-decor-text { text-align: left; }
	.aug-about-why-cards { grid-template-columns: 1fr 1fr; }
	.aug-about-values-grid { grid-template-columns: 1fr; row-gap: 28px; }
	.aug-about-values-divider-yes .aug-about-value-item { border-left: none !important; }
	.aug-about-impact-grid { grid-template-columns: repeat(2, 1fr); row-gap: 28px; }
	.aug-about-impact-divider-yes .aug-about-impact-item:nth-child(2n+1) { border-left: none; }
	.aug-about-impact-number { font-size: 30px; }
	.aug-about-btn { width: 100%; justify-content: center; }
}