/* Module: Why Choose Us — ported from the approved slice (sections/03-why-choose-us.css) */
.why-choose-us {
	background: linear-gradient(to bottom, rgba(235,234,234,0) 0%, #EBEAEA 71%);
	padding-top: 84px;
	padding-bottom: 84px;
}
.why-choose-us__head {
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 24px;
	margin-bottom: 64px;
}
.why-choose-us__head p { max-width: 900px; margin: 0 auto; }

.pillars { display: flex; flex-direction: column; gap: 8px; }
.why-choose-us__cta { display: flex; justify-content: center; margin-top: 48px; }

.why-choose-us--theme-dark { background: linear-gradient(to bottom, rgba(21,19,18,0) 0%, var(--skin-dark-60) 71%); }
.why-choose-us--theme-dark .why-choose-us__head h1,
.why-choose-us--theme-dark .why-choose-us__head h2,
.why-choose-us--theme-dark .why-choose-us__head h3 { color: var(--skin-white); }
.why-choose-us--theme-dark .why-choose-us__head { color: var(--skin-white); }

.pillar {
	position: relative;
	overflow: hidden;
	height: 24px;
	border-radius: 8px;
	background-size: cover;
	background-position: center;
	cursor: pointer;
	transition: height 0.45s ease, border-radius 0.45s ease, background-size 0.5s ease;
}
/* Hover  */
.pillar::before {
	content: '';
	position: absolute; inset: 0;
	background: rgba(0,0,0,0.6);
}
.pillar.is-open {
	height: 275px;
	border-radius: 32px;
}
.pillar__toggle {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	background: none; border: none; padding: 0; cursor: pointer;
}
.pillar__content {
	position: relative;
	z-index: 2;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	gap: 48px;
	padding: 64px 181px;
	color: var(--skin-white);
	opacity: 0;
	transition: opacity 0.25s ease 0.15s;
	pointer-events: none;
}
.pillar.is-open .pillar__content { opacity: 1; pointer-events: auto; }
.pillar__eyebrow-group { display: flex; flex-direction: column; gap: 24px; }
.pillar__eyebrow { font-family: var(--font-heading); font-weight: 500; font-size: 18px; line-height: 28px; }
.pillar__title { color: var(--skin-white); }
.pillar__body { font-size: 16px; line-height: 26px; letter-spacing: 0.32px; }