.card-section-container { padding: clamp(2rem, 5vw, 5rem) var(--section-gutter); }
.card-section-header { max-width: 48rem; margin: 0 auto clamp(2rem, 4vw, 3.5rem); text-align: center; }
.card-list-container { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(1rem, 2vw, 1.5rem); }
.card_item { position: relative; display: flex; min-height: 23rem; overflow: hidden; padding: 1.5rem; flex-direction: column; justify-content: flex-end; background-position: center; background-size: cover; border: 1px solid var(--line-color); }
.card_item .gradient { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 30%, color-mix(in srgb, var(--dark-background-color) 92%, transparent)); }
.card_item_title, .card_item_content { position: relative; z-index: 1; }
.card_item h3, .card_item p { color: #fff !important; }
@media (max-width: 900px) { .card-list-container { grid-template-columns: 1fr; } .card_item { min-height: 19rem; } }