/* Page-load splash: logo in the centre, drifting sky and swaying grass behind */
#aaLoader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;overflow:hidden;
  background:linear-gradient(180deg,#4aa3df 0%,#8fd0f0 45%,#d9f1e0 72%,#bfe3a0 100%);
  transition:opacity .7s ease,visibility .7s ease}
#aaLoader.done{opacity:0;visibility:hidden}
#aaLoader .sun{position:absolute;top:12%;right:14%;width:110px;height:110px;border-radius:50%;
  background:radial-gradient(circle,#fff6c2 0 35%,#ffd75a 60%,rgba(255,215,90,0) 72%);animation:aaSun 6s ease-in-out infinite}
#aaLoader .cloud{position:absolute;left:-240px;width:200px;height:56px;border-radius:60px;background:#fff;opacity:.9;filter:blur(1px);animation:aaCloud linear infinite}
#aaLoader .cloud::before,#aaLoader .cloud::after{content:"";position:absolute;background:#fff;border-radius:50%}
#aaLoader .cloud::before{width:80px;height:80px;left:30px;top:-38px}
#aaLoader .cloud::after{width:60px;height:60px;left:100px;top:-26px}
#aaLoader .c1{top:16%;animation-duration:26s}
#aaLoader .c2{top:30%;transform:scale(.7);animation-duration:36s;animation-delay:-14s;opacity:.75}
#aaLoader .c3{top:8%;transform:scale(.5);animation-duration:44s;animation-delay:-30s;opacity:.6}
#aaLoader .hill{position:absolute;left:-5%;right:-5%;bottom:0;height:34%;border-radius:50% 50% 0 0/40% 40% 0 0;background:#3e8a3a}
#aaLoader .hill.h2{height:26%;left:-20%;right:30%;background:#2f7a35;border-radius:60% 40% 0 0/50% 50% 0 0}
#aaLoader .grass{position:absolute;left:0;right:0;bottom:0;height:22%;display:flex;align-items:flex-end;justify-content:space-between;padding:0 2px}
#aaLoader .grass i{display:block;flex:1;max-width:26px;margin:0 -3px;background:linear-gradient(to top,#1f5a32,#4fae45);
  clip-path:polygon(0 100%,50% 0,100% 100%);transform-origin:50% 100%;animation:aaSway 2.4s ease-in-out infinite}
#aaLoader .core{position:relative;z-index:2;text-align:center;margin-top:-6vh}
#aaLoader .logo{width:min(46vw,210px);height:auto;filter:drop-shadow(0 10px 22px rgba(0,50,20,.35));animation:aaPulse 2.2s ease-in-out infinite}
#aaLoader .name{margin-top:10px;font:700 15px/1 'Fraunces',Georgia,serif;letter-spacing:.28em;text-transform:uppercase;color:#12301f}
#aaLoader .bar{width:min(52vw,220px);height:5px;border-radius:5px;margin:16px auto 0;background:rgba(18,48,31,.18);overflow:hidden}
#aaLoader .bar b{display:block;height:100%;width:40%;border-radius:5px;background:linear-gradient(90deg,#f0b429,#ffd75a);animation:aaBar 1.3s ease-in-out infinite}
@keyframes aaCloud{from{translate:0 0}to{translate:calc(100vw + 480px) 0}}
@keyframes aaSun{50%{transform:scale(1.12);opacity:.85}}
@keyframes aaSway{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(6deg)}}
@keyframes aaPulse{50%{transform:translateY(-6px) scale(1.04)}}
@keyframes aaBar{0%{transform:translateX(-110%)}100%{transform:translateX(280%)}}
@media (prefers-reduced-motion:reduce){#aaLoader *{animation:none!important}}