/* Gentle depth motion for the pink light tunnel in the visit rules section. */
body.home .first::before {
    --rules-breath-near: 1.18;
    --rules-breath-far: 1.01;
    pointer-events: none;
    transform: scale(var(--rules-breath-far));
    transform-origin: 50% 46%;
    opacity: .84;
    -webkit-mask-image: linear-gradient(to bottom, transparent 0%, #000 9%, #000 84%, transparent 100%);
    mask-image: linear-gradient(to bottom, transparent 0%, #000 9%, #000 84%, transparent 100%);
}

/* Reuse the existing viewport activation while replacing the one-way zoom. */
body.home .first.active::before {
    animation: tugan-rules-breathe 10s ease-in-out infinite;
}

@keyframes tugan-rules-breathe {
    0%, 100% {
        transform: scale(var(--rules-breath-far));
    }
    50% {
        transform: scale(var(--rules-breath-near));
    }
}

@media (max-width: 767px) {
    body.home .first::before {
        --rules-breath-near: 1.11;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.home .first::before,
    body.home .first.active::before {
        animation: none;
        transform: scale(var(--rules-breath-far));
    }
}