.Section{background:var(--color-white);position:relative;overflow:hidden}.Section--padding--top{padding-top:100px}@media screen and (max-width:620px){.Section--padding--top{padding-top:50px}}.Section--padding--bottom{padding-bottom:100px}@media screen and (max-width:620px){.Section--padding--bottom{padding-bottom:50px}}.Section--reversed{background:var(--color-grey)}.Section--darkMode{background:var(--color-dark-black)}.Section--darkMode--reversed{background:var(--color-dark-grey)}.Section__children{position:relative;z-index:3}.Section__filter__top{width:100%;height:50%;position:absolute;top:0;left:0;z-index:2;background:linear-gradient(to bottom,var(--color-grey),rgba(255,0,0,0))}.Section__filter__top--reversed{background:linear-gradient(to bottom,var(--color-white),rgba(255,0,0,0))}.Section__filter__top--darkMode{background:linear-gradient(to bottom,var(--color-dark-grey),rgba(255,0,0,0))}.Section__filter__top--darkMode--reversed{background:linear-gradient(to bottom,var(--color-dark-black),rgba(255,0,0,0))}.Section__filter__bottom{width:100%;height:50%;position:absolute;bottom:0;left:0;z-index:2;background:linear-gradient(to top,var(--color-white),rgba(255,0,0,0))}.Section__filter__bottom--reversed{background:linear-gradient(to top,var(--color-grey),rgba(255,0,0,0))}.Section__filter__bottom--darkMode{background:linear-gradient(to top,var(--color-dark-black),rgba(255,0,0,0))}.Section__filter__bottom--darkMode--reversed{background:linear-gradient(to top,var(--color-dark-grey),rgba(255,0,0,0))}.Section__sphere{position:absolute;right:-200px;top:50%;transform:translateY(-50%);z-index:1}@media screen and (max-width:1100px){.Section__sphere{right:-500px}}@media screen and (max-width:620px){.Section__sphere{all:initial;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1}}.Section--halo--top--left{position:absolute;top:-300px;left:-300px}.Section--halo--bottom--left{position:absolute;bottom:-300px;left:-300px}.Section--halo--top--right{position:absolute;top:-300px;right:-300px}.Section--halo--bottom--right{position:absolute;bottom:-300px;right:-300px}.Halo{border-radius:50%;width:300px;height:300px;animation:Halo__start 2s ease-out forwards,Halo__effect 10s linear infinite;animation-delay:0s,2s}.Halo--green{background:var(--color-green);box-shadow:0 0 150px 300px var(--color-green)}.Halo--violet{background:var(--color-violet);box-shadow:0 0 150px 300px var(--color-violet)}@keyframes Halo__start{0%{opacity:0}to{opacity:1}}@keyframes Halo__effect{0%{opacity:1}50%{opacity:.2}to{opacity:1}}