/* LAYOUT */
.organism-homesplash { background: var( --color-red-alt ); overflow: hidden; padding-top: 100px; height: 100vh; }
.organism-homesplash .wrapped-holder { position: relative; height: 100vh; z-index: 20; }

/* BACKGROUND */
.organism-homesplash .unwrapped-holder { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 10; mix-blend-mode: multiply; }

/* COPIES */
.organism-homesplash .wrapped-holder .title-holder { position: absolute; right: 0; top: 50%; padding: var( --gs-col-padding ); transform: translate( 0%, -50%); margin-top: -100px; width: 100%; }
.organism-homesplash .wrapped-holder .title-holder .copies {  z-index: 20; position: relative; text-align: right; }

/* SPIRAL */
.organism-homesplash .wrapped-holder .title-holder .graphics { right: 0; top: 50%; position: absolute; transform: translate( 30%, -60% ); z-index: 10; }
.organism-homesplash .wrapped-holder .title-holder .graphics svg { width: 100vw; }


@media only screen and ( min-width: 48em ) { 
    /* COPIES */
    .organism-homesplash .wrapped-holder .title-holder { top: initial; bottom: 30%; }
    /* SPIRAL */
    .organism-homesplash .wrapped-holder .title-holder .graphics { transform: translate( 24%, -60% ); }
    .organism-homesplash .wrapped-holder .title-holder .graphics svg { width: 90vw; }
}

@media only screen and ( min-width: 62em ) { 
    /* LAYOUT */
    .organism-homesplash { padding-top: 180px; }
    /* COPIES */
    .organism-homesplash .wrapped-holder .title-holder { top: initial; bottom: 20%; }
    /* SPIRAL */
    .organism-homesplash .wrapped-holder .title-holder .graphics { right: 0; top: 40%; transform: translate( 24%, -60% ); }
    .organism-homesplash .wrapped-holder .title-holder .graphics svg { width: 100vw; }
}

@media only screen and ( min-width: 75em ) { 
    /* LAYOUT */
    .organism-homesplash { padding-top: 170px; }
    /* COPIES */
    .organism-homesplash .wrapped-holder .title-holder { top: initial; bottom: 25%; right: -5%; margin-top: 0; padding: 0; }
    /* SPIRAL */
    .organism-homesplash .wrapped-holder .title-holder .graphics { top: 50%; transform: translate( 27%, -60% ); }
    .organism-homesplash .wrapped-holder .title-holder .graphics svg { width: 110vw; }
}