/* A brief brand entrance; never hides content without JavaScript. */
.site-preloader{position:fixed;inset:0;z-index:70;display:grid;place-items:center;background:var(--paper,#f9f9f5);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .24s ease-out,visibility .24s;perspective:850px;padding:0 24px}
.is-loading .site-preloader{opacity:1;visibility:visible}
.preloader-mark{position:relative;width:clamp(160px,24vw,230px);aspect-ratio:1;transform-style:preserve-3d}
.preloader-mark img{display:block;width:100%;height:100%;object-fit:contain}
.is-loading .preloader-mark{animation:brand-arrive .85s ease-out both;will-change:transform,opacity}
.preloader-shadow{position:absolute;left:calc(50% - 45px);top:calc(50% + clamp(80px,12vw,115px) + 16px);width:90px;height:9px;border-radius:50%;background:#10204412}
.is-loading .preloader-shadow{animation:brand-shadow .85s ease-out both}
@keyframes brand-arrive{0%{opacity:0;transform:translate3d(0,24px,-100px) rotateX(16deg) rotateY(-55deg) rotateZ(-10deg) scale(.75)}45%{opacity:1}75%{transform:translate3d(0,-7px,24px) rotateX(-5deg) rotateY(12deg) rotateZ(3deg) scale(1.035)}100%{opacity:1;transform:translate3d(0,0,0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}}
@keyframes brand-shadow{0%{opacity:0;transform:scale(.65)}75%{opacity:.6;transform:scale(.85)}100%{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.site-preloader{display:none;transition:none}.is-loading .preloader-mark,.is-loading .preloader-shadow{animation:none}}