.epaw-story {
	--epaw-mint: #a9e5c9;

	background: #10334a;
	color: #fff;
	position: relative;
	overflow: hidden;
	padding: 104px 0 170px;
}

.epaw-story *,
.epaw-story *::before,
.epaw-story *::after {
	box-sizing: border-box;
}

.epaw-story__container {
	max-width: var( --epaw-content-width, 1300px );
	margin-inline: auto;
	padding-inline: 24px;
}

.epaw-story__head {
	max-width: 660px;
	margin: 0 auto 54px;
	text-align: center;
}

.epaw-story__eyebrow {
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	font-size: 0.78rem;
	color: var(--epaw-mint);
	display: inline-flex;
	align-items: center;
	gap: 10px;
	margin: 0;
}

.epaw-story__eyebrow::before {
	content: '';
	width: 26px;
	height: 2px;
	background: var(--epaw-mint);
}

.epaw-story__heading {
	font-family: 'Poppins', sans-serif;
	font-weight: 700;
	line-height: 1.2;
	font-size: clamp(1.85rem, 3.6vw, 2.6rem);
	color: #fff;
	margin: 14px 0 16px;
}

.epaw-story__quote {
	position: relative;
	font-family: 'Poppins', sans-serif;
	font-weight: 600;
	font-style: italic;
	font-size: clamp(1.5rem, 3.2vw, 2.3rem);
	line-height: 1.35;
	color: var(--epaw-mint);
	max-width: 860px;
	margin: 44px auto 14px;
	text-align: center;
	padding: 34px 0 0;
}

.epaw-story__quote::before {
	content: '\201C';
	position: absolute;
	top: -30px;
	left: 50%;
	transform: translateX(-50%);
	font-family: 'Poppins', sans-serif;
	font-weight: 800;
	font-style: normal;
	font-size: 6rem;
	line-height: 1;
	color: rgba(169, 229, 201, 0.22);
}

.epaw-story__attr {
	text-align: center;
	color: rgba(255, 255, 255, 0.66);
	font-size: 0.95rem;
	margin: 0 0 38px;
}

.epaw-story__attr strong {
	color: #fff;
	font-family: 'Poppins', sans-serif;
}

.epaw-story__cols {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 36px;
	max-width: 940px;
	margin: 0 auto;
	color: rgba(255, 255, 255, 0.82);
	font-size: 1.02rem;
}

.epaw-story__col p {
	margin: 0;
}

.epaw-story__col:first-child {
	border-right: 1px solid rgba(255, 255, 255, 0.16);
	padding-right: 36px;
}

.epaw-story__ridge {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 140px;
	pointer-events: none;
}

.epaw-story__ridge svg {
	width: 100%;
	height: 100%;
	display: block;
}

@media (max-width: 820px) {
	.epaw-story {
		padding: 88px 0 150px;
	}

	.epaw-story__cols {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.epaw-story__col:first-child {
		border-right: none;
		padding-right: 0;
	}
}