.trip-section {
    max-width: 1500px;
    margin: 80px auto 100px;
    padding: 0 5%;
}

.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
}

.trip-card {
    background: var(--card-surface);
    text-decoration: none;
    color: inherit;
    display: flex;
    flex-direction: column;
    transition: transform 0.50s ease, opacity 0.50s ease;
}

.card-img {
    width: 100%;
    height: 240px;
    object-fit: cover;
    filter: brightness(1);
    transition: filter 0.25s ease;
    box-sizing: border-box;
    border-radius: 6px;

}

.card-body {
    padding: 25px;
}

.trip-card:hover {
    transform: translateY(-4px);
    opacity: 0.9;
}

.trip-card:hover .card-img {
    filter: brightness(0.9);
}

.trip-date { font-size: 0.55rem; color: var(--terracotta); text-transform: uppercase; font-weight: 700; }
.trip-title { font-size: 0.95rem; font-weight: 500; margin-bottom: 12px; }
.trip-excerpt { font-size: 0.75rem; color: #6D7275; line-height: 1.6; }