/* ========================================================================= */
/*  Стили для секции и карточек                                             */
/* ========================================================================= */
.pin-spacer:has(.about-philosophy-list) {
    height: calc(325vh + 192px) !important;
}

.about-philosophy-list {
    position: relative;
    width: 100%;
    padding: 96px 0;                       /* отступы сверху и снизу 96px */
    height: calc(225vh + 192px);           /* 225vh плюс паддинги */
    box-sizing: content-box;
    overflow: visible;
}

.about-philosophy-item {
    position: absolute;
    top: calc(96px + (100vh - 192px)/2);  /* центр внутри доступной области */
    left: 50vw;
    width: 280px;
    height: 320px;
    margin: -160px 0 0 -140px;             /* половина ширины/высоты */
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.about-philosophy-item .front,
.about-philosophy-item .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.about-philosophy-item .front { transform: rotateY(0deg); }
.about-philosophy-item .back  { transform: rotateY(180deg); }

.bg-column {
    position: absolute;
    width: 100%;
    height: 100%;
}