.vault-diamond-left { clip-path: polygon(0 50%, 50% 0, 50% 100%); }
.vault-diamond-right { clip-path: polygon(100% 50%, 50% 0, 50% 100%); }

/* Responsive open distances - slide far away and fade out so text is 100% visible */
@media (min-width: 1024px) {
    .vault-active .vault-left { transform: translateX(-350px); opacity: 0; }
    .vault-active .vault-right { transform: translateX(350px); opacity: 0; }
}
@media (max-width: 1023px) {
    .vault-active .vault-left { transform: translateX(-200px); opacity: 0; }
    .vault-active .vault-right { transform: translateX(200px); opacity: 0; }
}

.vault-active .vault-content { opacity: 1 !important; transform: scale(1) !important; }

.premium-scrollbar::-webkit-scrollbar {
    height: 8px;
}
.premium-scrollbar::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.02);
    border-radius: 10px;
    margin: 0 20px;
}
.premium-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.15);
    border-radius: 10px;
}
.premium-scrollbar::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.3);
}

/* Mobile: 85vw. Desktop: exactly 25% of container minus gaps */
.scroll-accordion-item {
    width: 85vw;
    transition: width 0.7s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.7s;
}

@media (min-width: 1024px) {
    .scroll-accordion-item {
        width: calc(25% - 12px);
    }
    /* Mimic the pure accordion: shrink non-hovered, expand hovered */
    .scroll-accordion-container:hover .scroll-accordion-item:not(:hover) {
        width: calc(15% - 12px);
        opacity: 0.6;
        filter: grayscale(50%);
    }
    .scroll-accordion-container .scroll-accordion-item:hover {
        width: calc(55% - 12px);
    }
}

@keyframes float-diamond {
    0%, 100% { transform: translateY(0) scale(1); }
    50% { transform: translateY(-20px) scale(1.05); }
}

.bg-noise {
    background-image: url('../images/noise.svg');
}

.filter-orange-glow {
    filter: invert(56%) sepia(85%) saturate(1518%) hue-rotate(341deg) brightness(97%) contrast(85%) drop-shadow(0px 0px 5px rgba(226,115,67,0.5));
}