html.site-is-loading { overflow: hidden; }
.site-preloader { position: fixed; inset: 0; z-index: 2147483000; background: #fff; color: #151515; --edge: clamp(20px,2.86vw,55px); --unit: clamp(42px,5.73vw,110px); overflow: hidden; transition: transform 380ms cubic-bezier(.76,0,.24,1); }
.site-preloader--leaving { transform: translateY(-100%); pointer-events: none; }
.site-preloader__number { position: absolute; top: clamp(20px,3.2vh,35px); left: calc(var(--edge) - .07em); margin: 0; font: 400 clamp(96px,14.2vw,272px)/.86 'Times New Roman',serif; letter-spacing: -.065em; font-variant-numeric: lining-nums tabular-nums; white-space: nowrap; }
.site-preloader__logo { position: absolute; top: clamp(22px,5.1vh,55px); right: clamp(24px,4.58vw,88px); width: clamp(88px,8.18vw,157px); height: auto; }
.site-preloader__figures { position: absolute; left: var(--edge); bottom: clamp(30px,5.28vh,57px); display: flex; align-items: center; gap: calc(var(--unit)*.28); height: var(--unit); }
.site-preloader__figure { display: block; width: var(--unit); height: var(--unit); position: relative; }
.site-preloader__figure img { display: block; height: 100%; width: 100%; }
.site-preloader__figure--quarter { width: calc(var(--unit)*.65); }
.site-preloader__figure--quarter img { width: 50%; height: 50%; transform-origin: 0 100%; animation: preloader-quarter 1200ms cubic-bezier(.65,0,.35,1) infinite; }
.site-preloader__figure--half { width: calc(var(--unit)*.5); margin-right: calc(var(--unit)*.08); }
.site-preloader__figure--half img { animation: preloader-turn 1600ms cubic-bezier(.65,0,.35,1) infinite; }
.site-preloader__figure--three-quarter img { animation: preloader-turn 1900ms cubic-bezier(.65,0,.35,1) infinite reverse; }
.site-preloader__figure--circle img { animation: preloader-pulse 1100ms ease-in-out infinite; }
.site-preloader__barcode { position: absolute; right: clamp(24px,4.58vw,88px); bottom: clamp(30px,6.02vh,65px); width: 93px; height: 12px; }
.site-preloader__barcode img { display: block; width: 100%; height: 100%; opacity: .22; }
.site-preloader__barcode-fill { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--progress,0%)) 0 0); }
.site-preloader__barcode-fill img { opacity: 1; }
.site-preloader--leaving .site-preloader__figure img { animation-play-state: paused; }
@keyframes preloader-quarter { 0%,15% { transform: rotate(0); } 65%,100% { transform: rotate(360deg); } }
@keyframes preloader-turn { 0%,12% { transform: rotate(0); } 80%,100% { transform: rotate(360deg); } }
@keyframes preloader-pulse { 0%,100% { transform: scale(1); } 50% { transform: scale(.87); } }
@media(max-width:600px) { .site-preloader__number { top: 24px; font-size: clamp(90px,24vw,144px); } .site-preloader__logo { top: auto; bottom: 26px; right: 20px; width: 88px; } .site-preloader__figures { bottom: 34px; gap: 12px; --unit: clamp(36px,10vw,52px); } .site-preloader__barcode { top: 31px; bottom: auto; right: 20px; width: 58px; height: 8px; } }
@media(prefers-reduced-motion:reduce) { .site-preloader { transition: opacity 120ms linear; } .site-preloader--leaving { transform: none; opacity: 0; } .site-preloader__figure img { animation: none; } }