.essence-card-hover {
    transition: transform 0.3s ease;
}

.essence-card-hover:hover {
    transform: scale(1.05);
}

/* Grid + gap: @sem may obfuscate Tailwind grid/gap — stable class for Bootstrap */
.hover-principles-grid {
    display: grid;
    width: 100%;
    gap: 1.5rem;
    grid-template-columns: minmax(0, 1fr);
}

@media (min-width: 768px) {
    .hover-principles-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .hover-principles-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.philosophy-hover-badge {
    width: 3rem;
    height: 3rem;
}

.philosophy-hover-corner {
    width: 2rem;
    height: 2rem;
}

.philosophy-bg__img {
    object-fit: cover;
}

.sidebar-dot-card-timeline__line {
    width: 2px;
    left: 1rem;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__line {
        left: 2rem;
    }
}

.sidebar-dot-card-timeline__dot {
    width: 1rem;
    height: 1rem;
    left: 0.5rem;
    margin-top: 0.5rem;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__dot {
        left: 1.5rem;
        transform: translateX(-0.5rem);
    }
}

.sidebar-dot-card-timeline__card {
    margin-left: 0;
}

@media (min-width: 768px) {
    .sidebar-dot-card-timeline__card {
        margin-left: 4rem;
    }
}

/* Совпадает с Tailwind max-w-4xl (56rem) для Bootstrap-ветки */
.border-rail-list__shell {
    max-width: 56rem;
}

.border-rail-list__portrait {
    width: 7rem;
    height: 7rem;
}

@media (min-width: 768px) {
    .border-rail-list__portrait {
        width: 8rem;
        height: 8rem;
    }
}

.border-rail-list__min-shrink {
  min-width: 0;
}