.feature {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3.5rem;
    align-items: center;
    padding: 3.5rem 0;
    border-top: 1px solid var(--line);
}

.feature:first-child {
    border-top: none;
}

.feature .content {
    text-align: left;
}

.feature img {
    width: 100%;
    max-width: 100%;
    height: 20rem;
    object-fit: cover;
}

.feature.left {
    grid-template-areas: "left right";
}

.feature.left img {
    grid-area: left;
}

.feature.left .content {
    grid-area: right;
}

.more-info {
    width: min(1200px, 92%);
    margin: 0 auto;
    padding: 1rem 0 2rem;
}

.more-info .title {
    font-size: 1.6rem;
    margin-bottom: 0.9rem;
}

.more-info .desc {
    line-height: 1.75;
    color: var(--muted);
    font-size: 1.02rem;
}

.gallery-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.gallery-strip img {
    width: 100%;
    height: 260px;
    object-fit: cover;
}

@media (max-width: 768px) {
    .feature,
    .feature.left {
        grid-template-columns: 1fr;
        grid-template-areas: none;
    }

    .feature img,
    .feature.left img {
        grid-area: auto;
        order: -1;
        height: 16rem;
    }

    .gallery-strip {
        grid-template-columns: 1fr;
    }
}