/* ========================================
   HALFTONE BACKGROUND
   ======================================== */

.halftone-canvas-container {
    position: fixed;
    /* Positioned at right-lower third intersection (rule of thirds) */
    top: 60%;
    left: 70%;
    transform: translate(-50%, -50%);
    z-index: 0; /* Behind all content */
    pointer-events: none;
}

#halftone-background {
    display: block;
}

/* Ensure content appears above halftone background */
.header {
    z-index: 1000;
}

.scroll-container {
    position: relative;
    z-index: 1;
}

.section {
    position: relative;
    z-index: 1;
}

/* Mobile positioning - adjust for smaller screens while maintaining lower-right placement */
@media (max-width: 768px) {
    .halftone-canvas-container {
        top: 65%;
        left: 65%;
    }
}