.tci-v2 .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    vertical-align: middle;
}

.tci-v2 .tci-v2-editorial-grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 1.5rem;
}

.tci-v2 .tci-v2-reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 1s ease, transform 1s ease;
}

.tci-v2 .tci-v2-card-hover {
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition:
        background-color 0.38s ease,
        box-shadow 0.38s ease,
        transform 0.32s cubic-bezier(0.22, 1, 0.36, 1);
}

.tci-v2 .tci-v2-card-hover::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.06) 0%, rgba(255, 255, 255, 0) 100%);
    opacity: 0;
    transition: opacity 0.38s ease;
    pointer-events: none;
    z-index: 0;
}

.tci-v2 .tci-v2-card-hover > * {
    position: relative;
    z-index: 1;
}

.tci-v2 .tci-v2-card-hover:hover,
.tci-v2 .tci-v2-card-hover:focus-within {
    background-color: #71130d !important;
    box-shadow: 0 20px 56px rgba(113, 19, 13, 0.3), 0 2px 8px rgba(113, 19, 13, 0.18);
    transform: translateY(-3px);
    z-index: 2;
}

.tci-v2 .tci-v2-card-hover:hover::after,
.tci-v2 .tci-v2-card-hover:focus-within::after {
    opacity: 1;
}

.tci-v2 .tci-v2-card-hover:hover [class*='text-'],
.tci-v2 .tci-v2-card-hover:hover p,
.tci-v2 .tci-v2-card-hover:hover h4,
.tci-v2 .tci-v2-card-hover:hover .material-symbols-outlined,
.tci-v2 .tci-v2-card-hover:focus-within [class*='text-'],
.tci-v2 .tci-v2-card-hover:focus-within p,
.tci-v2 .tci-v2-card-hover:focus-within h4,
.tci-v2 .tci-v2-card-hover:focus-within .material-symbols-outlined {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.35) !important;
    text-decoration-color: rgba(255, 255, 255, 0.5) !important;
}

.tci-v2 .tci-v2-card-featured {
    background-color: #71130d;
    color: #ffffff;
}

.tci-v2 .tci-v2-card-featured .material-symbols-outlined,
.tci-v2 .tci-v2-card-featured h4,
.tci-v2 .tci-v2-card-featured p {
    color: #ffffff;
}

.tci-v2 .tci-v2-legal-link:hover {
    gap: 0.5rem;
}