.zj{--zj-bg:#fff;--zj-ink:#070707;--zj-purple:#6d3bcc;--zj-purple-dark:#4c1d95;--zj-mute:color-mix(in srgb,var(--zj-ink) 72%,var(--zj-bg));--zj-line:color-mix(in srgb,var(--zj-ink) 16%,transparent);background:var(--zj-bg);color:var(--zj-ink);font-family:var(--body-font-family,inherit);font-size:17px;line-height:1.55;overflow:clip}.zj *{box-sizing:border-box}.zj__stage,.zj-ch{--zj-mute:color-mix(in srgb,var(--zj-ink) 72%,var(--zj-bg));--zj-line:color-mix(in srgb,var(--zj-ink) 16%,transparent)}.zj h1,.zj h2,.zj h3,.zj p,.zj ul{margin:0;padding:0}.zj h1,.zj h2,.zj h3,.zj h4{color:inherit}.zj ul{list-style:none}.zj img{display:block;max-width:100%;height:auto}.zj a{color:inherit}.zj a:focus-visible,.zj button:focus-visible{outline:3px solid var(--zj-ink);outline-offset:4px;border-radius:2px}.zj-eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.5;color:var(--zj-mute)}.zj h1,.zj-title{font-family:var(--heading-font-family,inherit);font-weight:var(--heading-font-weight,900);text-transform:uppercase;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.zj h1{font-size:clamp(44px,6.6vw,104px);margin-top:12px}.zj-seo{display:block;margin-bottom:16px;letter-spacing:.16em;font-family:var(--body-font-family,inherit);font-weight:700;text-transform:uppercase}.zj-title{font-size:clamp(34px,4.6vw,76px);margin-top:10px}.zj-tagline{margin-top:18px;font-size:clamp(20px,1.9vw,29px);font-weight:600;line-height:1.22;letter-spacing:-.01em;text-wrap:balance}.zj-body{margin-top:14px;max-width:40ch;color:var(--zj-mute)}.zj-specs{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:22px}.zj-specs li{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;font-variant-numeric:tabular-nums}.zj-specs li:before{content:"";width:5px;height:5px;background:currentColor;flex:none}.zj-buy{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin-top:26px}.zj-buy[hidden]{display:none}.zj-price{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1;font-variant-numeric:tabular-nums}.zj-price span:not(.zj-badge){font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--zj-mute);margin-right:4px}.zj-badge{display:inline-block;padding:8px 12px;border:1.5px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;line-height:1}.zj-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 26px;border:1.5px solid var(--zj-purple);border-radius:4px;background:var(--zj-purple);color:#fff!important;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.zj-btn:hover{background:var(--zj-purple-dark);border-color:var(--zj-purple-dark)}.zj-btn span{transition:transform .2s ease}.zj-btn:hover span{transform:translate(3px)}.zj-btn--ghost{background:transparent;border-color:currentColor;color:var(--zj-ink)!important}.zj-btn--ghost:hover{background:var(--zj-ink);border-color:var(--zj-ink);color:var(--zj-bg)!important}.zj-link{display:inline-flex;align-items:center;min-height:44px;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border-bottom:1.5px solid currentColor;line-height:1.2;align-self:center}.zj-link:hover{border-bottom-color:transparent}.zj-swatches{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.zj-swatch{min-height:44px;padding:0 16px;border:1.5px solid var(--zj-line);border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:13px;font-weight:700;letter-spacing:.06em;cursor:pointer;transition:border-color .2s ease,background-color .2s ease}.zj-swatch:hover{border-color:currentColor}.zj-swatch[aria-pressed=true]{border-color:currentColor;background:var(--zj-ink);color:var(--zj-bg)}.zj-swatch[aria-pressed=true]:before{content:"\2713  ";font-weight:800}.zj-shoe{width:100%;height:auto;mix-blend-mode:multiply;filter:brightness(1.03)}.zj-art>.zj-shoe:not(.is-on){display:none}.zj-photo{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 70%;border-radius:4px}.zj-ch--plate .zj-shoe{mix-blend-mode:normal;filter:none;border-radius:4px;aspect-ratio:1;object-fit:cover}.zj-ghost{display:none}.zj-cue{display:inline-flex;align-items:center;gap:14px;margin-top:34px;min-height:44px;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none}.zj-cue__line{position:relative;width:1.5px;height:44px;background:var(--zj-line);overflow:hidden}.zj-cue__line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:currentColor;transform:translateY(-100%);animation:zj-cue 2.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes zj-cue{to{transform:translateY(100%)}}.zj-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.zj-shelf__item{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.zj-shelf__media{display:block;width:100%;aspect-ratio:1;background:#fff;border-radius:4px;overflow:hidden}.zj-shelf__media img{width:100%;height:100%;object-fit:contain}.zj-shelf h3{font-family:var(--heading-font-family,inherit);font-weight:var(--heading-font-weight,900);font-size:clamp(16px,1.4vw,21px);line-height:1.1;text-transform:uppercase;letter-spacing:-.01em}.zj-shelf h3 a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.zj-shelf .zj-price{font-size:22px}.zj-shelf .zj-btn{min-height:44px;padding:0 18px;font-size:12px}.zj__rail,.zj__progress{display:none}.zj-ch{--zj-bg:var(--ch-bg);--zj-ink:var(--ch-ink);background:var(--ch-bg);color:var(--ch-ink);position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(72px,9vw,128px) max(24px,calc((100% - 1320px)/2));overflow:hidden}.zj-ch--r .zj-copy{order:-1}.zj-ch--intro,.zj-ch--final{min-height:min(100svh,880px)}.zj-ch--shelf,.zj-ch--shelf.zj-ch--r{grid-template-columns:1fr}.zj-ch--shelf .zj-copy{order:-1}.zj-ch--intro .zj-art,.zj-ch--final .zj-art,.zj-ch--plate .zj-art{max-width:460px;justify-self:center;width:100%}.zj-ch--plate#zj-zm .zj-art{max-width:560px}.zj-ch--final .zj-copy .zj-buy{margin-top:34px}@media(max-width:900px){.zj-ch,.zj-ch--r{grid-template-columns:1fr;gap:28px}.zj-ch--r .zj-copy{order:0}.zj-shelf{grid-template-columns:repeat(2,1fr);gap:22px 16px}}.zj--live .zj__stage{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate;background:var(--zj-bg);color:var(--zj-ink)}.zj--live .zj__chapters{position:absolute;inset:var(--zj-safe,100px) 0 0 0}.zj--live .zj-ch{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:0;background:none;color:var(--ch-ink);overflow:visible;min-height:0;pointer-events:none;visibility:hidden}.zj--live .zj-ch.is-near{visibility:visible}.zj--live .zj-ch.is-near .zj-art,.zj--live .zj-ch.is-near .zj-ghost,.zj--live .zj-ch.is-near .zj-copy{will-change:transform,opacity}.zj--live .zj-art{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:fit-content;width:min(58vw,84svh);max-width:none;justify-self:auto;transform-origin:50% 50%;opacity:0}.zj--live .zj-ch--plate .zj-art,.zj--live .zj-ch--intro .zj-art,.zj--live .zj-ch--final .zj-art{width:min(30vw,52svh)}.zj--live .zj-ch--plate#zj-craft .zj-art{width:min(26vw,44svh)}.zj--live .zj-ch--plate#zj-zm .zj-art{width:min(36vw,64svh)}.zj--live .zj-ch--shelf .zj-art{width:min(1180px,90vw)}.zj--live .zj-ch--shoe .zj-art{mix-blend-mode:multiply}.zj--live .zj-ch--shoe .zj-shoe{mix-blend-mode:normal}.zj--live .zj-ch--plate .zj-shoe{box-shadow:0 30px 60px -28px #00000059}.zj--live .zj-ghost{display:block;position:absolute;left:0;right:0;top:46%;margin:0;text-align:center;font-family:var(--heading-font-family,inherit);font-weight:var(--heading-font-weight,900);font-size:clamp(130px,27vw,440px);line-height:.8;letter-spacing:-.04em;text-transform:uppercase;white-space:nowrap;color:color-mix(in srgb,var(--zj-ink) 5.5%,transparent);-webkit-user-select:none;user-select:none;pointer-events:none;opacity:0;transform-origin:50% 50%}.zj--live .zj-copy{position:absolute;top:0;bottom:0;margin-block:auto;height:fit-content;width:min(440px,35vw);opacity:0;pointer-events:none}.zj--live .zj-ch--r .zj-copy{left:max(28px,6.5vw)}.zj--live .zj-ch:not(.zj-ch--r) .zj-copy{right:max(100px,6.5vw)}.zj--live .zj-ch--intro .zj-copy{width:min(600px,44vw)}.zj--live .zj-ch--shelf{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(18px,3svh,36px);padding:0 4vw 28px}.zj--live .zj-ch--shelf .zj-copy,.zj--live .zj-ch--shelf .zj-art{position:relative;inset:auto;margin:0;height:auto}.zj--live .zj-ch--shelf .zj-copy{order:-1;width:min(760px,90vw);text-align:center}.zj--live .zj-ch--shelf .zj-title{font-size:clamp(30px,3.4vw,56px)}.zj--live .zj-ch--shelf .zj-shelf__media{max-height:min(26svh,280px)}.zj--live .zj-ch.is-focus .zj-copy,.zj--live .zj-ch.is-focus .zj-art a{pointer-events:auto}.zj--live .zj-ch--shelf .zj-art{pointer-events:none}.zj--live .zj-ch--shelf.is-focus .zj-art{pointer-events:auto}.zj--live .zj-ch--intro .zj-ghost{top:50%}.zj--live .zj-ch--final .zj-copy{width:min(560px,45vw)}@media(max-width:1180px){.zj--live .zj-ch--shoe .zj-art{width:min(50vw,80svh)}.zj--live .zj-copy{width:min(400px,34vw)}}.zj--live .zj__rail{display:flex;position:absolute;z-index:5;right:clamp(10px,1.6vw,26px);top:50%;transform:translateY(-50%);flex-direction:column;align-items:flex-end}.zj__tick{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:30px;min-width:44px;padding:0 0 0 8px;border:0;background:none;color:var(--zj-ink);font:inherit;cursor:pointer}.zj__tick i{display:block;width:14px;height:2px;background:currentColor;opacity:.3;transition:width .25s ease,opacity .25s ease}.zj__tick span{position:absolute;right:44px;white-space:nowrap;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;opacity:0;transform:translate(6px);transition:opacity .2s ease,transform .2s ease;pointer-events:none}.zj__tick:hover i,.zj__tick:focus-visible i{opacity:.7}.zj__tick:hover span,.zj__tick:focus-visible span{opacity:1;transform:none}.zj__tick[aria-current=step] i{width:30px;opacity:1}.zj--live .zj__progress{display:block;position:absolute;z-index:5;left:0;right:0;bottom:0;height:3px;background:var(--zj-line)}.zj__progress span{display:block;height:100%;background:var(--zj-ink);transform-origin:0 50%;transform:scaleX(0)}.zj--live .zj-ch--intro .zj-copy>*{animation:zj-in .9s cubic-bezier(.22,.61,.36,1) both}.zj--live .zj-ch--intro .zj-copy>*:nth-child(2){animation-delay:.08s}.zj--live .zj-ch--intro .zj-copy>*:nth-child(3){animation-delay:.16s}.zj--live .zj-ch--intro .zj-copy>*:nth-child(4){animation-delay:.24s}@keyframes zj-in{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@media(max-width:760px),(max-width:1100px)and (orientation:portrait){.zj{--zj-safe:100px}.zj--live .zj__rail{display:none}.zj--live .zj-ch{display:flex;flex-direction:column}.zj--live .zj-ch .zj-copy{order:0}.zj--live .zj-ch.zj-ch--shelf .zj-copy{order:-1}.zj--live .zj-art,.zj--live .zj-ch--plate .zj-art,.zj--live .zj-ch--intro .zj-art,.zj--live .zj-ch--final .zj-art,.zj--live .zj-ch--shoe .zj-art,.zj--live .zj-ch--plate#zj-craft .zj-art,.zj--live .zj-ch--plate#zj-zm .zj-art{position:relative;inset:auto;margin:0;flex:1 1 auto;min-height:0;width:100%;height:auto;display:flex;align-items:center;justify-content:center;padding:6px 16px 4px}.zj--live .zj-art>.zj-shoe{width:auto;height:auto;max-width:min(100%,980px);max-height:100%}.zj--live .zj-art>.zj-photo,.zj--live .zj-ch--plate .zj-art>.zj-shoe{width:auto;height:100%;max-width:100%;max-height:560px}.zj--live .zj-ch--plate#zj-zm .zj-art>.zj-shoe{aspect-ratio:1}.zj--live .zj-ch--crop .zj-art>.zj-shoe{aspect-ratio:var(--zj-crop);object-fit:cover;object-position:50% var(--zj-crop-y,50%)}.zj--live .zj-ghost{font-size:46vw;top:30%}.zj--live .zj-copy,.zj--live .zj-ch--r .zj-copy,.zj--live .zj-ch:not(.zj-ch--r) .zj-copy,.zj--live .zj-ch--intro .zj-copy,.zj--live .zj-ch--final .zj-copy{position:relative;inset:auto;flex:none;margin:0 auto;width:100%;max-width:640px;height:auto;padding:8px 20px calc(72px + env(safe-area-inset-bottom))}.zj--live .zj-ch--shelf{justify-content:safe center;gap:12px;padding:8px 20px calc(72px + env(safe-area-inset-bottom))}.zj--live .zj-ch.zj-ch--shelf .zj-copy{padding:0;text-align:center}.zj--live .zj-ch--shelf .zj-eyebrow{display:none}.zj--live .zj-ch--shelf .zj-title{font-size:clamp(26px,8vw,40px);margin-top:0}.zj--live .zj-ch--shelf .zj-art{flex:none;width:100%;max-width:900px;padding:0;display:block}.zj--live .zj-ch--shelf .zj-shelf{grid-template-columns:repeat(4,1fr);gap:16px}.zj--live .zj-title{font-size:clamp(32px,10vw,52px);margin-top:6px}.zj--live h1{font-size:clamp(34px,10.4vw,56px)}.zj--live .zj-tagline{margin-top:8px;font-size:18px}.zj--live .zj-body{margin-top:8px}.zj--live .zj-specs{margin-top:10px;gap:6px 14px}.zj--live .zj-buy{margin-top:12px;gap:10px 16px}.zj--live .zj-swatches{margin-top:10px}.zj--live .zj-swatch{min-height:44px;padding:0 14px}.zj--live .zj-ch--intro .zj-cue{display:none}}@media(max-width:760px){.zj--live .zj-ch--shelf{justify-content:safe center}.zj--live .zj-ch--shelf .zj-art{max-width:560px}.zj--live .zj-ch--shelf .zj-shelf{grid-template-columns:1fr;gap:0}.zj--live .zj-shelf__item{display:grid;grid-template-columns:64px minmax(0,1fr) auto;grid-template-areas:"img name btn" "img price btn";align-items:center;column-gap:14px;row-gap:0;padding:8px 0;border-top:1px solid var(--zj-line)}.zj--live .zj-shelf__item:last-child{border-bottom:1px solid var(--zj-line)}.zj--live .zj-shelf__media{grid-area:img;width:64px;aspect-ratio:1;max-height:none}.zj--live .zj-shelf h3{grid-area:name;align-self:end;font-size:15px}.zj--live .zj-shelf h3 a{min-height:44px}.zj--live .zj-shelf .zj-price{grid-area:price;align-self:start;font-size:17px}.zj--live .zj-shelf .zj-btn{grid-area:btn;min-height:44px;padding:0 14px;font-size:11px}}@media(min-width:761px)and (max-width:1100px)and (orientation:portrait){.zj--live .zj-title{font-size:clamp(44px,6.4vw,72px)}.zj--live h1{font-size:clamp(48px,7vw,80px)}.zj--live .zj-tagline{font-size:clamp(20px,2.6vw,26px)}.zj--live .zj-copy,.zj--live .zj-ch--r .zj-copy,.zj--live .zj-ch:not(.zj-ch--r) .zj-copy,.zj--live .zj-ch--intro .zj-copy,.zj--live .zj-ch--final .zj-copy{max-width:760px}.zj--live .zj-copy,.zj--live .zj-ch--r .zj-copy,.zj--live .zj-ch:not(.zj-ch--r) .zj-copy,.zj--live .zj-ch--intro .zj-copy,.zj--live .zj-ch--final .zj-copy{padding:16px 40px calc(84px + env(safe-area-inset-bottom))}}@media(max-width:760px)and (max-height:799px){.zj--live .zj-ch--shoe .zj-body,.zj--live .zj-ch--plate#zj-zm .zj-body{display:none}}@media(max-width:760px)and (max-height:719px){.zj--live .zj-ch:has(.zj-swatches) .zj-specs{display:none}}@media(max-width:760px)and (max-height:599px){.zj--live .zj-specs{display:none}}@media(prefers-reduced-motion:reduce){.zj-cue__line:after{animation:none}.zj-btn,.zj-btn span,.zj-swatch{transition:none}}@media print{.zj--live .zj__stage{position:static;height:auto}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/zuatu-journey.css.map */
