body.jup{--pg:#FFFFFF;--ink:#0F0E0C;--ink2:#5F584E;--acc:#8C6B2A;--rule:rgba(15,14,12,.13)}.ju-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:var(--s5);align-items:center;padding-block:var(--s3) var(--s6)}.ju-hero h1{font-size:clamp(2.6rem,1.6rem + 3.6vw,5.2rem);line-height:.98;margin:.6rem 0 1rem}.ju-hero p{color:var(--ink2);font-size:1.08rem;max-width:44ch}.ju-acts{display:flex;flex-wrap:wrap;gap:.8rem 1.2rem;align-items:center;margin-top:var(--s3)}.ju-acts small{color:var(--ink2);font-size:.88rem}.ju-acts small a{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#c9a55c}.ju-img{position:relative;aspect-ratio:16/11;overflow:hidden;background:#f4ede1}.ju-img img{width:100%;height:100%;object-fit:cover}.ju-img:before{content:"";position:absolute;left:-14px;top:-14px;width:38%;height:46%;border-left:2px solid #C9A55C;border-top:2px solid #C9A55C;z-index:1;pointer-events:none}@media(max-width:899px){.ju-hero{grid-template-columns:1fr;gap:var(--s4);padding-bottom:var(--s5)}.ju-img:before{left:-8px;top:-8px}}.ju-ways{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--ink)}.ju-ways article{padding:var(--s4) var(--s3);display:grid;gap:.7rem;align-content:start;border-right:1px solid var(--rule)}.ju-ways article:last-child{border-right:0}.ju-ways b{font-family:var(--serif);font-weight:400;font-size:3.4rem;line-height:.8;color:#c9a55c}.ju-ways h3{font-family:var(--serif);font-weight:400;font-size:1.7rem;line-height:1.05}.ju-ways p{color:var(--ink2);font-size:.96rem;max-width:36ch}@media(max-width:899px){.ju-ways{grid-template-columns:1fr}.ju-ways article{border-right:0;border-bottom:1px solid var(--rule)}.ju-ways article:last-child{border-bottom:0}}.ju-vids{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s2)}.ju-vid{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#0f0e0c;color:#fff}.ju-vid img{width:100%;height:100%;object-fit:cover;opacity:.88;transition:transform .9s var(--ease),opacity .4s}.ju-vid:hover img{transform:scale(1.04);opacity:1}.ju-vid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0f0e0cd9,#0f0e0c00 50%)}.ju-vid .pl{position:absolute;left:50%;top:44%;translate:-50% -50%;width:54px;height:54px;border-radius:50%;background:#ffffffeb;display:grid;place-items:center;z-index:1}.ju-vid .pl svg{width:18px;height:18px;fill:#0f0e0c;margin-left:3px}.ju-vid .cap{position:absolute;left:.8rem;right:.8rem;bottom:.8rem;z-index:1;display:grid;gap:.15rem}.ju-vid .cap small{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:#e2c98f;font-weight:600}.ju-vid .cap b{font-family:var(--serif);font-weight:400;font-size:1.15rem;line-height:1.1}@media(max-width:1099px){.ju-vids{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.ju-vids{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;position:relative;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none}.ju-vids::-webkit-scrollbar{display:none}.ju-vid{flex:0 0 62%;scroll-snap-align:start}}.ju-note{margin-top:var(--s2);font-size:.82rem;color:var(--ink2)}.ju-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3);counter-reset:st}.ju-steps li{list-style:none;display:grid;gap:.5rem;padding-top:1rem;border-top:2px solid #C9A55C}.ju-steps li:before{counter-increment:st;content:"Step " counter(st);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--acc)}.ju-steps h3{font-family:var(--serif);font-weight:400;font-size:1.5rem}.ju-steps p{color:var(--ink2);font-size:.95rem}.ju-steps{padding:0;margin:0}@media(max-width:899px){.ju-steps{grid-template-columns:1fr}}.ju-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s3);align-items:center;background:#0f0e0c;color:#fff;padding:clamp(1.5rem,1rem + 3vw,3.2rem);border-top:3px solid #C9A55C}.ju-cta h2{font-size:clamp(1.9rem,1.3rem + 1.8vw,3rem);line-height:1.02;color:#fff}.ju-cta p{color:#ffffffb8;margin-top:.6rem;max-width:52ch}.ju-cta p a{color:#e2c98f;text-decoration:underline;text-underline-offset:4px}.ju-cta .mx-btn{background:#c9a55c;border-color:#c9a55c;color:#0f0e0c}.ju-cta .mx-btn:hover{background:#e2c98f;border-color:#e2c98f}@media(max-width:760px){.ju-cta{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/sg-p-joinus.css.map */