/* ── Venue Section ── */
/* Venue: keep content centered on desktop (illustration is absolutely positioned) */
.venue { 
    padding-right: 0; 
}

@media (min-width: 521px) {
    .venue .section-content {
        max-width: 520px;
        margin: 0 auto;
    }

    /* Desktop: make the first venue paragraph wrap earlier so it doesn't sit over the bottle */
    .venue .section-content > p:first-of-type {
        max-width: 360px;
        margin-left: auto;
        margin-right: auto;
    }
}

/* Mobile: lift the wine illustration a bit and increase breathing room to the content */
@media (max-width: 520px) {
    .venue .section-illus.illus-right {
        /* Slightly smaller on mobile (bottle + glass) */
        transform: translateY(-10px) scale(1);
        margin-bottom: 1.35rem;
    }
}

/* ── Wine bottle pour (only bottle) ── */
.bottle-pour {
    /* Pivot closer to the mouth so the lip swings over the glass */
    transform-origin: 44% 14%;
    animation: pourBottle 4s ease-in-out infinite;
}

/* Drops are a separate layer (not inside the rotating bottle SVG) so they fall with "gravity". */
.wine-drops {
    position: absolute;
    /* Anchored near the bottle mouth (in the .section-illus coordinate system) */
    left: 54px;
    top: 85px;
    width: 34px;
    height: 98px;
    overflow: visible;
    z-index: 3;
}

/* Slight desktop nudge if needed */
@media (min-width: 521px) {
    .wine-drops { 
        left: 56px; 
        top: 86px; 
    }
}

.wine-drop { 
    opacity: 0; 
}

.wine-drop-1 { animation: dropFall 4s linear infinite 0.95s; }
.wine-drop-2 { animation: dropFall 4s linear infinite 1.25s; }

/* ── Wine glass reaction (sync with 4s pour cycle) ── */
.wine-glass {
    transform-origin: 50% 95%;
    animation: glassReact 4s ease-in-out infinite;
    will-change: transform;
}

@media (prefers-reduced-motion: reduce) {
    .wine-glass { 
        animation: none !important; 
    }
}