.jx{--ox: #5A1325;--ink: #20161A;--bl: #F8ECE8;--rose: #E9CFCB;--gold: #D9AE5F;--muted: #4a3a3e;--muted-2: #5b4a4e;--muted-3: #6b5a5e;--ease: cubic-bezier(.2, .7, .2, 1);--container-width: 75rem;padding-block:clamp(28px,4.5vw,36px);font-family:DM Sans,system-ui,sans-serif;font-size:16px;line-height:1.55;letter-spacing:normal;color:var(--ink)}.jx *,.jx *:before,.jx *:after{box-sizing:border-box}.jx img{display:block;max-width:100%;height:auto}.jx a{color:inherit}.jx p,.jx form{margin:0}.jx :is(product-form,quick-add-button,jx-pair-add,jx-carousel,jx-marquee){display:block}.jx :is(a,button,summary,[tabindex="0"]):focus-visible{outline:3px solid var(--gold);outline-offset:3px}.jx[id]{scroll-margin-top:calc(var(--header-height, 4rem) + 16px)}.jx :is(h1,h2,h3){margin:0;font-family:Playfair Display,Georgia,serif;font-weight:600;line-height:1.1;letter-spacing:normal;text-transform:none;overflow-wrap:break-word;color:inherit}.jx :is(.jx-arch,.jx-circ,.jx-img,.jx-fimg) img{mix-blend-mode:multiply;object-fit:contain;max-height:100%}.jx-anim [data-jx-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ease) var(--jx-delay, 0ms),transform .8s var(--ease) var(--jx-delay, 0ms)}.jx-anim [data-jx-reveal=side]{transform:translate(-40px)}.jx-anim .rev [data-jx-reveal=side]{transform:translate(40px)}.jx-anim [data-jx-reveal].is-in{opacity:1;transform:none}@keyframes jx-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes jx-fade{0%{opacity:0}to{opacity:1}}@keyframes jx-marquee{to{transform:translate(-50%)}}.jx--hero{padding-top:clamp(16px,3vw,32px)}.jx-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(24px,5vw,64px);align-items:center;padding:clamp(28px,6vw,72px);border-radius:12px;background:var(--ox);color:#fff}.jx-hero-copy{animation:jx-rise .9s var(--ease) both}.jx :is(.jx-hero,.jx-hero-full) :is(h1,h2){font-size:clamp(40px,6.4vw,76px);letter-spacing:-.01em;color:#fff}.jx-lede{max-width:46ch;margin:20px 0 28px;font-size:18px;color:#f3ddd9}.jx-lede p+p{margin-top:12px}.jx-arch{display:flex;align-items:center;justify-content:center;aspect-ratio:4 / 5;padding:40px 28px 28px;border-radius:999px 999px 20px 20px;background:var(--bl);overflow:hidden;animation:jx-fade 1.2s .2s var(--ease) both}.jx--hero-full{padding-top:0}.jx-hero-full{position:relative;display:flex;align-items:center;min-height:clamp(480px,72vh,760px);overflow:hidden;background:var(--ox);color:#fff}.jx .jx-hero-full>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;animation:jx-fade 1.2s var(--ease) both}.jx-hero-full:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#20161acc,#20161a73 45%,#20161a00 75%)}.jx-hero-full>.container{position:relative;z-index:2;width:100%}.jx-hero-full .jx-hero-copy{max-width:620px;padding-block:clamp(40px,8vw,96px)}.jx--hero-full .jx-trust{margin-top:0;padding-top:28px}.jx-trust{display:grid;grid-template-columns:repeat(var(--jx-cols, 3),1fr);gap:28px;margin-top:28px;padding:0 4px 28px;border-bottom:1px solid var(--rose)}.jx-trust strong{display:block;font-family:Playfair Display,Georgia,serif;font-size:20px;font-weight:600}.jx-trust span{font-size:15px;color:var(--muted-2)}.jx--band{padding-block:0}.jx-mq{display:flex;align-items:center;gap:clamp(12px,3vw,36px);padding:clamp(18px,2.4vw,26px) clamp(16px,4vw,48px);background:var(--ox);color:#fff}.jx-mq--blush{background:var(--bl);color:var(--ox)}.jx-mq--gold{background:var(--gold);color:var(--ink)}.jx-mq-label{flex:none;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85}.jx-mq-viewport{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.jx-mq-track{display:flex;width:max-content;animation:jx-marquee var(--jx-speed, 40s) linear infinite}.jx-mq:hover .jx-mq-track,.jx-mq.is-paused .jx-mq-track{animation-play-state:paused}.jx-mq-half,.jx-mq-group{display:flex;flex:none;align-items:center}.jx-mq-item{display:flex;flex:none;align-items:center;gap:clamp(20px,3vw,40px);padding-right:clamp(20px,3vw,40px)}.jx .jx-mq-item img{width:auto;max-width:none;height:var(--jx-logo-h, 28px)}.jx-mq--white-logos .jx-mq-item img{filter:brightness(0) invert(1)}.jx-mq-text{font-family:Playfair Display,Georgia,serif;font-size:clamp(22px,2.6vw,32px);font-weight:600;white-space:nowrap}.jx-mq--caps .jx-mq-text{font-family:DM Sans,system-ui,sans-serif;font-size:clamp(13px,1.2vw,15px);font-weight:700;letter-spacing:.14em;text-transform:uppercase}.jx-mq-sep{color:var(--gold);font-size:14px;line-height:1}.jx-mq--gold .jx-mq-sep{color:var(--ox)}.jx-mq-toggle{display:none;flex:none;place-items:center;width:36px;height:36px;padding:0;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;cursor:pointer}jx-marquee:defined .jx-mq-toggle{display:grid}.jx-mq-toggle svg{width:12px;height:12px;fill:currentColor}.jx-mq-toggle[aria-pressed=true] .jx-i-pause,.jx-mq-toggle[aria-pressed=false] .jx-i-play{display:none}.jx-head{margin-bottom:28px}.jx-head h2{font-size:clamp(30px,4vw,44px)}.jx-intro{max-width:60ch;margin-top:10px;color:var(--muted)}.jx-intro p+p{margin-top:10px}.jx-head--row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 24px}.jx-bento{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:clamp(200px,21vw,280px);gap:16px}.jx-bento>:first-child{grid-row:span 2}.jx-bento--4>:last-child{grid-column:span 2}.jx-btile{position:relative;display:block;overflow:hidden;border-radius:16px;background:var(--ox);color:#fff;text-decoration:none;isolation:isolate}.jx .jx-btile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.jx-btile:hover img{transform:scale(1.05)}.jx-btile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#20161ac7,#20161a33 42%,#20161a00 65%)}.jx-btile-text{position:absolute;right:20px;bottom:20px;left:20px;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.jx-btile h3{font-size:clamp(21px,2.2vw,28px);color:#fff}.jx-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:var(--gold);color:var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:background-color .2s}.jx-btile:hover .jx-pill{background:#fff}.jx-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.jx-tile{display:block;text-align:center;text-decoration:none}.jx-circ{display:flex;align-items:center;justify-content:center;aspect-ratio:1;margin-bottom:14px;padding:15%;border:2px solid transparent;border-radius:50%;background:var(--bl);overflow:hidden;transition:border-color .2s}.jx-tile:hover .jx-circ,.jx-tile:focus-visible .jx-circ{border-color:var(--gold)}.jx-tile h3{margin-bottom:4px;font-size:21px}.jx-tile span{font-size:15px;color:var(--muted-2)}.jx-feat{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);align-items:center}.jx-feat.rev .jx-fimg{order:2}.jx-fimg{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:32px;border-radius:12px;background:var(--bl);overflow:hidden}.jx-fimg--photo{padding:0;border-radius:16px}.jx .jx-fimg--photo img{width:100%;height:100%;max-height:none;object-fit:cover;mix-blend-mode:normal}.jx-feat h2{margin-bottom:14px;font-size:clamp(30px,4vw,46px)}.jx-copy{max-width:52ch;margin-bottom:14px}.jx-copy p+p{margin-top:14px}.jx-ticks{margin:0 0 22px;padding:0;list-style:none}.jx-ticks li{position:relative;padding:6px 0 6px 26px}.jx-ticks li:before{content:"";position:absolute;top:17px;left:0;width:12px;height:2px;background:var(--gold)}.jx-fine{margin-top:14px;font-size:13px;color:var(--muted-3)}.jx-btns{display:flex;flex-wrap:wrap;gap:12px}.jx-btn{display:inline-block;padding:14px 26px;border:2px solid transparent;border-radius:999px;background:none;font:700 16px/1.2 DM Sans,system-ui,sans-serif;text-align:center;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.jx-btn.gold{background:var(--gold);color:var(--ink)}.jx-btn.gold:hover{background:#e5bf78}.jx-btn.ghost{border-color:#fff;color:#fff}.jx-btn.ghost:hover{background:#fff;color:var(--ox)}.jx-btn.dark{background:var(--ox);color:#fff}.jx-btn.dark:hover{background:var(--ink)}.jx-btn.line{border-color:var(--ox);color:var(--ox)}.jx-btn.line:hover{background:var(--ox);color:#fff}.jx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.jx-track{display:grid;grid-auto-columns:calc((100% - 72px)/4);grid-auto-flow:column;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.jx-track::-webkit-scrollbar{display:none}.jx-track>*{scroll-snap-align:start}.jx-arrows{display:flex;flex:none;gap:8px}jx-carousel:not(:defined) .jx-arrows,jx-carousel[data-static] .jx-arrows{display:none}.jx-arrow{display:grid;place-items:center;width:46px;height:46px;padding:0;border:1.5px solid var(--ox);border-radius:50%;background:#fff;color:var(--ox);cursor:pointer;transition:background-color .2s,color .2s,opacity .2s}.jx-arrow svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2}.jx-arrow:hover:not(:disabled){background:var(--ox);color:#fff}.jx-arrow:disabled{opacity:.3;cursor:default}.jx-card{display:flex;flex-direction:column;border:1px solid var(--rose);border-radius:8px;background:#fff;overflow:hidden}.jx-img{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:16px;background:var(--bl)}.jx-img img{transition:transform .6s var(--ease)}.jx-card:hover .jx-img img{transform:scale(1.05)}.jx-body{display:flex;flex:1;flex-direction:column;gap:8px;padding:18px}.jx-body h3{font-size:20px}.jx-link{text-decoration:none;background-image:none}.jx-link:hover{text-decoration:underline;text-underline-offset:3px}.jx-body p{font-size:15px;color:var(--muted)}.jx-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:8px}.jx-price{font-size:18px;font-weight:700}.jx-price s{margin-left:6px;font-size:15px;font-weight:400;color:var(--muted-3)}.jx-add{display:inline-block;padding:11px 18px;border:0;border-radius:999px;background:var(--ox);color:#fff;font:700 15px/1.2 DM Sans,system-ui,sans-serif;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s}.jx-add:hover{background:var(--ink)}.jx :is(.jx-add,.jx-btn).loading{opacity:.6;pointer-events:none;cursor:progress}.jx :is(.jx-add,.jx-btn):disabled{opacity:.5;cursor:not-allowed}.jx-pair{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:24px 28px;border-radius:8px;background:var(--bl)}.jx-pair h3{font-size:26px}.jx-pair-text{max-width:52ch;margin-top:6px}.jx-faq details{padding:18px 0;border-top:1px solid var(--rose)}.jx-faq details:last-of-type{border-bottom:1px solid var(--rose)}.jx-faq summary{display:flex;align-items:baseline;justify-content:space-between;gap:16px;font-family:Playfair Display,Georgia,serif;font-size:21px;font-weight:600;line-height:1.3;list-style:none;cursor:pointer}.jx-faq summary::-webkit-details-marker{display:none}.jx-faq summary:after{content:"+";flex:none;font-family:DM Sans,system-ui,sans-serif;color:var(--ox)}.jx-faq details[open] summary:after{content:"\2212"}.jx-answer{max-width:68ch;margin-top:12px;color:var(--muted)}.jx-answer p+p{margin-top:10px}.jx-answer a{color:var(--ox);font-weight:700}.jx-note{max-width:80ch;margin-top:48px;font-size:13px;color:var(--muted-3)}@media(max-width:1024px){.jx-track{grid-auto-columns:calc((100% - 2 * 20px) / 3);gap:20px}}@media(max-width:860px){.jx-tiles{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.jx-hero,.jx-feat{grid-template-columns:1fr}.jx-arch{aspect-ratio:1}.jx-trust{grid-template-columns:1fr;gap:16px}.jx-feat.rev .jx-fimg{order:0}.jx-anim .jx-feat [data-jx-reveal=side]{transform:translateY(28px)}.jx-anim .jx-feat [data-jx-reveal].is-in{transform:none}.jx-hero-full{align-items:flex-end;min-height:600px}.jx-hero-full:before{background:linear-gradient(to top,#20161ae0,#20161a8c,#20161a0d)}.jx-hero-full .jx-hero-copy{padding-block:40px}.jx-mq-label{display:none}.jx-bento{grid-template-columns:1fr 1fr;grid-auto-rows:190px;gap:12px}.jx-bento>:first-child{grid-row:auto;grid-column:span 2}.jx-btile-text{right:14px;bottom:14px;left:14px;gap:8px}.jx-btile h3{font-size:19px}.jx-pill{padding:6px 11px;font-size:11px}.jx-track{grid-auto-columns:44%;gap:14px;margin-inline:calc(-1 * var(--container-margin, 4vw));padding-inline:var(--container-margin, 4vw);scroll-padding-inline:var(--container-margin, 4vw)}.jx-arrows{display:none!important}}@media(max-width:559px){.jx-track{grid-auto-columns:74%}.jx-track .jx-body{padding:16px}.jx-grid .jx-card{flex-direction:row}.jx-grid .jx-img{flex:0 0 38%;aspect-ratio:auto;padding:12px}.jx-grid .jx-body{gap:6px;padding:14px 14px 14px 16px}.jx-grid .jx-body h3{font-size:18px}.jx-grid .jx-body p{font-size:14px}}@media(prefers-reduced-motion:reduce){.jx *,.jx *:before,.jx *:after{transition:none!important;animation:none!important}.jx-mq-track{flex-wrap:wrap;justify-content:center;width:auto}.jx-mq-half+.jx-mq-half,.jx-mq-group+.jx-mq-group{display:none}.jx-mq-half,.jx-mq-group{flex-wrap:wrap;justify-content:center;row-gap:12px}.jx-mq-viewport{-webkit-mask-image:none;mask-image:none}jx-marquee:defined .jx-mq-toggle{display:none}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/joylux.css.map */
