/* Vault Styles - Simplified Version */
.vault-container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 100%;
    min-height: 640px; /* Accommodate larger vault */
}

.vault-image-container {
    position: relative;
    width: 620px; /* Closely fit to vault size: 602px + small margin */
    height: 620px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: 
        radial-gradient(circle at center, 
            rgba(200, 148, 31, 0.1) 0%, 
            rgba(184, 134, 11, 0.08) 40%,
            transparent 70%);
    box-shadow: 
        0 20px 60px rgba(200, 148, 31, 0.2),
        0 10px 30px rgba(184, 134, 11, 0.15),
        inset 0 0 50px rgba(200, 148, 31, 0.05);
}

.vault-door-img {
    width: 602px; /* 15% larger: 524px * 1.15 = 602px */
    height: 602px;
    object-fit: cover;
    border-radius: 50%;
    clip-path: circle(47% at center);
    mask: radial-gradient(circle at center, black 85%, transparent 90%);
    -webkit-mask: radial-gradient(circle at center, black 85%, transparent 90%);
    background: transparent;
    filter:
        drop-shadow(0 15px 35px rgba(200, 148, 31, 0.3))
        drop-shadow(0 8px 20px rgba(184, 134, 11, 0.2))
        drop-shadow(0 4px 10px rgba(0, 0, 0, 0.1));
    transition: all 0.4s ease;
    position: relative;
    z-index: 10;
    transform: scale(1.0);
}

/* No hover effects - simple and clean */

.vault-glow {
    position: absolute;
    top: -30px;
    left: -30px;
    right: -30px;
    bottom: -30px;
    background: radial-gradient(circle, transparent 50%, rgba(200, 148, 31, 0.05) 100%);
    border-radius: 50%;
    z-index: -1;
    animation: glowPulse 4s ease-in-out infinite;
}

@keyframes glowPulse {
    0%, 100% { 
        opacity: 0.5;
        transform: scale(1);
    }
    50% { 
        opacity: 0.8;
        transform: scale(1.1);
    }
}

/* Responsive Vault Styles */
@media (max-width: 1200px) {
    .vault-container {
        min-height: 580px; /* 520 * 1.15 = 598 */
    }
    
    .vault-image-container {
        width: 540px; /* 483 * 1.15 = 555, adjusted for tight fit */
        height: 540px;
    }
    
    .vault-door-img {
        width: 523px; /* 455 * 1.15 = 523 */
        height: 523px;
    }
}

@media (max-width: 768px) {
    .vault-container {
        min-height: 520px; /* 460 * 1.15 = 529 */
    }
    
    .vault-image-container {
        width: 460px; /* 414 * 1.15 = 476, adjusted for tight fit */
        height: 460px;
    }
    
    .vault-door-img {
        width: 444px; /* 386 * 1.15 = 444 */
        height: 444px;
    }
}

@media (max-width: 480px) {
    .vault-container {
        min-height: 410px; /* 365 * 1.15 = 420, adjusted */
    }
    
    .vault-image-container {
        width: 380px; /* 345 * 1.15 = 397, adjusted for tight fit */
        height: 380px;
    }
    
    .vault-door-img {
        width: 365px; /* 317 * 1.15 = 365 */
        height: 365px;
    }
}