:root {
    --space-1: 11.458vw; /* 220px */
    --space-2: 6.250vw; /* 120px */
    --space-3: 3.125vw; /* 60px */
    --space-4: 2.344vw; /* 45px */

    --web-margin: 1.823vw; /* 35px */
    --web-column-gap: 0.521vw; /* 10px */

    --column-1: calc( calc( 100vw - ( var(--web-margin) * 2 ) ) / 12 ) ;
    --column-2: calc(var(--column-1) * 2);
    --column-3: calc(var(--column-1) * 3);
    --column-4: calc(var(--column-1) * 4);
    --column-5: calc(var(--column-1) * 5);
    --column-6: calc(var(--column-1) * 6);
    --column-7: calc(var(--column-1) * 7);
    --column-8: calc(var(--column-1) * 8);

    --aspect-ratio: 3.5 / 4;
}


/*
  ██╗██╗  ██╗██╗  ██╗ ██████╗ 
 ███║██║  ██║██║  ██║██╔═████╗
 ╚██║███████║███████║██║██╔██║
  ██║╚════██║╚════██║████╔╝██║
  ██║     ██║     ██║╚██████╔╝
  ╚═╝     ╚═╝     ╚═╝ ╚═════╝ 
*/

@media screen and (max-width: 1440px) {
    :root {
        --space-1: 10.417vw; /* 150px */
        --space-2: 5.556vw; /* 80px */
        --space-3: 3.125vw; /* 45px */
        --space-4: 3.125vw; /* 45px */

        --web-margin: 2.431vw; /* 35px */
    }
}


/*
  ██╗ ██████╗ ██████╗ ██╗  ██╗
 ███║██╔═████╗╚════██╗██║  ██║
 ╚██║██║██╔██║ █████╔╝███████║
  ██║████╔╝██║██╔═══╝ ╚════██║
  ██║╚██████╔╝███████╗     ██║
  ╚═╝ ╚═════╝ ╚══════╝     ╚═╝
*/

@media screen and (max-width: 1024px) {
    :root {
        --web-margin: 6.836vw; /* 70px */
    }
}


/*
 ███████╗ ██████╗  █████╗ 
 ╚════██║██╔════╝ ██╔══██╗
     ██╔╝███████╗ ╚█████╔╝
    ██╔╝ ██╔═══██╗██╔══██╗
    ██║  ╚██████╔╝╚█████╔╝
    ╚═╝   ╚═════╝  ╚════╝ 
*/

@media screen and (max-width: 768px) {
    :root {
        --space-1: 125px; /* 125px */
        --space-2: 40px; /* 40px */
        --space-3: 30px; /* 40px */

        --web-margin: 35px; /* 35px */
    }
}


/*
  ██████╗  ██████╗  ██████╗ 
 ██╔════╝ ██╔═████╗██╔═████╗
 ███████╗ ██║██╔██║██║██╔██║
 ██╔═══██╗████╔╝██║████╔╝██║
 ╚██████╔╝╚██████╔╝╚██████╔╝
  ╚═════╝  ╚═════╝  ╚═════╝ 
*/

@media screen and (max-width: 600px) {
    :root {
        --space-3: 20px; /* 30px */
    }
}