/* 
 * INTERACTION POETRY
 * Physics, light, and reactive typography.
 */

/* --- 2. LIVING TYPE (Manifesto) --- */
.manifesto-text {
    position: relative;
    /* Optimizations */
    will-change: transform, letter-spacing;
}

.manifesto-word {
    display: inline-block;
    transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275), 
                color 0.4s ease,
                text-shadow 0.4s ease;
    cursor: default;
}

.manifesto-word:hover {
    transform: scale(1.05) translateY(-2px);
    color: #000;
    text-shadow: 0 10px 20px rgba(0,0,0,0.1);
}

/* --- 3. THE ETHER (Atmosphere) --- */
#gallery-module::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");
    opacity: 0.4;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: multiply;
}

/* --- 4. DATA HORIZON --- */
#horizon-break {
    width: 100%;
    height: 400px; /* Defined slot */
    position: relative;
    z-index: 5;
    background: transparent;
    cursor: crosshair; 
    overflow: hidden; /* Clips the diagonal */
}