.kopash-loader-seen .kopash-cross-loader{display:none}
.kopash-loader-failsafe .kopash-cross-loader{opacity:0;pointer-events:none;visibility:hidden}
.kopash-cross-loader{color:var(--paper);z-index:9999;background:radial-gradient(at 82% 18%,#ffffff2e 0%,#ffffff0e 18%,#0000 45%),radial-gradient(at 22% 86%,#ffffff0b 0%,#0000 40%),#111;align-content:center;justify-items:center;transition:transform .62s cubic-bezier(.76,0,.24,1);animation:1ms linear 4s forwards loader-failsafe-hide;display:grid;position:fixed;inset:0;overflow:hidden}
.kopash-cross-loader:before{content:"";filter:blur(80px);pointer-events:none;background:#ffffff24;border-radius:50%;width:min(44vw,620px);height:min(44vw,620px);animation:2.4s cubic-bezier(.22,.61,.36,1) both loader-glow;position:absolute;top:-13vw;right:-8vw}
.kopash-cross-loader:after{content:"";pointer-events:none;background:linear-gradient(112deg,#0000 24%,#ffffff16 48%,#0000 72%);animation:1.65s cubic-bezier(.22,.61,.36,1) .22s both loader-scan;position:absolute;inset:-30%;transform:translate(-58%)rotate(-8deg)}
.kopash-cross-loader.is-leaving{transform:translateY(-101%)}
.kopash-cross-loader-lockup{z-index:1;place-items:center;width:min(88vw,760px);min-height:clamp(78px,11vw,138px);display:grid;position:relative}
.kopash-cross-loader-mark{letter-spacing:-.075em;white-space:nowrap;z-index:1;align-items:baseline;font-size:clamp(64px,8.4vw,126px);font-weight:640;line-height:.82;animation:.54s cubic-bezier(.22,.61,.36,1) 1.08s forwards loader-mark-settle;display:inline-flex;position:relative}
.kopash-cross-loader-expand{opacity:0;max-width:0;animation:.78s cubic-bezier(.76,0,.24,1) .36s forwards loader-unfold;display:inline-block;overflow:hidden}
.kopash-cross-loader-dot{opacity:0;animation:.32s 1.04s forwards loader-dot;transform:translate(-.08em)}
.kopash-cross-loader-track{z-index:1;background:#f2efe82e;width:clamp(220px,29vw,440px);height:1px;margin-top:-6px;display:block;position:relative;overflow:hidden}
.kopash-cross-loader-track i{background:var(--paper);width:100%;height:100%;animation:1.26s cubic-bezier(.65,0,.35,1) .18s forwards loader-track;display:block;transform:translate(-101%)}
.kopash-cross-loader-caption{letter-spacing:.3em;opacity:0;text-align:center;text-transform:uppercase;z-index:1;max-width:82vw;margin-top:18px;font-size:9px;animation:.5s .72s forwards loader-caption;position:relative}
.kopash-cross-loader.is-leaving .kopash-cross-loader-mark,.kopash-cross-loader.is-leaving .kopash-cross-loader-track,.kopash-cross-loader.is-leaving .kopash-cross-loader-caption{opacity:0;transition:opacity .17s}
.kopash-cross-loader-mark{font-size:clamp(56px,20vw,82px)}
.kopash-cross-loader-lockup{width:92vw;min-height:86px}
.kopash-cross-loader-track{width:min(58vw,260px)}
@keyframes loader-failsafe-hide{to{opacity:0;pointer-events:none;visibility:hidden}}
@keyframes loader-scroll-failsafe{to{overflow:auto}}
@keyframes loader-unfold{0%{opacity:0;max-width:0}35%{opacity:1}to{opacity:1;max-width:3.35em}}
@keyframes loader-dot{0%{opacity:0;transform:translate(-.15em)}to{opacity:1;transform:translate(0)}}
@keyframes loader-track{0%{transform:translate(-101%)}to{transform:translate(0)}}
@keyframes loader-caption{0%{opacity:0;transform:translateY(5px)}to{opacity:.66;transform:translateY(0)}}
@keyframes loader-mark-settle{0%{text-shadow:0 0 #fff0;transform:scale(1)}to{text-shadow:0 0 42px #ffffff2e;transform:scale(1.012)}}
@keyframes loader-glow{0%{opacity:.15;transform:translate(10%,-8%)scale(.8)}to{opacity:.8;transform:translate(-6%,7%)scale(1.08)}}
@keyframes loader-scan{0%{opacity:0;transform:translate(-58%)rotate(-8deg)}28%{opacity:.75}to{opacity:0;transform:translate(58%)rotate(-8deg)}}
.kopash-cross-loader{background:#111;align-content:center;justify-items:center;--paper:#eeede8;position:fixed!important;display:grid!important;inset:0!important;z-index:2147483000!important;color:#eeede8!important;font-family:Arial,sans-serif;animation:none!important;pointer-events:all!important}
.kopash-cross-loader .kopash-cross-loader-mark{font-size:clamp(64px,8.4vw,126px)!important}
.kopash-cross-loader.for-designers{background:radial-gradient(ellipse at 70% 20%,#ead33d20,transparent 55%),#272c29;align-content:center;justify-items:center;gap:28px}
.handoff-design-mark{position:relative;display:flex;align-items:baseline;gap:.2em;font-size:clamp(48px,7vw,106px);font-weight:700;letter-spacing:-.07em;padding:25px 30px;border:1px solid #e9d64255}
.handoff-design-mark i{font-family:Georgia,serif;color:#e9d642;font-size:.58em;letter-spacing:-.04em;font-weight:400}
.handoff-design-mark b{font-weight:700}
.handoff-design-meter{width:220px;height:1px;background:#eeede833;overflow:hidden}
.handoff-design-meter i{display:block;width:100%;height:100%;background:#e9d642;animation:loader-track 1s both}
.handoff-design-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;opacity:.65;text-align:center}
.kopash-cross-loader.is-leaving{transform:translateY(-101%);transition:transform .45s cubic-bezier(.76,0,.24,1)}
@media(prefers-reduced-motion:reduce){.kopash-cross-loader *{animation:none!important}.kopash-cross-loader-expand{opacity:1;max-width:6em}.kopash-cross-loader-dot{opacity:1}.kopash-cross-loader.is-leaving{transition:none}}

/* A short animated frame assembles around the wordmark, then the page opens. */
.kopash-cross-loader.for-designers{background:rgba(21,23,25,.985);backdrop-filter:none;transition:opacity .14s ease,visibility .14s}.kopash-cross-loader.for-designers.is-active{pointer-events:auto}
.transition-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;width:min(440px,calc(100vw - 48px));height:270px}
.transition-emblem{position:relative;display:flex;align-items:baseline;justify-content:center;gap:5px;width:auto;height:auto;background:none;box-shadow:none;border:0;border-radius:0;white-space:nowrap}
.transition-emblem b{font-size:clamp(37px,5.5vw,64px);letter-spacing:-.065em;line-height:1;font-weight:800}.transition-emblem b span{color:var(--lime)}.transition-emblem i{font:600 italic clamp(24px,3.5vw,40px)/1 'Cormorant Garamond',Georgia,serif;color:var(--lime);letter-spacing:0}
.transition-frame{position:absolute;inset:15px 10px 50px;border:1px solid rgba(232,216,106,.25);border-radius:12px;background:linear-gradient(120deg,transparent 25%,rgba(232,216,106,.035),transparent 70%)}
.transition-frame:before,.transition-frame:after{content:'';position:absolute;width:35px;height:35px;border-color:var(--lime);border-style:solid;opacity:.9}.transition-frame:before{top:-1px;left:-1px;border-width:2px 0 0 2px;border-top-left-radius:12px}.transition-frame:after{bottom:-1px;right:-1px;border-width:0 2px 2px 0;border-bottom-right-radius:12px}
.transition-meter{position:relative;width:160px;height:3px;overflow:hidden;background:rgba(255,255,255,.12);border-radius:3px}.transition-meter i{display:block;width:100%;height:100%;background:var(--lime);transform-origin:left;box-shadow:0 0 16px rgba(232,216,106,.3)}
.transition-label{position:absolute;bottom:18px;left:0;right:0;text-align:center;color:#9fa29d;font-size:8px;letter-spacing:.15em;text-transform:uppercase}.transition-line{background:#e8d86a;height:2px;box-shadow:none}
.is-active .transition-frame{animation:frame-assemble .8s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--transition-elapsed,0ms)}
.is-active .transition-emblem{animation:wordmark-reveal .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--transition-elapsed,0ms)}
.is-active .transition-meter i{animation:meter-fill .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--transition-elapsed,0ms)}
.is-active .transition-line{animation:meter-fill 1s ease-out both;animation-delay:var(--transition-elapsed,0ms)}
@keyframes frame-assemble{0%{transform:scale(.7) rotate(-12deg);opacity:0}65%{opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}
@keyframes wordmark-reveal{from{opacity:0;transform:translateY(18px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes meter-fill{from{transform:scaleX(.04)}to{transform:scaleX(1)}}
@media(min-width:1900px){.hero-content h1{font-size:104px}.hero-offers{max-width:680px}.hero-offer p{font-size:15px}.hero-offer .kd-button{font-size:14px}}

.kopash-cross-loader.for-designers{--lime:#e8d86a;opacity:1;visibility:visible;pointer-events:auto;background:rgba(21,23,25,.985);gap:0}.kopash-cross-loader.for-designers.is-leaving{opacity:0;visibility:hidden;transform:none}

.kopash-cross-loader{font-family:Montserrat,Arial,sans-serif}
@media(max-width:700px){.kopash-cross-loader:not(.for-designers) .kopash-cross-loader-mark{font-size:clamp(56px,20vw,82px)!important}.kopash-cross-loader-track{width:min(58vw,260px)}}