.saturn-cloudscape{z-index:-1;pointer-events:none;height:410px;position:absolute;inset:auto 0 0;overflow:hidden}.saturn-cloud-defs{position:absolute}.saturn-sky-haze{z-index:-1;pointer-events:none;height:min(34svh,270px);position:fixed;inset:auto 0 0;overflow:hidden}.saturn-sky-haze i{filter:blur(14px);opacity:.55;background:radial-gradient(at 24% 74%,#f7debba8 0%,#d6b99166 20%,#0000 53%),radial-gradient(at 72% 58%,#f9e7c980 0%,#cbb9a147 23%,#0000 53%);width:140%;height:110%;animation:40s ease-in-out -10s infinite saturn-visible-haze;position:absolute;bottom:-12%;left:-20%}.saturn-sky-haze i+i{opacity:.45;background:radial-gradient(at 40% 65%,#fff0d899,#ebcfaa55 28%,#0000 58%),radial-gradient(at 90%,#efcf9e80,#0000 55%);height:85%;animation-duration:40s;animation-delay:-10s;bottom:-25%}@keyframes saturn-visible-haze{0%,to{transform:translate(-4%,4px)}50%{transform:translate(4%,-6px)}}.saturn-cloud-layer{opacity:1;width:124%;position:absolute;left:-12%}.saturn-cloud-far{z-index:1;filter:saturate(.76)brightness(.88);--cloud-travel:5%;--cloud-lift:-8px;--cloud-swell:1.045;--cloud-period:25s;--cloud-phase:-4.4s;height:126px;bottom:174px}.saturn-cloud-middle{z-index:3;filter:saturate(.94);--cloud-travel:4%;--cloud-lift:-12px;--cloud-swell:1.065;--cloud-period:21s;--cloud-phase:-3.1s;height:192px;bottom:76px}.saturn-cloud-near{z-index:5;--cloud-travel:3.5%;--cloud-lift:-14px;--cloud-swell:1.085;--cloud-period:17s;--cloud-phase:-1.8s;height:206px;bottom:4px}.saturn-cloud-drift,.saturn-cloud-billow{position:absolute;inset:0}.saturn-cloud-drift{animation:saturn-cloud-drift var(--cloud-period) ease-in-out -4.5s infinite}.saturn-cloud-billow{transform-origin:50% 100%;animation:saturn-cloud-billow 7.2s ease-in-out var(--cloud-phase) infinite}.saturn-cloud-billow>svg{width:100%;height:100%;display:block;overflow:hidden}.saturn-cloudscape[data-revealed=true] .saturn-cloud-layer{animation:3.2s cubic-bezier(.16,1,.3,1) both saturn-cloud-arrive}.saturn-cloudscape[data-revealed=true] .saturn-cloud-middle{animation-delay:.16s}.saturn-cloudscape[data-revealed=true] .saturn-cloud-near{animation-delay:.32s}.saturn-atmosphere{pointer-events:none;filter:blur(12px);width:130%;height:245px;animation:40s ease-in-out -10s infinite saturn-atmosphere-flow;position:absolute;left:-15%}.saturn-atmosphere-distant{z-index:2;opacity:.48;background:radial-gradient(at 22% 70%,#e7bc8799 0%,#d9a96a50 25%,#0000 62%),radial-gradient(at 76% 78%,#ffe2ad99 0%,#d9b6a642 30%,#0000 61%);bottom:97px}.saturn-atmosphere-low{z-index:6;opacity:.4;background:radial-gradient(at 32% 48%,#ffedd2a6 0%,#f6dbb766 27%,#0000 61%),radial-gradient(at 80% 66%,#ffe5ba99 0%,#eed5b34d 28%,#0000 62%);height:170px;animation-duration:40s;animation-delay:-10s;bottom:72px}.saturn-cloud-wisps{z-index:6;position:absolute;inset:70px 0 0}.saturn-cloud-wisp{filter:blur(7px);opacity:0;background:radial-gradient(at 32% 65%,#fff3d8b3,#0000 63%),radial-gradient(at 67% 40%,#ffe7c180,#0000 62%);border-radius:50%;width:clamp(250px,42vw,700px);height:48px;animation:40s linear infinite saturn-wisp-pass;display:block;position:absolute}.saturn-cloud-wisp-0{animation-delay:-7s;top:22%;left:-14%}.saturn-cloud-wisp-1{height:40px;animation-delay:-20s;top:43%;left:24%}.saturn-cloud-wisp-2{width:clamp(200px,34vw,550px);animation-delay:-33s;top:66%;left:8%}.saturn-cloudscape:not([data-moving=true]) .saturn-cloud-layer,.saturn-cloudscape:not([data-moving=true]) .saturn-cloud-drift,.saturn-cloudscape:not([data-moving=true]) .saturn-cloud-billow,.saturn-cloudscape:not([data-moving=true]) .saturn-atmosphere,.saturn-cloudscape:not([data-moving=true]) .saturn-cloud-wisp{animation-play-state:paused}@keyframes saturn-cloud-arrive{0%{opacity:.45;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes saturn-cloud-drift{0%,to{transform:translateX(calc(var(--cloud-travel) * -1))}50%{transform:translateX(var(--cloud-travel))}}@keyframes saturn-cloud-billow{0%,to{transform:translateY(0)scaleY(1)}50%{transform:translateY(var(--cloud-lift)) scaleY(var(--cloud-swell))}}@keyframes saturn-atmosphere-flow{0%,to{transform:translate(-3%,3px)}50%{transform:translate(3%,-4px)}}@keyframes saturn-wisp-pass{0%{opacity:0;transform:translate(-80px,4px)}25%{opacity:.3}65%{opacity:.3}to{opacity:0;transform:translate(280px,-9px)}}@media (max-width:760px){.project-sky-page .project-sky-shell{margin-bottom:300px}.saturn-cloudscape{height:340px}.saturn-cloud-layer{width:720px;left:calc(50% - 360px)}.saturn-cloud-far{height:87px;bottom:157px}.saturn-cloud-middle{height:153px;bottom:86px}.saturn-cloud-near{height:176px}.saturn-cloud-wisps{top:40px}.saturn-cloud-wisp{height:32px}.saturn-sky-haze{height:210px}.saturn-sky-haze i{opacity:.42}.saturn-sky-haze i+i{opacity:.32}.saturn-atmosphere-distant{opacity:.4;height:200px;bottom:89px}.saturn-atmosphere-low{opacity:.38;height:145px;bottom:70px}}@media (prefers-reduced-motion:reduce){.saturn-cloudscape .saturn-cloud-layer,.saturn-cloudscape[data-revealed=true] .saturn-cloud-layer,.saturn-cloudscape .saturn-cloud-drift,.saturn-cloudscape .saturn-cloud-billow,.saturn-cloudscape .saturn-cloud-wisp,.saturn-cloudscape .saturn-atmosphere{animation:none}.saturn-cloud-wisp{display:none}.saturn-sky-haze i{animation:none}}