.zji{position:relative;overflow:hidden;padding:6.4rem 0 5.6rem;background:radial-gradient(55% 40% at 85% 0%,#b98ad647,#b98ad600 70%),radial-gradient(50% 35% at 0% 100%,#7b4fa84d,#7b4fa800 70%),var(--zj-plum-900);color:var(--zj-lilac-100)}.zji__inner{max-width:124rem;margin:0 auto;padding:0 var(--zj-gutter)}.zji__head{max-width:60rem;margin:0 auto 3.2rem;text-align:center}.zji__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0 0 1.4rem;font-family:var(--zj-font-ui);font-size:1.1rem;letter-spacing:.32em;text-transform:uppercase;color:var(--zj-orchid)}.zji__heading{margin:0;font-family:var(--zj-font-display);font-weight:400;font-size:clamp(4rem,11vw,7.2rem);line-height:.98;letter-spacing:-.01em;color:var(--zj-white)}.zji__heading em{font-style:italic;color:var(--zj-orchid)}.zji__sub{margin:1.4rem auto 0;max-width:44rem;font-family:var(--zj-font-ui);font-weight:300;font-size:1.5rem;line-height:1.6;color:#f4edf8b8}.zji__empty{text-align:center;font-family:var(--zj-font-ui);font-size:1.4rem;color:var(--zj-orchid)}.zji__note{margin:2.4rem 0 0;text-align:center;font-family:var(--zj-font-ui);font-size:1.2rem;font-weight:300;letter-spacing:.04em;color:#f4edf88c}.zji-wall{margin:0 calc(var(--zj-gutter) * -1)}.zji-wall__rail{display:flex;align-items:flex-start;gap:1.6rem;margin:0;padding:1.6rem var(--zj-gutter) 2.4rem;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--zj-gutter);scrollbar-width:none}.zji-wall__rail::-webkit-scrollbar{display:none}.zji-shot{flex:0 0 60vw;max-width:26rem;scroll-snap-align:start}.zji-shot__btn{display:block;width:100%;padding:0;border:0;background:none;color:inherit;cursor:zoom-in;-webkit-tap-highlight-color:transparent}.zji-shot__phone{position:relative;display:block;aspect-ratio:9 / 16;padding:.6rem;border-radius:2.6rem;background:linear-gradient(160deg,#3a1642 0%,var(--zj-plum-950) 100%);box-shadow:0 0 0 1px #dcb8f047,0 2.4rem 4.8rem #00000073;transform:rotate(var(--tilt, 0deg)) translateZ(0);transition:transform .6s var(--zj-ease),box-shadow .6s var(--zj-ease)}.zji-shot:nth-child(odd) .zji-shot__phone{--tilt: -1.2deg}.zji-shot:nth-child(2n) .zji-shot__phone{--tilt: 1.2deg}.zji-shot__img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:2rem;background:var(--zj-plum-800)}.zji-shot__zoom{position:absolute;right:1.4rem;bottom:1.4rem;display:grid;place-items:center;width:3.6rem;height:3.6rem;border-radius:50%;background:#1708198c;border:1px solid rgba(255,253,251,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--zj-white);transition:transform .4s var(--zj-ease),background .4s var(--zj-ease)}.zji-shot__btn:focus-visible{outline:none}.zji-shot__btn:focus-visible .zji-shot__phone{outline:2px solid var(--zj-orchid);outline-offset:4px}.zji-shot__note{padding:1.8rem .4rem 0}.zji-shot__quote{position:relative;margin:0;padding-left:1.6rem;font-family:var(--zj-font-display);font-style:italic;font-size:1.9rem;line-height:1.22;color:var(--zj-white)}.zji-shot__quote:before{content:"\201c";position:absolute;left:0;top:-.2rem;font-size:2.8rem;line-height:1;color:var(--zj-orchid)}.zji-shot__tag{margin:.8rem 0 0 1.6rem;font-family:var(--zj-font-ui);font-size:1rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--zj-orchid-deep)}@media(hover:hover)and (pointer:fine){.zji-shot__btn:hover .zji-shot__phone{transform:rotate(0) translateY(-.8rem);box-shadow:0 0 0 1px #dcb8f080,0 3.2rem 5.6rem #0000008c}.zji-shot__btn:hover .zji-shot__zoom{transform:scale(1.1);background:#7b4fa8bf}}.zji-wall__nav{display:flex;align-items:center;gap:2rem;margin:0 var(--zj-gutter)}.zji-wall__track{position:relative;flex:1;height:1px;background:#dcb8f033;overflow:hidden}.zji-wall__bar{position:absolute;top:0;left:0;height:100%;width:var(--w, 30%);background:var(--zj-orchid);transform:translate(var(--x, 0));transition:transform .15s linear}.zji-wall__arrows{display:none;gap:.8rem}.zji-arrow{display:grid;place-items:center;width:4.4rem;height:4.4rem;border-radius:50%;border:1px solid rgba(220,184,240,.35);background:transparent;color:var(--zj-lilac-100);cursor:pointer;transition:background .3s var(--zj-ease),color .3s var(--zj-ease),opacity .3s}.zji-arrow:hover{background:var(--zj-lilac-100);color:var(--zj-plum-900)}.zji-arrow[disabled]{opacity:.3;pointer-events:none}.zji-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:grid;place-items:center;opacity:0;transition:opacity .3s var(--zj-ease)}.zji-box[hidden]{display:none}.zji-box.is-open{opacity:1}.zji-box__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#170819f0}.zji-box__stage{position:relative;display:grid;justify-items:center;gap:1.6rem;margin:0;padding:calc(env(safe-area-inset-top,0px) + 6rem) 1.6rem calc(env(safe-area-inset-bottom,0px) + 2rem);max-height:100%;transform:translate(var(--drag, 0)) scale(.97);transition:transform .4s var(--zj-ease)}.zji-box.is-open .zji-box__stage{transform:translate(var(--drag, 0))}.zji-box.is-dragging .zji-box__stage{transition:none}.zji-box__img{display:block;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 20rem);max-height:calc(100dvh - 20rem);aspect-ratio:9 / 16;border-radius:1.8rem;box-shadow:0 0 0 1px #dcb8f04d,0 3rem 8rem #00000080;background:var(--zj-plum-800);object-fit:contain}.zji-box__cap{display:grid;justify-items:center;gap:.6rem;max-width:42rem;text-align:center;color:var(--zj-white)}.zji-box__count{font-family:var(--zj-font-ui);font-size:1rem;letter-spacing:.28em;color:var(--zj-orchid)}.zji-box__quote{font-family:var(--zj-font-display);font-style:italic;font-size:2rem;line-height:1.2}.zji-box__tag{font-family:var(--zj-font-ui);font-size:1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--zj-orchid-deep)}.zji-box__quote:empty,.zji-box__tag:empty{display:none}.zji-box__close{position:absolute;top:calc(env(safe-area-inset-top,0px) + 1.2rem);right:1.2rem;z-index:2;display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(255,253,251,.3);border-radius:50%;background:#fffdfb0f;color:var(--zj-white);cursor:pointer}.zji-box__side{position:absolute;top:50%;z-index:2;display:none;place-items:center;width:5.2rem;height:5.2rem;margin-top:-2.6rem;border-radius:50%;border:1px solid rgba(255,253,251,.35);background:#fffdfb14;color:var(--zj-white);cursor:pointer;transition:background .3s var(--zj-ease)}.zji-box__side:hover{background:#fffdfb33}.zji-box__side--prev{left:2.4rem}.zji-box__side--next{right:2.4rem}.zji-box__close:focus-visible,.zji-box__side:focus-visible{outline:2px solid var(--zj-orchid);outline-offset:2px}@media screen and (min-width:750px){.zji{padding:9.6rem 0 8rem}.zji__head{margin-bottom:4.8rem}.zji__sub{font-size:1.7rem}.zji-wall{margin:0}.zji-wall__rail{gap:2.8rem;padding:2rem .4rem 3.2rem;scroll-padding-inline:0}.zji-shot{flex-basis:calc((100% - 3 * 2.8rem) / 4);max-width:none}.zji-wall__nav{margin:0}.zji-wall__arrows{display:inline-flex}.zji-shot__quote{font-size:2rem}.zji-box__side{display:grid}.zji-box__quote{font-size:2.4rem}}@media screen and (min-width:1200px){.zji-shot{flex-basis:calc((100% - 11.2rem)/5)}}@media(prefers-reduced-motion:reduce){.zji-shot__phone,.zji-box,.zji-box__stage{transition:none}.zji-shot:nth-child(n) .zji-shot__phone{--tilt: 0deg}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/zj-inbox.css.map */