/******************************************
* Interactive Content
******************************************/
@media only screen and (min-width:769px) {
    /* heading */
    .vii-interactive-content__heading {padding-right:40%;}

    /* title */
    .vii-interactive-content__item {padding-right:40%;}
    .vii-interactive-content__item .vii-interactive-content__item-title {
        padding:24px 0; margin-right:24px;
        border-bottom:1px solid var(--vii-color-light-gray-7);
    }
    .vii-interactive-content__item:first-child .vii-interactive-content__item-title {padding-top:0;}
    .vii-interactive-content__item:last-child .vii-interactive-content__item-title {padding-bottom:0; border-bottom:none;}

    /* content */
    .vii-interactive-content__item-content {
        width:40%; top:0;
        opacity:0; pointer-events:none;
    }
    .vii-interactive-content__item-image {aspect-ratio:546/400;}

    /* item active */
    .vii-interactive-content__item.active .vii-interactive-content__item-content {
        opacity:1; pointer-events:auto; z-index:2;
    }
    .vii-interactive-content__item:not(.active) .vii-interactive-content__item-title {
        --vii-color-heading:rgba(0,0,0,.3);
    }
}


/******************************************
* Interactive Content - Responsive
******************************************/
@media only screen and (max-width:768px) {
    .vii-interactive-content__item:not(:last-child) {
        margin-bottom:var(--vii-spacing-48); padding-bottom:var(--vii-spacing-48);
        border-bottom:1px solid rgba(0,0,0,.3);
    }
    .vii-interactive-content__titles, .vii-interactive-content__item-content {height:auto !important;}
    .vii-interactive-content__item-title {margin-bottom:8px;}
    .vii-interactive-content__item-image {aspect-ratio:16/9; margin-bottom:16px;}
    .vii-interactive-content__item-content {position:relative; top:0; transform:translateY(0);}
    .vii-interactive-content__item-description {font-size:var(--vii-size-body);}
    .vii-interactive-content__item-button {padding-top:16px;}
}