@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(3px)}50%{transform:translate(-3px)}75%{transform:translate(3px)}to{transform:translate(0)}}body{overflow:hidden}.kettle{z-index:1;cursor:pointer;height:36px;padding:4px;position:absolute;top:0;right:0}.kettle:hover{filter:drop-shadow(0 0 4px var(--color-highlight-2))}nav{z-index:2;background:#ffffff4d;justify-content:center;width:100vw;max-height:max(15vh,128px);padding:8px;display:flex}.nav-button{cursor:pointer;color:inherit;flex-direction:column;width:max(15vw,200px);min-width:0;text-decoration:none;display:flex;position:relative}.nav-button:hover .nav-button-label{text-decoration:underline}.nav-button:hover .nav-button-img{filter:drop-shadow(0 0 16px var(--color-highlight-1))}.nav-button:hover .nav-button-img-damian{filter:invert(100%) drop-shadow(0 0 16px var(--color-red));animation:.2s infinite horizontal-shaking}.nav-button-img{object-fit:contain;flex:1;min-height:0;max-height:15vh}.nav-button-label{text-align:center;text-transform:uppercase;font-weight:300;font-size:var(--font-size-large);white-space:nowrap;flex:0}.sub-nav{z-index:2;background:#ffffff26;justify-content:center;width:100vw;max-height:max(15vh,128px);padding:8px;display:flex}.sub-nav-button{cursor:pointer;text-align:center;text-transform:capitalize;font-weight:300;font-size:var(--font-size-small);white-space:nowrap;color:inherit;background:#fff6;border-radius:10px;flex:0;padding:2px 8px;text-decoration:none}.sub-nav-button:hover{text-decoration:underline}.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-nav{pointer-events:none;position:absolute;top:min(-3vh,-6vw);left:min(6vw,2vh);transform:rotate(-25deg)scaleX(-1)}.arrow-nav-img{width:4vw;height:4vw}.arrow-nav-label{text-transform:lowercase;font-weight:700;font-size:var(--font-size-small);filter:drop-shadow(1px 1px 2px #fff);transform:scaleX(-1)translate(-2vw)}.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){body{overflow:visible}nav{max-height:unset;grid-template-columns:repeat(3,1fr);place-items:center;padding:0 48px;display:grid}.nav-button{width:100%;height:100%}.nav-button .nav-button-label{text-decoration:underline}.nav-button .nav-button-img-damian{filter:invert(100%) drop-shadow(0 0 4px var(--color-red));animation:.2s infinite horizontal-shaking}.kettle{filter:drop-shadow(0 0 4px var(--color-highlight-2))}}