/* hazel-signoff.css */
.hazel-midnight {
    --test-pattern: repeating-linear-gradient(
        90deg,
        #444 0px, #444 20px,
        #eee 20px, #eee 40px
    );
    background: #000;
}

/* The Test Pattern Footer */
.hazel-midnight .content-block::after {
    content: "PROGRAMMING HAS ENDED - STAND BY";
    display: flex;
    align-items: center;
    justify-content: center;
    height: 300px;
    margin-top: 50px;
    background: 
        linear-gradient(to bottom, #ffffff 16.6%, #ffff00 16.6% 33.2%, #00ffff 33.2% 49.8%, #00ff00 49.8% 66.4%, #ff00ff 66.4% 83%, #ff0000 83%),
        var(--test-pattern);
    color: white;
    font-family: "Courier", monospace;
    font-weight: 900;
    font-size: 2rem;
    text-shadow: 2px 2px 0px #000;
    
    /* Scroll-Driven Termination */
    animation: tv-shutdown linear forwards;
    animation-timeline: view();
    animation-range: exit 0% exit 100%;
}

@keyframes tv-shutdown {
    0% { transform: scaleY(1); filter: brightness(1); }
    50% { transform: scaleY(0.01) scaleX(1); filter: brightness(10); }
    100% { transform: scaleY(0) scaleX(0); filter: brightness(20); background: #fff; }
}