body, .no-cursor {
        cursor: none !important;
    }
    a:-webkit-any-link {
        cursor: none !important;
    }
    .mouse-square {
        --size: 16px;

        position: fixed;
        min-height: var(--size);
        min-width: var(--size);
        left: -50;
        top: -50;
        background-color: #101010;
        color: white;
        z-index: 100006;
        pointer-events: none;
        font-family: 'GolostextVF';
        text-transform: uppercase;
        transition: padding 0.15s ease-out;
    }
    .square-with-text {
        padding: 4px 12px;
    }
    
    .main-header .tn-atom {
        font-size: clamp(28px, 3vw, 72px) !important;
        line-height: 1 !important;
    }
    
    @media (max-width: 1024px) {
        .main-header .tn-atom {
            font-size: clamp(28px, 3vw, 56px) !important;
        }
    }

    @media (max-width: 576px) {
        .main-header .tn-atom {
            font-size: clamp(32px, 4vh, 40px) !important;
        }
    }

    .uc-background-noise .tn-atom {
        background-size: auto !important;
        background-repeat: repeat !important;
        pointer-events: none;
    }
    .uc-background-noise {
        pointer-events: none;
        z-index: 99999999 !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw !important;
        height: 100vh !important;
    }
    
    .text-description-container {
        --grid-size: 12;
        --grid-gap: 16px;
        --padding: 16px;
        --skip-cols: 1;
    }
    
    .text-description {
        flex-grow: 1;
    }
    
    @media (min-width: 640px) {
        .text-description-container {
            width: calc(100% - (100% - var(--padding) * 2 - var(--grid-gap) * (var(--grid-size) - 1)) / var(--grid-size) * var(--skip-cols) * 2 - var(--skip-cols) * var(--grid-gap)) !important;
        }
    }
    
    @media (min-width: 1200px) {
        .text-description-container {
            --skip-cols: 3;
        }
    }
    
    @media (min-width: 1920px) {
        .text-description-container {
            --skip-cols: 4;
        }
    }
    
    .img-container {
        --grid-size: 12;
        --grid-gap: 16px;
        --padding: 16px;
        --skip-cols: 1;
    }
    
    .img-container > .tn-atom:has(video) {
        text-align: center;
    }
    
    .img {
        flex-grow: 1;
    }
    
    @media (min-width: 1200px) {
        .img-container {
            width: calc(100% - (100% - var(--padding) * 2 - var(--grid-gap) * (var(--grid-size) - 1)) / var(--grid-size) * var(--skip-cols) * 2 - var(--skip-cols) * var(--grid-gap)) !important;
        }
    }
    
    @media (min-width: 1920px) {
        .img-container {
            --skip-cols: 2;
        }
    }