.perspective-masthead-rule {
    border-top: 4px solid var(--bs-body-color);
    border-bottom: 4px solid var(--bs-body-color);
}

.perspective-title-rule {
    border-bottom: 2px solid var(--bs-body-color);
}

.perspective-quote-frame {
    border-top: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-bottom: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-left: 4px solid var(--bs-primary);
}

.perspective-headline-hover {
    transition: color 0.2s ease;
}

.perspective-headline-hover:hover {
    color: var(--bs-primary);
}

.perspective-micro-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
}

.perspective-byline-suffix {
    font-size: 0.6rem;
    opacity: 0.6;
}

.perspective-quote-text {
    font-size: 1.1rem;
}

.perspective-card-desc {
    font-size: 0.875rem;
}

.accordion-playstation-timeline__chevron--open {
    transform: rotate(180deg);
}

.accordion-playstation-timeline__panel {
    max-height: 400px;
    transition: max-height 0.35s ease;
}

.accordion-playstation-timeline__panel[aria-hidden="true"],
.accordion-playstation-timeline__panel.is-closed {
    max-height: 0 !important;
}

.accordion-playstation-timeline__decor-tr {
    clip-path: polygon(100% 0, 100% 60%, 40% 0);
    top: 0;
    right: 0;
    width: 16rem;
    height: 16rem;
}

.accordion-playstation-timeline__decor-bl {
    clip-path: polygon(0 40%, 60% 100%, 0 100%);
    bottom: 0;
    left: 0;
    width: 12rem;
    height: 12rem;
}

.accordion-playstation-timeline__badge-size {
    width: 3.5rem;
    height: 2.5rem;
}

.accordion-playstation-timeline__panel--closed {
    max-height: 0;
}

.accordion-playstation-timeline__min-shrink {
  min-width: 0;
}

.diagonal-zigzag-split__portrait {
    width: 8rem;
    height: 8rem;
}

.diagonal-zigzag-split__portrait--tilt-left {
    transform: rotate(-5deg);
}

.diagonal-zigzag-split__portrait--tilt-right {
    transform: rotate(5deg);
}

.diagonal-zigzag-split__portrait:hover {
    transform: rotate(0);
}

.diagonal-zigzag-split__beacon {
    width: 2rem;
    height: 2rem;
    bottom: -0.25rem;
    right: -0.25rem;
}

.diagonal-zigzag-split__beacon-dot {
    width: 0.75rem;
    height: 0.75rem;
}

.diagonal-zigzag-split__frame {
    width: 4rem;
    height: 4rem;
}

.diagonal-zigzag-split__frame--tl {
    top: 0;
    left: 0;
}

.diagonal-zigzag-split__frame--br {
    bottom: 0;
    right: 0;
}

.diagonal-zigzag-split__frame--rotate-45 {
    transform: rotate(45deg);
}

.diagonal-zigzag-split__frame--rotate-minus-45 {
    transform: rotate(-45deg);
}

.diagonal-zigzag-split__wash {
    width: 8rem;
}

.diagonal-zigzag-split__corner {
    width: 5rem;
    height: 5rem;
}

.diagonal-zigzag-split__min-shrink {
    min-width: 0;
}

@media (min-width: 768px) {
    .diagonal-zigzag-split__band--reverse {
        flex-direction: row-reverse;
    }

    .diagonal-zigzag-split__portrait {
        width: 10rem;
        height: 10rem;
    }
}

/* Bootstrap: сетка 1→2 колонки без «слипания» ячеек */
.values-split-row__bs-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
    width: 100%;
}

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

.values-split-row__subtitle-max {
    max-width: 48rem;
}

.values-split-row__thumb {
    min-height: 5rem;
    flex-shrink: 0;
}

/* Лише layout / рух; кольори теми — у Blade */
.socialproof-card-hover {
    transition:
        box-shadow 0.4s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}

.socialproof__stat-value,
.socialproof__stat-label {
    transition: transform 0.3s ease, color 0.2s ease;
}

@media (hover: hover) {
    .socialproof-card-hover:hover {
        box-shadow: 0 22px 44px -18px rgba(15, 23, 42, 0.2);
    }

    .dark .socialproof-card-hover:hover {
        box-shadow: 0 22px 44px -14px rgba(0, 0, 0, 0.5);
    }

    .socialproof-card-hover:hover .socialproof__stat-value {
        transform: scale(1.08);
    }
}

@media (hover: hover) and (min-width: 640px) {
    .socialproof-card-hover--lift:hover {
        transform: translateY(-4px) scale(1.02);
    }
}

@media (prefers-reduced-motion: reduce) {
    .socialproof-card-hover,
    .socialproof__stat-value,
    .socialproof__stat-label {
        transition: none;
    }

    .socialproof-card-hover:hover,
    .socialproof-card-hover:hover .socialproof__stat-value,
    .socialproof-card-hover--lift:hover {
        transform: none;
    }
}