/* The same CL signature at every scale. The open contour is intentionally asymmetric. */
.brand .brand-symbol{display:flex;align-items:center;justify-content:center;width:43px;height:45px;border:0;border-radius:0}
.brand-mark{display:block;width:100%;height:100%;overflow:visible}
.brand .brand-name{letter-spacing:.2em}.brand .brand-sub{letter-spacing:.055em}
.brand{gap:15px}
.loader-identity{padding:32px 24px;font-family:var(--sans,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif)}
.loader-mark .logo-contour,.loader-mark .logo-plan{stroke-dasharray:1;stroke-dashoffset:0}
.site-loading .loader-mark .logo-contour{animation:logo-draw 1.05s cubic-bezier(.25,.6,.3,1) both}
.site-loading .loader-mark .logo-plan{animation:logo-draw .75s .18s cubic-bezier(.25,.6,.3,1) both}
.site-loading .loader-mark .logo-accent{animation:logo-light 1.8s .8s ease-in-out infinite}
.loader-status{letter-spacing:.08em;font-weight:400;line-height:1.8}
.loader-skip{opacity:.65;transition:opacity .2s}.loader-skip:hover,.loader-skip:focus-visible{opacity:1}
.loader-skip:focus-visible{outline:1px solid currentColor;outline-offset:2px}
@keyframes logo-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes logo-light{0%,100%{opacity:1}50%{opacity:.3}}
@media(max-width:700px){.brand .brand-symbol{width:36px;height:38px}.brand{gap:11px}.loader-mark{width:78px;height:81px;margin-bottom:25px}.loader-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.site-loading .loader-mark .logo-contour,.site-loading .loader-mark .logo-plan,.site-loading .loader-mark .logo-accent{animation:none}.loader-skip{transition:none}}