/*
 * industry.css — Moringa by Industry page
 * Pixel-identical to morifaredesign-swmnq4iy.manus.space/moringa-by-industry
 * All values verified via Chrome MCP getComputedStyle() on 2026-05-29
 */

/* ================================================================
   HERO
   bg #153C25, pt-40 pb-20 lg:pt-48 lg:pb-28 → 192px/112px at lg
   ================================================================ */
.morifa-ind-hero {
	background-color: #153C25;
	padding: 192px 0 112px;
	position: relative;
	overflow: hidden;
}
@media (max-width: 1023px) { .morifa-ind-hero { padding: 160px 0 96px; } }
@media (max-width: 639px)  { .morifa-ind-hero { padding: 128px 0 80px; } }

/* Overlay texture — opacity-[0.03] */
.morifa-ind-hero::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h40v40H0z' fill='%23fff' fill-opacity='0'/%3E%3C/svg%3E");
	opacity: 0.03;
	pointer-events: none;
}

/* Eyebrow: text-brass-light text-xs font-semibold tracking-[0.3em] uppercase */
.morifa-ind-hero__eyebrow {
	font-family: var(--font-body);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 3.6px;
	text-transform: uppercase;
	color: #D1A84B;
	margin: 0 0 24px;
}

/* H1: font-display text-7xl font-light text-white */
.morifa-ind-hero__heading {
	font-family: var(--font-display);
	font-size: 72px;
	font-weight: 300;
	color: #FFFFFF;
	line-height: 1.1;
	margin: 0 0 24px;
}
@media (max-width: 1023px) { .morifa-ind-hero__heading { font-size: 56px; } }
@media (max-width: 767px)  { .morifa-ind-hero__heading { font-size: 44px; } }
@media (max-width: 639px)  { .morifa-ind-hero__heading { font-size: 36px; } }

/* <em> span: italic text-brass-light */
.morifa-ind-hero__heading em {
	font-style: italic;
	color: #D1A84B;
}

/* Subtitle: text-white/80 font-body text-lg font-light */
.morifa-ind-hero__subtitle {
	font-family: var(--font-body);
	font-size: 18px;
	font-weight: 300;
	color: rgba(255, 255, 255, 0.80);
	line-height: 1.75;
	max-width: 576px;
	margin: 0;
}

/* ================================================================
   TAB SECTION — py-24 lg:py-32 bg-stone
   bg #F7F5F1, padding 96px/128px
   ================================================================ */
.morifa-ind-tabs {
	background-color: #F7F5F1;
	padding: 96px 0;
}
@media (min-width: 1024px) { .morifa-ind-tabs { padding: 128px 0; } }

/* Tab button grid: grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-3 mb-12 */
.morifa-ind-tab-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	margin-bottom: 48px;
}
@media (min-width: 640px)  { .morifa-ind-tab-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 1024px) { .morifa-ind-tab-grid { grid-template-columns: repeat(3, 1fr); } }

/* Tab button — inactive: bg-white text-espresso border-border/30 */
.morifa-ind-tab-btn {
	padding: 12px 16px;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	letter-spacing: 1.4px;
	text-transform: uppercase;
	border: 1px solid rgba(43, 31, 17, 0.30);
	background-color: #FFFFFF;
	color: #2B1F11;
	cursor: pointer;
	transition: background-color 0.3s, color 0.3s, border-color 0.3s;
	text-align: center;
}
/* Active tab: bg-sage-dark text-white border-sage-dark */
.morifa-ind-tab-btn.active,
.morifa-ind-tab-btn:hover {
	background-color: #153C25;
	color: #FFFFFF;
	border-color: #153C25;
}

/* Content area: bg-white p-8 lg:p-12 border border-border/20 */
.morifa-ind-content {
	background-color: #FFFFFF;
	padding: 32px;
	border: 1px solid rgba(43, 31, 17, 0.20);
}
@media (min-width: 1024px) { .morifa-ind-content { padding: 48px; } }

/* ================================================================
   PANELS
   ================================================================ */
