/**
 * About Page Styles
 *
 * @package Rakhi_Creation
 */

.about-hero{
	position:relative;
	min-height:92vh;
	display:flex;
	align-items:center;
	overflow:hidden;
	background:var(--color-surface);
}

.about-hero-bg{
	position:absolute;
	inset:0;
	z-index:1;
}

.about-hero-bg::after{
	display:none;
}

.about-hero-bg img{
	width:100%;
	height:100%;
	object-fit:cover;
}

.about-hero .container{
	position:relative;
	z-index:3;
	width:100%;
}

.about-hero-content{
	max-width:720px;
	padding:var(--space-5xl) 0;
	position:relative;
	z-index:3;
}

.about-hero .section-label{
	color:var(--color-accent);
	margin-bottom:20px;
	display:inline-block;
}

.about-hero-title{
	max-width:680px;
	margin-bottom:28px;
	color:var(--color-text);
	line-height:1.05;
	letter-spacing:-0.03em;
}

.about-hero-subtitle{
	max-width:620px;
	margin-bottom:40px;
	line-height:1.9;
	font-size:var(--text-lg);
	color:var(--color-muted);
}

.about-section{
	position:relative;
	padding:var(--space-4xl) 0;
}

.about-intro{
	background:var(--color-white);
}

.about-intro-grid{
	display:grid;
	grid-template-columns:1.1fr .9fr;
	gap:80px;
	align-items:center;
}

.about-intro-content{
	max-width:640px;
}

.about-intro-content p{
	margin-bottom:18px;
	line-height:1.9;
}

.about-intro-image{
	position:relative;
}

.about-intro-image img{
	width:100%;
	display:block;
	object-fit:cover;
	border-radius:var(--radius-md);
	box-shadow:var(--shadow-lg);
}

.manufacturing-section{
	background:var(--color-surface);
}

.about-services{
	background:var(--color-white);
}

.services-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:24px;
}

.service-card{
	padding:34px 28px;
	background:var(--color-surface);
	border:1px solid transparent;
	border-radius:var(--radius-md);
	transition:
		transform var(--transition-fast),
		border-color var(--transition-fast),
		box-shadow var(--transition-fast);
}

.service-card:hover{
	transform:translateY(-5px);
	border-color:var(--color-accent);
	box-shadow:var(--shadow-md);
}

.service-card h3{
	margin-bottom:12px;
	line-height:1.35;
}

.service-card p{
	line-height:1.8;
	color:var(--color-muted);
}

.why-choose{
	background:var(--color-bg-alt);
}

.why-choose-grid{
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:28px;
}

.why-card{
	padding:38px 32px;
	background:var(--color-white);
	border:1px solid var(--color-border);
	border-radius:var(--radius-md);
	transition:
		transform var(--transition-fast),
		box-shadow var(--transition-fast);
}

.why-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-md);
}

.why-card h3{
	margin-bottom:12px;
}

.why-card p{
	line-height:1.8;
	color:var(--color-muted);
}

.process-section{
	background:var(--color-white);
}

.process-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:28px;
}

.process-card{
	position:relative;
	padding-top:20px;
}

.process-number{
	margin-bottom:10px;
	line-height:1;
	opacity:.08;
}

.process-card h3{
	margin-bottom:10px;
}

.process-card p{
	line-height:1.8;
	color:var(--color-muted);
}

.industries-section{
	background:var(--color-surface);
}

.industries-grid{
	display:grid;
	grid-template-columns:repeat(4,1fr);
	gap:20px;
}

.industry-card{
	padding:28px 20px;
	text-align:center;
	background:var(--color-white);
	border:1px solid var(--color-border);
	border-radius:var(--radius-md);
	transition:
		transform var(--transition-fast),
		box-shadow var(--transition-fast);
}

.industry-card:hover{
	transform:translateY(-4px);
	box-shadow:var(--shadow-md);
}

.commitment-section{
	text-align:center;
	background:var(--text-primary);
	color:var(--color-white);
}

.commitment-section .section-title{
	color:var(--color-white);
}

.commitment-section .section-description{
	max-width:760px;
	margin:0 auto;
	color:rgba(255,251,247,.75);
}

.about-final-cta{
	padding:var(--space-4xl) 0;
	text-align:center;
	background:var(--text-primary);
	color:var(--color-white);
}

.about-final-cta .section-title{
	max-width:820px;
	margin-left:auto;
	margin-right:auto;
	color:var(--color-white);
}

.about-final-cta .section-description{
	max-width:700px;
	margin:0 auto 36px;
	color:rgba(255,251,247,.82);
}

@media (max-width:1200px){
	.manufacturing-grid,
	.services-grid,
	.process-grid,
	.industries-grid{
		grid-template-columns:repeat(2,1fr);
	}
}

@media (max-width:992px){
	.about-hero{
		min-height:auto;
	}

	.about-intro-grid,
	.why-choose-grid{
		grid-template-columns:1fr;
		gap:40px;
	}

	.about-intro-image{
		order:-1;
	}
}

@media (max-width:768px){
	.about-section{
		padding:var(--space-3xl) 0;
	}

	.about-hero-content{
		padding:var(--space-5xl) 0 var(--space-4xl);
	}

	.manufacturing-grid,
	.services-grid,
	.process-grid,
	.industries-grid,
	.why-choose-grid{
		grid-template-columns:1fr;
	}

	.service-card,
	.why-card{
		padding:28px 24px;
	}
}

@media (max-width:480px){
	.about-hero-content{
		padding:var(--space-4xl) 0 var(--space-3xl);
	}

	.about-hero-subtitle{
		line-height:1.8;
	}
}