@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(3px)}50%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}.page-index body{overflow:hidden}.page-index header{background:#ffffff4d;margin-top:10vh}.page-index .header-title{position:relative}.arrow-header{pointer-events:none;position:absolute;top:min(-5vh,-5vw);left:min(-5vw,-5vh);transform:rotate(-25deg)scaleX(-1)}.arrow-header-img{width:4vw;height:4vw}.arrow-header-label{text-transform:lowercase;font-weight:700;font-size:var(--font-size-small);filter:drop-shadow(1px 1px 2px #fff);text-shadow:none;transform:scaleX(-1)translate(-2vw)}.whale-wrapper{margin-top:min(20vh, auto);position:relative}.big-planet{aspect-ratio:1;background:radial-gradient(circle at 70% 70%, var(--color-1), #000);border-radius:50%;width:min(70vw,70vh);position:absolute;top:0;right:min(-5vw,-5vh)}.big-planet:after{content:"";opacity:.4;mix-blend-mode:luminosity;background-image:url(/assets/Texturelabs_Atmosphere_196S__indexed-6JqWwmZQ.png);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.small-planet{aspect-ratio:1;background-color:var(--color-base);background:radial-gradient(circle at 70% 70%, var(--color-3), #000);border-radius:50%;width:min(15vw,15vh);position:absolute;top:min(-4vh,-4vw);left:min(20vw,20vh)}.small-planet:after{content:"";opacity:.4;mix-blend-mode:luminosity;background-image:url(/assets/Texturelabs_Atmosphere_196S__indexed-6JqWwmZQ.png);border-radius:50%;width:100%;height:100%;position:absolute;top:0;left:0}.whale{width:min(70vw,70vh);animation:4s ease-in-out infinite float;position:relative}.whale-sound{opacity:0;--sound-cycle:40s;animation:fadeInUp var(--sound-cycle) ease-in-out infinite;filter:drop-shadow(1px 1px 2px #fff);position:absolute}.whale-sound-1{font-size:var(--font-size-large);animation-delay:calc(var(--sound-cycle) * 1 / 5);font-weight:450;top:50%;left:-15%}.whale-sound-2{font-size:var(--font-size-large);animation-delay:calc(var(--sound-cycle) * 2 / 5);font-weight:550;top:50%;left:-15%}.whale-sound-3{font-size:var(--font-size-large);animation-delay:calc(var(--sound-cycle) * 3 / 5);font-weight:600;top:-5%;left:-15%}.whale-sound-4{font-size:var(--font-size-large);animation-delay:calc(var(--sound-cycle) * 4 / 5);font-weight:500;top:50%;left:-15%}.whale-sound-5{font-size:var(--font-size-large);animation-delay:calc(var(--sound-cycle) * 5 / 5);font-weight:650;top:-5%;left:-15%}.whale-img{mix-blend-mode:lighten;width:100%;height:auto;display:block}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-16px)}}@keyframes fadeInUp{0%,10%{opacity:0;transform:translateY(20px)}5%{opacity:1;transform:translateY(0)}}.arrow-whale{position:absolute;bottom:max(5vh,5vw);right:max(10vh,10vw);transform:rotate(-220deg)scaleX(-1)}.arrow-whale-img{width:7vw;height:7vw}.arrow-whale-label{text-transform:lowercase;font-weight:700;font-size:var(--font-size-large);filter:drop-shadow(1px 1px 2px #fff);transform:scaleY(-1)translate(6vw)}@media (width<=700px){.page-index body{overflow:visible}}