/* A first-visit floral overture: the same stippled artwork as the site,
   animated in the time that the loading screen is actually visible. */
html.has-opening body .site-opening {
  background:#130304;
  color:#f1e6d9;
}
.loading-art {opacity:.92}
.loading-art .loader-upper,
.loading-art .loader-lower {
  transform-box:fill-box;
  transform-origin:center;
  animation:opening-flower 1.75s cubic-bezier(.19,1,.22,1) both;
}
.loading-art .loader-lower {animation-delay:.12s}
.loading-art .loader-branch {
  transform-box:fill-box;
  transform-origin:bottom left;
  animation:opening-branch 1.65s cubic-bezier(.2,.7,.2,1) both;
}
/* Each nested vector silhouette unfolds independently, from the centre out. */
.loader-bloom-peony > path, .loader-bloom-hibiscus > path:first-child {
  transform-box:fill-box;
  transform-origin:50% 70%;
  animation:opening-petal 1.6s cubic-bezier(.19,1,.22,1) both;
}
.loader-bloom-peony > path:nth-of-type(1) {animation-delay:.12s}
.loader-bloom-peony > path:nth-of-type(2) {animation-delay:.04s}
.loader-bloom-peony > path:nth-of-type(3) {animation-delay:0s}
.loader-bloom-peony > path:nth-of-type(4) {animation-delay:0s;animation-duration:1.2s}
.loading-brand {color:#f1e6d9}
.loading-wave,.loading-fill,.loading-label {color:#f1e6d9}
.loading-fill {background:#f1e6d9}
.loading-track {background:#481218}

@keyframes opening-flower {
  0% {opacity:.12;transform:scale(.67) rotate(-6deg)}
  60% {opacity:.92}
  100% {opacity:1;transform:scale(1) rotate(0)}
}
@keyframes opening-petal {
  0% {opacity:.16;transform:scale(.3,.42) rotate(-8deg)}
  60% {opacity:.86}
  100% {opacity:1;transform:scale(1) rotate(0)}
}
@keyframes opening-branch {
  0% {opacity:0;transform:scale(.85) rotate(-2deg)}
  100% {opacity:1;transform:scale(1) rotate(0)}
}
@media(max-width:700px) {
  .loading-art {left:0;width:100%;opacity:.8}
  .loading-art .loader-branch {display:none}
}
@media(prefers-reduced-motion:reduce) {
  .loading-art .loader-upper,.loading-art .loader-lower,.loading-art .loader-branch,
  .loader-bloom-peony > path,.loader-bloom-hibiscus > path:first-child {animation:none!important}
}