html.loader-pending{overflow:hidden}
.workshop-loader{display:none}
.loader-pending .workshop-loader{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;background:#f6f5f0;color:#0a1124;padding:clamp(20px,3.8vw,52px);font-family:Estedad,Tahoma,sans-serif;overflow:auto;transition:opacity .65s ease,visibility .65s}
.loader-pending .workshop-loader.is-complete{opacity:0;visibility:hidden;pointer-events:none}
.loader-top{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:none}
.loader-logo{width:130px;height:auto;display:block}
.loader-enter{border:0;border-bottom:1px solid #9da7b6;background:none;padding:8px 0;font:inherit;font-size:12px;color:#5c6b85;cursor:pointer}
.loader-enter:hover{color:#0d57eb;border-color:currentColor}
.loader-enter:focus-visible{outline:2px solid #0d57eb;outline-offset:6px}
.loader-composition{width:min(100%,1100px);margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(175px,.3fr);align-items:end;gap:clamp(24px,5vw,70px);padding-block:24px}
.loader-scene{position:relative;aspect-ratio:1.25;overflow:hidden;background:#fff;isolation:isolate;box-shadow:0 20px 60px #23334b0b}
.loader-scene img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.loader-sketch{object-position:50% 50%;opacity:calc(1 - var(--intro-progress,0)*.14)}
.loader-render{object-position:50% 58%;clip-path:inset(0 calc(100% - var(--intro-percent,0%)) 0 0);opacity:var(--intro-opacity,0);filter:blur(var(--intro-blur,3px));will-change:clip-path,opacity,filter}
.loader-scene::after{content:"";position:absolute;inset:0;border:1px solid #0a112415;pointer-events:none}
.loader-info{padding-bottom:4px}
.loader-kicker{font:11px/1.6 Arial,sans-serif;letter-spacing:.17em;color:#5c6b85;margin:0 0 20px;direction:ltr;text-align:left}
.loader-info h2{font-size:clamp(22px,2.8vw,36px);line-height:1.8;font-weight:600;margin:0 0 30px}
.loader-info h2 span{color:#0d57eb}
.loader-count{direction:ltr;display:flex;align-items:baseline;gap:8px;font:400 clamp(65px,8.6vw,116px)/1 Arial,sans-serif;letter-spacing:-.06em;font-variant-numeric:tabular-nums}
.loader-count small{font-size:21px;letter-spacing:0;color:#5c6b85}
.loader-track{height:2px;background:#d4dbe3;margin:24px 0 16px;direction:ltr;overflow:hidden}
.loader-track span{display:block;width:100%;height:100%;background:#0d57eb;transform:scaleX(var(--intro-progress,0));transform-origin:left;will-change:transform}
.loader-caption{font-size:11px;line-height:1.9;margin:0;color:#5c6b85}
.loader-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #d9dfe4;padding-top:16px;flex:none;color:#5c6b85;font-size:11px;line-height:1.8}
.loader-bottom [lang=en]{font:10px/1.8 Arial,sans-serif;letter-spacing:.12em;direction:ltr}
@media(max-width:680px){.loader-logo{width:105px}.loader-composition{grid-template-columns:1fr;align-items:start;gap:24px;max-width:460px}.loader-scene{aspect-ratio:1.05}.loader-info{display:grid;grid-template-columns:1fr auto;gap:0 18px;align-items:end}.loader-kicker{grid-column:1/-1;margin-bottom:7px}.loader-info h2{font-size:25px;line-height:1.65;margin:0}.loader-count{font-size:66px;grid-column:2;grid-row:2}.loader-count small{font-size:15px}.loader-track{grid-column:1/-1;margin:20px 0 10px}.loader-caption{grid-column:1/-1}.loader-bottom{font-size:10px}.loader-bottom [lang=en]{font-size:8px}}
@media(prefers-reduced-motion:reduce){.loader-pending .workshop-loader{transition:opacity .15s}.loader-render{clip-path:none!important;filter:none!important;will-change:auto}}
