@media all {
    /* overrdides */
    header:not(.scroll) { position:fixed; top:0px; right:0px; left:0px; background-color:transparent !important; z-index:1000; }

    #hero .circle_green_100 { position:absolute; height:var(--font-size-0); bottom:30%; right:10%; z-index:1; }
    #hero .squiggle_red_101 { position:absolute; height:calc(var(--font-size-5L) * 2.2); bottom:40%; right:12%; transform:rotate(85deg); z-index:1; }
    #hero .zigzag_yellow_102 { position:absolute; height:calc(var(--font-size-5L) * 1.5); bottom:25%; right:2%; z-index:1; }
    #hero .ring_blue_103 { position:absolute; height:var(--font-size-3L); bottom:58%; right:5%; z-index:1; }

    /* what */
    #what { overflow-x:hidden; }
    #what h2 { font-weight:var(--font-weight-normal); }
    #what ul.what_group { grid-template-columns:1fr 1fr 1fr; gap:var(--spacing-4L); }

    #what .burst_red_200 { position:absolute; height:calc(var(--font-size-5L) * 1.7); top:15%; right:20%; z-index:1; }
    #what .circle_green_201 { position:absolute; height:var(--font-size-0); top:35%; right:20%; z-index:1; }
    #what .loops_pink_202 { position:absolute; height:calc(var(--font-size-5L) * 2.1); top:8%; right:5%; z-index:1; }
    #what .ring_yellow_203 { position:absolute; height:calc(var(--font-size-5L) * 2); top:25%; right:-3%; z-index:1; }

    /* where */
    #where { overflow-x:hidden; }
    #where ul.where_group { gap:var(--spacing-5L); }

    #where .squiggle_yellow_0 { position:absolute; height:calc(var(--font-size-5L) * 2.1); top:12%; right:2%; z-index:1; }
    #where .ring_blue_0 { position:absolute; height:var(--font-size-3L); top:12%; right:-4%; z-index:1; }
    #where .circle_red_0 { position:absolute; height:var(--font-size-1S); top:30%; right:-6%; z-index:1; }

    #where .ring_yellow_0 { position:absolute; height:var(--font-size-1L); bottom:30%; left:-5%; z-index:1; }
    #where .circle_blue_0 { position:absolute; height:var(--font-size-1S); bottom:20%; left:-8%; z-index:1; }
    #where .loops_green_0 { position:absolute; height:calc(var(--font-size-5L) * 1.8); bottom:5%; left:-4%; transform:rotate(30deg); z-index:1; }
    #where .swirl_red_0 { position:absolute; height:calc(var(--font-size-5L) * 1.5); bottom:5%; left:5%; z-index:1; }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {
    #what ul.what_group { gap:var(--spacing-2L); }
}

@media (max-width:1000px) {
    #hero .hero_box .body { width:60%; }
}

@media (max-width:800px) {
    #intro .intro_group { grid-template-columns:1fr; }
    #what ul.what_group { grid-template-columns:1fr; gap:var(--spacing-0); }
    #what ul.what_group li > p:last-of-type { margin-bottom:0px; }

    #what .circle_green_201 { display:none; }

    #where .container_row_content { padding-bottom:var(--spacing-5L); }
    #where ul.where_group { width:90%; grid-template-columns:1fr; gap:var(--spacing-0); }
    #where .squiggle_yellow_0 { right:-2%; }
    #where .ring_blue_0 { display:none; }
    #where .circle_red_0 { top:40%; }
}

@media (max-width:700px) {
    #what .burst_red_200 { display:none; }
    #what .ring_yellow_203 { right:-7%;}
    #what .loops_pink_202 { right:-1%; }

    #what ul.what_group { width:80%; }
}

@media (max-width:600px) {
    #hero .hero_box .body { width:90%; }
    #hero .squiggle_red_101 { display:none; }

    #what .loops_pink_202 { right:-12%; }
}