.zoom-section {
    position: relative;
    height: 100vh;
    overflow: hidden;
}

.zoom-section::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0.2), rgba(0,0,0,0.4));
    z-index: 1;
    pointer-events: none;
}

.zoom-image {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    width: 100%;
    height: auto;
    max-width: none;
    will-change: transform;
    object-fit: cover;
}

.zoom-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    color: white;
    text-align: center;
    z-index: 2;
    will-change: transform, opacity;
    transition: opacity 0.3s ease;
    font-size: 4rem;
    font-weight: 700;
    text-shadow: 0 4px 20px rgba(0,0,0,0.6);
    padding: 0 2rem;
    max-width: 90%;
}

@media (max-width: 768px) {
    .zoom-title {
        font-size: 2.5rem;
    }
}