:root {
    --neon-pink: #ff0080;
}

body {
    background-color: #050505;
    cursor: none;
}

/* FORCED SIZES (Override Tailwind if needed) */
@media (min-width: 768px) {
    .gallery-item {
        width: 70vw !important; /* Force Desktop Size */
    }
}
@media (max-width: 767px) {
    .gallery-item {
        width: 90vw !important; /* Force Mobile Size */
    }
}

/* CUSTOM CURSOR */
.cursor-dot, .cursor-outline {
    position: fixed;
    top: 0; left: 0;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: 9999;
    pointer-events: none;
}
.cursor-dot { width: 8px; height: 8px; background: white; }
.cursor-outline { 
    width: 40px; height: 40px; 
    border: 1px solid rgba(255,255,255,0.5); 
    transition: width 0.2s, height 0.2s; 
}

/* CUSTOM RANGE SLIDER */
input[type=range] {
    -webkit-appearance: none;
    background: transparent;
    z-index: 50; /* Ensure clickable */
    position: relative;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #ff0080;
    cursor: none;
    box-shadow: 0 0 20px #ff0080;
    margin-top: -12px;
    transition: transform 0.1s;
    position: relative;
    z-index: 50;
}
input[type=range]::-webkit-slider-thumb:hover {
    transform: scale(1.2);
}
input[type=range]::-webkit-slider-runnable-track {
    width: 100%;
    height: 4px;
    background: #333;
    border-radius: 2px;
    cursor: none;
}

/* UTILS */
.reveal-text {
    opacity: 0;
    transform: translateY(20px);
}
.no-scroll {
    overflow: hidden;
    height: 100vh;
}
::-webkit-scrollbar { width: 0px; }