.vitis-practical-info {
    width: 100%;
    padding-block: var(--vitis-practical-padding-before, 80px) var(--vitis-practical-padding-after, 80px);
    overflow: hidden;
    background: var(--vitis-practical-bg, #FCFAF6);
}

.vitis-practical-info__title {
    margin: 0 0 clamp(2.5rem, 2rem + 2vw, 4.5rem);
    color: #62663D;
    font-family: "Playfair Display", serif;
    font-size: clamp(2.25rem, 1.82rem + 1.8vw, 3.125rem);
    font-weight: 400;
    line-height: 1.15;
    text-align: center;
}

.vitis-practical-info__grid {
    align-items: stretch;
}

.vitis-practical-info__item {
    display: flex;
    border-left: 1px solid rgb(98 102 61 / 30%);
}

.vitis-practical-info__card {
    width: 100%;
    padding: clamp(1.5rem, 1.15rem + 1.2vw, 2.5rem);
    color: #64605A;
    font-family: "Manrope", sans-serif;
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.7;
}

.vitis-practical-info__card > :first-child {
    margin-top: 0;
}

.vitis-practical-info__card > :last-child {
    margin-bottom: 0;
}

.vitis-practical-info.is-enhanced .vitis-practical-info__item {
    opacity: 0;
    transform: translateY(1.25rem);
    transition:
        opacity 650ms cubic-bezier(.2, .65, .3, 1),
        transform 650ms cubic-bezier(.2, .65, .3, 1);
    transition-delay: calc(var(--vitis-practical-index, 0) * 110ms);
}

.vitis-practical-info.is-enhanced .vitis-practical-info__item.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (max-width: 1199.98px) {
    .vitis-practical-info__item {
        border-top: 1px solid rgb(98 102 61 / 30%);
        border-left: 0;
    }
}

@media (max-width: 575.98px) {
    .vitis-practical-info {
        padding-block:
            min(var(--vitis-practical-padding-before, 80px), 56px)
            min(var(--vitis-practical-padding-after, 80px), 56px);
    }

    .vitis-practical-info__card {
        padding-inline: 1rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vitis-practical-info.is-enhanced .vitis-practical-info__item {
        opacity: 1;
        transform: none;
        transition: none;
    }
}
