/* A dark floral curtain, shown only on the first visit in this browser session. */
html.has-opening.loading-active { overflow:hidden; }
html.has-opening body .site-opening {
  position:fixed; inset:0; z-index:100000; display:grid; place-items:center; overflow:hidden;
  isolation:isolate; opacity:1; visibility:visible; pointer-events:auto; border:0;
  background:radial-gradient(ellipse at 50% 43%,#0b0405 0%,#130304 58%,#190709 100%);
  color:#eae5e5; animation:loading-failsafe 0s linear 5s forwards;
}
html.has-opening body .site-opening::before, html.has-opening body .site-opening::after { display:none; content:none; }
html.has-opening body .site-opening.is-done { animation:loading-curtain 1s cubic-bezier(.76,0,.24,1) forwards; }
.loading-art {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.73;overflow:hidden}
.loader-upper,.loader-lower,.loader-branch { transform-box:fill-box; transform-origin:center; }
.loader-upper { animation:loader-upper 14s ease-in-out infinite alternate; }
.loader-lower { animation:loader-lower 16s ease-in-out infinite alternate; }
.loader-branch { animation:loader-branch 12s ease-in-out -4s infinite alternate; }
.loading-content {position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;width:min(480px,80vw);color:#eae5e5}
.loading-wave{width:70px;height:42px;color:#d9c9cc;animation:loading-appear .55s ease .1s both}
.loading-brand{margin:20px 0 8px;color:#eae5e5;font:400 clamp(42px,5.5vw,72px)/1.1 'Times New Roman',serif;letter-spacing:-.025em;animation:loading-rise .65s ease .25s both}
.loading-genres,.loading-label{font:400 11px/1.5 'Century Gothic',Arial,sans-serif;text-transform:uppercase;letter-spacing:.25em;color:#b7a3a6}
.loading-genres{margin:0;animation:loading-appear .6s ease .42s both}.loading-genres span{padding:0 .2em}
.loading-track{height:4px;width:min(440px,78vw);overflow:hidden;border-radius:99px;background:#4b292e;margin-top:clamp(36px,6vh,62px);animation:loading-appear .6s ease .48s both}
.loading-fill{display:block;width:100%;height:100%;border-radius:inherit;background:#d9c9cc;transform-origin:left;transform:scaleX(var(--loading-progress,0));transition:transform .35s ease}
.loading-label{margin:16px 0 0;color:#eae5e5;letter-spacing:.21em;animation:loading-appear .6s ease .5s both}
.loading-value{font-variant-numeric:tabular-nums}
@keyframes loading-curtain{from{transform:translateY(0);visibility:visible}to{transform:translateY(-100%);visibility:hidden}}
@keyframes loading-failsafe{to{visibility:hidden;pointer-events:none}}
@keyframes loading-appear{from{opacity:0}to{opacity:1}}
@keyframes loading-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes loader-upper{from{transform:scale(1) rotate(-.3deg)}to{transform:scale(1.02) rotate(.6deg)}}
@keyframes loader-lower{from{transform:translateY(0) rotate(.3deg)}to{transform:translateY(-10px) rotate(-.7deg)}}
@keyframes loader-branch{from{transform:rotate(-.25deg)}to{transform:rotate(.25deg)}}
@media(max-width:700px){.loading-art{width:150%;left:-25%;opacity:.58}.loader-branch{opacity:.55}.loading-wave{width:58px;height:34px}.loading-brand{font-size:clamp(40px,10.5vw,54px);margin-top:18px}.loading-genres,.loading-label{font-size:9px;letter-spacing:.16em}.loading-track{width:min(270px,73vw);margin-top:38px}.loading-label{margin-top:14px}}
@media(prefers-reduced-motion:reduce){html.has-opening body .site-opening{display:none!important}.loading-art,.loading-wave,.loading-brand,.loading-genres,.loading-track,.loading-label{animation:none!important}}
/* Keep the custom site pointer from adding gold over the neutral loader. */
html.loading-active .star-cursor{display:none!important}
html.loading-active,html.loading-active body,html.loading-active body *{cursor:auto!important}