.morifa-ind-panel { display: none; }
.morifa-ind-panel.active { display: block; }

/* Panel image: w-full h-64 object-cover rounded-lg mb-8 */
.morifa-ind-panel__img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	border-radius: 8px;
	margin-bottom: 32px;
}

/* H2: font-display text-3xl font-light text-espresso mb-6 */
.morifa-ind-panel__h2 {
	font-family: var(--font-display);
	font-size: 30px;
	font-weight: 300;
	color: #2B1F11;
	margin: 0 0 24px;
	line-height: 1.2;
}

/* Paragraph group: space-y-6 mb-8 */
.morifa-ind-panel__paras {
	margin-bottom: 32px;
}
.morifa-ind-panel__paras p {
	font-family: var(--font-body);
	font-size: 16px;
	color: #2B1F11;
	line-height: 1.75;
	margin: 0 0 24px;
}
.morifa-ind-panel__paras p:last-child { margin-bottom: 0; }

/* H3: font-display text-xl font-semibold text-espresso mb-6 */
.morifa-ind-panel__h3 {
	font-family: var(--font-display);
	font-size: 20px;
	font-weight: 600;
	color: #2B1F11;
	margin: 0 0 24px;
}

/* Cards grid: grid sm:grid-cols-2 gap-4 mb-8 */
.morifa-ind-cards {
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	margin-bottom: 32px;
}
@media (min-width: 640px) { .morifa-ind-cards { grid-template-columns: repeat(2, 1fr); } }

/* Card: p-4 bg-sage/5 border border-sage/20 rounded-lg */
.morifa-ind-card {
	background-color: rgba(49, 87, 63, 0.05);
	border: 1px solid rgba(49, 87, 63, 0.20);
	padding: 16px;
	border-radius: 8px;
}

/* Card title: font-body font-semibold text-espresso */
.morifa-ind-card__title {
	display: block;
	font-family: var(--font-body);
	font-size: 16px;
	font-weight: 600;
	color: #2B1F11;
	margin-bottom: 8px;
}

/* Card desc: font-body text-sm text-espresso/60 mt-2 */
.morifa-ind-card__desc {
	display: block;
	font-family: var(--font-body);
	font-size: 14px;
	color: rgba(43, 31, 17, 0.60);
	line-height: 1.6;
}

/* ================================================================
   KEY BENEFITS BOX — mb-8 p-6 bg-brass/5 border border-brass/20 rounded-lg
   ================================================================ */
.morifa-ind-benefits {
	background-color: rgba(209, 168, 75, 0.05);
	border: 1px solid rgba(209, 168, 75, 0.20);
	padding: 24px;
	border-radius: 8px;
	margin-bottom: 32px;
}

/* Label: font-display text-lg font-semibold text-espresso mb-4 */
.morifa-ind-benefits__label {
	font-family: var(--font-display);
	font-size: 18px;
	font-weight: 600;
	color: #2B1F11;
	margin: 0 0 16px;
}

/* List: space-y-2 */
.morifa-ind-benefits__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.morifa-ind-benefits__list li {
	font-family: var(--font-body);
	font-size: 16px;
	color: rgba(43, 31, 17, 0.75);
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 8px;
}
.morifa-ind-benefits__list li:last-child { margin-bottom: 0; }

/* Bullet: text-brass font-bold mt-1 */
.morifa-ind-benefits__bullet {
	color: #D1A84B;
	font-weight: 700;
	flex-shrink: 0;
	margin-top: 2px;
	line-height: 1.75;
}

/* ================================================================
   CTA BUTTON — inline-flex bg-sage-dark text-white px-8 py-3
   ================================================================ */
.morifa-ind-cta {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 12px 32px;
	background-color: #153C25;
	color: #FFFFFF;
	font-family: var(--font-body);
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1.4px;
	text-decoration: none;
	transition: background-color 0.3s;
	border: none;
}
.morifa-ind-cta:hover,
.morifa-ind-cta:focus {
	background-color: #1F4D38;
	color: #FFFFFF;
	text-decoration: none;
}