.jcg-style-with{--jcg-sw-bg: var(--jcg-bg, #f4ead6);--jcg-sw-bg-warm: var(--jcg-bg-warm, #ecdfc0);--jcg-sw-frame: #efe7d2;--jcg-sw-card: color-mix(in srgb, var(--jcg-sw-line, #d8c498) 30%, var(--jcg-sw-frame));--jcg-sw-ink: var(--jcg-ink, #2a1a10);--jcg-sw-ink-soft: var(--jcg-ink-soft, #4a3220);--jcg-sw-muted: var(--jcg-muted, #8a6e48);--jcg-sw-line: var(--jcg-line, #d8c498);--jcg-sw-line-soft: #e8d8a8;--jcg-sw-gold: var(--jcg-gold, #b8862a);--jcg-sw-gold-deep: var(--jcg-gold-deep, #8a5e1a);--jcg-sw-terra: var(--jcg-terra, #b04a2a);--jcg-sw-terra-deep:#7a2810;--jcg-sw-saffron: var(--jcg-saffron, #d49a2a);--jcg-sw-cream: #f5ecd9;--jcg-sw-serif: var(--jcg-serif, "Cormorant Garamond", Georgia, serif);--jcg-sw-sans: var(--jcg-sans, "Montserrat", system-ui, sans-serif);padding:var(--jcg-sw-pt, 88px) 0 var(--jcg-sw-pb, 96px);color:var(--jcg-sw-ink);font-family:var(--jcg-sw-sans);font-weight:300;position:relative}.jcg-style-with__head{text-align:center;margin-bottom:48px;padding:0 24px}.jcg-style-with__eyebrow{display:block;font-family:var(--jcg-sw-sans);font-size:10px;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--jcg-sw-terra);margin-bottom:12px}.jcg-style-with .jcg-style-with__heading{margin:0;font-family:var(--jcg-sw-serif);font-size:clamp(34px,4vw,50px);font-weight:400;line-height:1.05;letter-spacing:-.005em!important;color:var(--jcg-sw-ink);text-transform:none!important}.jcg-style-with__heading em{font-style:italic;color:var(--jcg-sw-terra-deep);font-weight:400;letter-spacing:-.005em!important}.jcg-style-with__rule{display:block;width:38px;height:1px;margin:12px auto 0;background:var(--jcg-sw-terra);opacity:.85}.jcg-style-with__rule:after{content:"";display:block;width:3px;height:3px;margin:5px auto 0;background:var(--jcg-sw-terra);border-radius:50%;opacity:.85}.jcg-style-with__stage{display:grid;grid-template-columns:minmax(0,1.15fr) 1px minmax(0,1fr);gap:0;max-width:1500px;margin:0 auto;background:var(--jcg-sw-frame);border-top:1px solid var(--jcg-sw-line);border-bottom:1px solid var(--jcg-sw-line)}.jcg-style-with__divider{background:var(--jcg-sw-line)}.jcg-style-with__lead{position:relative;padding:0}.jcg-style-with__lead-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none}.jcg-style-with__lead-track::-webkit-scrollbar{display:none}.jcg-style-with__look{flex:0 0 100%;scroll-snap-align:start;position:relative;display:block;aspect-ratio:var(--jcg-sw-lead-ratio, 4/5);overflow:hidden;text-decoration:none;color:inherit}.jcg-style-with__look-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;transition:transform .8s cubic-bezier(.2,0,.2,1)}.jcg-style-with__look:hover .jcg-style-with__look-image{transform:scale(1.02)}.jcg-style-with__look-image--placeholder{background:radial-gradient(ellipse 30% 50% at 50% 62%,rgba(42,26,16,.32),transparent 72%),radial-gradient(ellipse 50% 35% at 50% 28%,rgba(184,134,42,.14),transparent 65%),linear-gradient(180deg,#ecdfc0,#d8c098)}.jcg-style-with__look-card{position:absolute;z-index:4;display:flex;flex-direction:column;gap:6px;max-width:320px;padding:16px 20px 14px;background:#f5ecd9f0;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);border-left:2px solid var(--jcg-sw-terra);box-shadow:0 12px 32px -16px #2a1a1059;color:var(--jcg-sw-ink);transition:background .3s ease,transform .45s cubic-bezier(.2,0,.2,1)}.jcg-style-with__look-card--bottom-left{bottom:28px;left:28px}.jcg-style-with__look-card--bottom-right{bottom:28px;right:28px}.jcg-style-with__look-card--bottom-center{bottom:28px;left:50%;transform:translate(-50%);text-align:center;border-left:0;border-top:2px solid var(--jcg-sw-terra);padding-top:16px}.jcg-style-with__look-card--top-right{top:28px;right:28px}.jcg-style-with__look-card--top-left{top:28px;left:28px}.jcg-style-with__look:hover .jcg-style-with__look-card{background:#f5ecd9}.jcg-style-with .jcg-style-with__look-card-name{font-family:var(--jcg-sw-serif);font-size:22px;font-weight:400;line-height:1.15;letter-spacing:-.005em!important;color:var(--jcg-sw-ink);text-transform:none!important;margin:0}.jcg-style-with__look-card-name em{font-style:italic;font-weight:400;color:var(--jcg-sw-terra);letter-spacing:-.005em!important}.jcg-style-with__look-card-desc{font-family:var(--jcg-sw-serif);font-style:italic;font-size:14px;line-height:1.4;color:var(--jcg-sw-terra)}.jcg-style-with__look-card-arrow{display:inline-flex;align-items:center;gap:8px;margin-top:6px;font-family:var(--jcg-sw-sans);font-size:9.5px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--jcg-sw-ink-soft);transition:color .3s ease,transform .3s ease}.jcg-style-with__look-card-arrow-glyph{font-family:var(--jcg-sw-serif);font-style:italic;font-size:18px;line-height:1;letter-spacing:0;display:inline-block;transition:transform .3s ease}.jcg-style-with__look:hover .jcg-style-with__look-card-arrow{color:var(--jcg-sw-terra)}.jcg-style-with__look:hover .jcg-style-with__look-card-arrow-glyph{transform:translate(4px)}.jcg-style-with__look-card--bottom-center .jcg-style-with__look-card-arrow{align-self:center}.jcg-style-with__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:48px;height:48px;border-radius:50%;border:1px solid rgba(245,236,217,.55);background:#0a06046b;-webkit-backdrop-filter:blur(8px) saturate(140%);backdrop-filter:blur(8px) saturate(140%);color:var(--jcg-sw-cream);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease,border-color .3s ease,background .3s ease,opacity .3s ease}.jcg-style-with__nav:hover{color:var(--jcg-sw-saffron);border-color:var(--jcg-sw-saffron);background:#0a06048c}.jcg-style-with__nav:focus-visible{outline:1px solid var(--jcg-sw-saffron);outline-offset:3px}.jcg-style-with__nav--prev{left:18px}.jcg-style-with__nav--next{right:18px}.jcg-style-with__nav svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.jcg-style-with__nav:before,.jcg-style-with__nav:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:50%;border:1px solid var(--jcg-sw-saffron);pointer-events:none;opacity:0;animation:jcg-sw-pulse 2.6s cubic-bezier(.2,0,.4,1) infinite}.jcg-style-with__nav:after{animation-delay:1.3s}.jcg-style-with__nav:hover:before,.jcg-style-with__nav:hover:after{animation-play-state:paused;opacity:0}@keyframes jcg-sw-pulse{0%{transform:scale(1);opacity:.85}70%{transform:scale(1.85);opacity:0}to{transform:scale(1.85);opacity:0}}@media(prefers-reduced-motion:reduce){.jcg-style-with__nav:before,.jcg-style-with__nav:after{animation:none;opacity:0}}.jcg-style-with[data-at-start="1"] .jcg-style-with__nav--prev,.jcg-style-with[data-at-end="1"] .jcg-style-with__nav--next{opacity:0;pointer-events:none}.jcg-style-with[data-at-start="1"] .jcg-style-with__nav--prev:before,.jcg-style-with[data-at-start="1"] .jcg-style-with__nav--prev:after,.jcg-style-with[data-at-end="1"] .jcg-style-with__nav--next:before,.jcg-style-with[data-at-end="1"] .jcg-style-with__nav--next:after{animation:none;opacity:0}.jcg-style-with__list{padding:0;display:flex;flex-direction:column}.jcg-style-with__list-head{padding:36px 44px 22px;border-bottom:1px solid var(--jcg-sw-line-soft)}.jcg-style-with__list-label{font-family:var(--jcg-sw-serif);font-style:italic;font-size:22px;color:var(--jcg-sw-ink);line-height:1.15}.jcg-style-with__list-sub{margin-top:6px;font-family:var(--jcg-sw-sans);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--jcg-sw-muted)}.jcg-style-with__product{display:flex;align-items:center;gap:18px;padding:18px 44px;min-height:112px;border-bottom:1px solid var(--jcg-sw-line-soft);text-decoration:none;color:var(--jcg-sw-ink);position:relative;transition:background .3s ease}.jcg-style-with__product:hover{background:color-mix(in srgb,var(--jcg-sw-terra) 5%,transparent)}.jcg-style-with__product:active{background:color-mix(in srgb,var(--jcg-sw-terra) 8%,transparent)}.jcg-style-with__product:last-child{border-bottom:0}.jcg-style-with__product--empty{opacity:.55;pointer-events:none}.jcg-style-with__product.is-active{background:color-mix(in srgb,var(--jcg-sw-terra) 6%,transparent)}.jcg-style-with__product.is-active:before{content:"";position:absolute;top:14%;bottom:14%;left:0;width:3px;background:var(--jcg-sw-terra);opacity:.95}.jcg-style-with__product.is-active .jcg-style-with__product-ord{color:var(--jcg-sw-terra-deep)}.jcg-style-with__product.is-active .jcg-style-with__product-name{color:var(--jcg-sw-terra)}.jcg-style-with__product-thumb{flex:0 0 auto;width:80px;height:104px;background:var(--jcg-sw-card);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px color-mix(in srgb,var(--jcg-sw-ink) 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--jcg-sw-ink) 8%,transparent)}.jcg-style-with__product-thumb-img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.jcg-style-with__product-thumb--placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 60% 45% at 50% 35%,rgba(184,134,42,.18) 0%,transparent 60%)}.jcg-style-with__product-body{flex:1 1 auto;min-width:0;display:block}.jcg-style-with__product-ord{display:block;font-family:var(--jcg-sw-sans);font-size:9.5px;font-weight:500;color:var(--jcg-sw-terra);letter-spacing:.25em;text-transform:uppercase;margin-bottom:4px}.jcg-style-with__product-name{display:block;font-family:var(--jcg-sw-serif);font-size:24px;font-weight:400;line-height:1.15;margin:0;color:var(--jcg-sw-ink);letter-spacing:-.005em!important;text-transform:none!important;transition:color .3s ease}.jcg-style-with__product-name em{font-style:italic;font-weight:400;color:var(--jcg-sw-terra);letter-spacing:-.005em!important}.jcg-style-with__product:hover .jcg-style-with__product-name{color:var(--jcg-sw-terra)}.jcg-style-with__product-desc{display:block;margin-top:4px;font-family:var(--jcg-sw-serif);font-style:italic;font-size:14px;line-height:1.4;color:var(--jcg-sw-ink-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.jcg-style-with__product-chev{flex:0 0 auto;font-family:var(--jcg-sw-serif);font-size:26px;line-height:1;color:var(--jcg-sw-muted);align-self:center;transition:color .3s ease,transform .3s ease}.jcg-style-with__product:hover .jcg-style-with__product-chev{color:var(--jcg-sw-terra);transform:translate(4px)}@media(max-width:640px){.jcg-style-with__look-card{max-width:72%;padding:10px 12px;gap:4px}.jcg-style-with__look-card--bottom-left{bottom:14px;left:14px;right:auto}.jcg-style-with__look-card--bottom-right{bottom:14px;right:14px;left:auto}.jcg-style-with__look-card--top-left{top:14px;left:14px;right:auto}.jcg-style-with__look-card--top-right{top:14px;right:14px;left:auto}.jcg-style-with__look-card--bottom-center{bottom:14px;max-width:84%}.jcg-style-with .jcg-style-with__look-card-name{font-size:17px}.jcg-style-with__look-card-desc{font-size:12px}.jcg-style-with__look-card-arrow{margin-top:4px;font-size:8.5px;letter-spacing:.24em;gap:6px}.jcg-style-with__look-card-arrow-glyph{font-size:15px}}@media(max-width:380px){.jcg-style-with__look-card{max-width:80%;padding:9px 11px}.jcg-style-with .jcg-style-with__look-card-name{font-size:16px}.jcg-style-with__look-card-desc{font-size:11.5px}}@media(max-width:1024px){.jcg-style-with__product{padding:16px 32px}.jcg-style-with__list-head{padding:28px 32px 18px}}@media(max-width:960px){.jcg-style-with__stage{grid-template-columns:1fr}.jcg-style-with__divider{height:1px;width:100%}.jcg-style-with__list-head{padding:24px 24px 16px}.jcg-style-with__product{padding:16px 24px;gap:14px;min-height:96px}.jcg-style-with__product-thumb{width:60px;height:80px}.jcg-style-with__product-name{font-size:22px}.jcg-style-with__product-desc{font-size:12.5px}.jcg-style-with__nav{width:40px;height:40px}.jcg-style-with__nav--prev{left:10px}.jcg-style-with__nav--next{right:10px}}@media(max-width:640px){.jcg-style-with{padding:56px 0 64px}.jcg-style-with__head{margin-bottom:32px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/jcg-style-with.css.map */
