/* ─── AL Why Us — two alternating bands (sketch 003 · B) ─── */
.al-alt { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; padding-block: 56px; border-top: 1px solid var(--line); }
.al-alt:first-of-type { border-top: 0; padding-top: 0; }
.al-alt--flip .al-alt__media { order: -1; }
.al-alt__media img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border-radius: var(--r-xl); box-shadow: 0 2px 6px rgba(23,23,26,.06), 0 26px 64px rgba(23,23,26,.14); }
.al-alt h3 { font-size: clamp(26px, 3vw, 36px); margin: 0 0 14px; }
.al-alt > div > p { font-size: 16.5px; color: var(--ink-3); margin: 0 0 22px; max-width: 460px; }
.al-alt ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.al-alt li { display: flex; align-items: flex-start; gap: 12px; font-size: 15.5px; padding: 14px 0; border-bottom: 1px solid var(--line-2); }
.al-alt li:first-child { border-top: 1px solid var(--line-2); }
.al-alt svg { width: 19px; height: 19px; stroke: var(--green); flex: none; margin-top: 3px; }
@media (max-width: 1000px) {
	.al-alt, .al-alt--flip { grid-template-columns: 1fr; gap: 30px; padding-block: 40px; }
	.al-alt--flip .al-alt__media { order: 0; }
}