.jbl{--mid:#0B1020;--plum:#3B234A;--char:#23252C;--parch:#F5E9D8;--mist:#E2D6C6;--fog:#C5C8D4;--gold:#C89A4B;--garnet:#8C1F2E;--saph:#1D3E72;--ame:#6B3C7E;--peri:#787FA8;--stone:#716E6A;--muted:#6a645c;font-family:Jost,Segoe UI,sans-serif;color:var(--char);line-height:1.55;background:var(--parch)}.jbl *{box-sizing:border-box}.jbl .jbl-in{max-width:1200px;margin:0 auto;padding:0 32px}.jbl .jbl-serif{font-family:Marcellus,Georgia,serif;font-weight:400;text-transform:none;letter-spacing:normal}.jbl a{text-decoration:none;color:inherit}.jbl p{margin:0}.jbl .jbl-hero{position:relative;min-height:600px;display:flex;align-items:center;color:var(--parch);background-size:cover;background-position:center 30%}.jbl .jbl-hero .jbl-in{width:100%}.jbl .jbl-hero-c{max-width:640px;padding:72px 0}.jbl .jbl-h1{font-size:clamp(38px,5.6vw,64px);line-height:1.02;margin:0 0 20px;color:var(--parch)}.jbl .jbl-h1 em{color:var(--gold);font-style:italic}.jbl .jbl-hero p{color:var(--fog);font-size:17px;max-width:46ch;margin-bottom:30px}.jbl .jbl-btns{display:flex;gap:14px;flex-wrap:wrap}.jbl .jbl-btn{font-size:13px;letter-spacing:.09em;text-transform:uppercase;padding:15px 28px;border-radius:2px;display:inline-block;font-weight:500;line-height:1.2}.jbl .jbl-b1{background:var(--saph);color:var(--parch)}.jbl .jbl-b2{background:var(--ame);color:var(--parch)}.jbl .jbl-b3{border:1px solid var(--gold);color:var(--gold)}.jbl .jbl-btn:hover{filter:brightness(1.12)}.jbl a:focus-visible,.jbl button:focus-visible,.jbl input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.jbl .jbl-trust{background:var(--mid);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(197,200,212,.15)}.jbl .jbl-trust div{padding:18px 10px;text-align:center;color:var(--fog);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;border-right:1px solid rgba(197,200,212,.12)}.jbl .jbl-trust div:last-child{border:0}.jbl .jbl-trust span{display:block;color:var(--gold);font-size:15px;margin-bottom:4px}.jbl .jbl-story{text-align:center;padding:72px 32px 60px;max-width:820px;margin:0 auto}.jbl .jbl-story svg{display:block;margin:0 auto 16px}.jbl .jbl-h2{font-size:clamp(28px,3.4vw,38px);color:var(--plum);line-height:1.15;margin:0 0 16px}.jbl .jbl-story p{color:var(--muted);font-size:16px;max-width:58ch;margin:0 auto}.jbl .jbl-story .jbl-sig{margin-top:18px;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--garnet)}.jbl .jbl-sh{text-align:center;margin:0 auto 28px}.jbl .jbl-sh .jbl-e{letter-spacing:.24em;text-transform:uppercase;font-size:11px;color:var(--garnet);margin-bottom:10px}.jbl .jbl-worlds{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:72px}.jbl .jbl-w{position:relative;height:420px;border-radius:4px;overflow:hidden;display:flex;align-items:flex-end}.jbl .jbl-w img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s}.jbl .jbl-w:hover img{transform:scale(1.04)}.jbl .jbl-w:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0b1020e6 15%,#0b102000 60%)}.jbl .jbl-w .jbl-t{position:relative;z-index:2;padding:24px;color:var(--parch)}.jbl .jbl-w .jbl-n{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:6px}.jbl .jbl-w h3{font-size:25px;margin:0 0 6px;color:var(--parch)}.jbl .jbl-w p{font-size:13.5px;color:var(--fog);margin-bottom:12px;max-width:30ch}.jbl .jbl-lk{font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--peri);border-bottom:1px solid var(--peri);padding-bottom:3px}.jbl .jbl-best{background:var(--mist);padding:64px 0}.jbl .jbl-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.jbl .jbl-card{background:var(--parch);border-radius:4px;overflow:hidden;display:block}.jbl .jbl-sq{aspect-ratio:1/1;background:#fff;overflow:hidden}.jbl .jbl-sq img{width:100%;height:100%;object-fit:cover;display:block}.jbl .jbl-m{padding:13px 15px 16px}.jbl .jbl-nm{font-family:Marcellus,Georgia,serif;font-size:16px;color:var(--plum)}.jbl .jbl-pr{font-size:13px;color:var(--muted);margin-top:2px}.jbl .jbl-center{text-align:center;margin-top:30px}.jbl .jbl-collab{display:grid;grid-template-columns:1fr 1fr;background:var(--mid);color:var(--parch)}.jbl .jbl-collab img{width:100%;height:100%;object-fit:cover;min-height:420px;display:block}.jbl .jbl-collab .jbl-t{padding:64px 56px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.jbl .jbl-collab .jbl-h2{color:var(--parch)}.jbl .jbl-collab p{color:var(--fog);font-size:15px;margin-bottom:18px;max-width:42ch}.jbl .jbl-names{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px}.jbl .jbl-names span{border:1px solid rgba(200,154,75,.5);color:var(--gold);font-size:12px;letter-spacing:.08em;padding:7px 13px;border-radius:999px}.jbl .jbl-box{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:72px 32px}.jbl .jbl-ill{position:relative;height:320px}.jbl .jbl-lid{position:absolute;left:50%;top:50%;width:240px;height:240px;margin:-130px 0 0 -170px;background:var(--stone);border-radius:6px;box-shadow:0 30px 50px -20px #0b102080;transform:rotate(-6deg);display:flex;align-items:center;justify-content:center;z-index:2}.jbl .jbl-lid img{width:150px;filter:brightness(0) invert(1) sepia(.2);opacity:.92}.jbl .jbl-ins{position:absolute;left:50%;top:50%;width:220px;height:220px;margin:-90px 0 0 -40px;background:var(--peri);border-radius:6px;transform:rotate(6deg);box-shadow:0 20px 40px -18px #0b102073;display:flex;align-items:center;justify-content:center}.jbl .jbl-pad{width:120px;height:90px;background:#6a7199;border-radius:4px;display:flex;align-items:center;justify-content:center;margin:60px 0 0 50px}.jbl .jbl-pad img{width:70px;height:70px;object-fit:cover;border-radius:50%}.jbl .jbl-box p{color:var(--muted);font-size:15px;margin-bottom:10px}.jbl .jbl-sw{display:flex;gap:18px;margin-top:16px;font-size:12px;color:var(--muted)}.jbl .jbl-sw b{width:16px;height:16px;border-radius:50%;display:inline-block;vertical-align:-3px;margin-right:6px}.jbl .jbl-bes{background:var(--parch);padding:16px 0 72px}.jbl .jbl-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.jbl .jbl-step{border-top:1px solid var(--gold);padding-top:16px}.jbl .jbl-step .jbl-num{font-family:Marcellus,Georgia,serif;font-size:28px;color:var(--gold)}.jbl .jbl-step h4{font-size:18px;color:var(--plum);margin:6px 0}.jbl .jbl-step p{font-size:14px;color:var(--muted)}.jbl .jbl-step b{color:var(--saph)}.jbl .jbl-news{background:var(--ame);color:var(--parch);text-align:center;padding:56px 32px}.jbl .jbl-news .jbl-h2{color:var(--parch);margin-bottom:8px}.jbl .jbl-news p{color:#e2d8ec;margin-bottom:20px}.jbl .jbl-f{display:flex;max-width:460px;margin:0 auto;border:1px solid rgba(245,233,216,.45)}.jbl .jbl-f input[type=email]{flex:1;min-width:0;padding:14px;border:0;background:transparent;color:var(--parch);font:inherit;font-size:14px;box-shadow:none}.jbl .jbl-f input::placeholder{color:#d9cfe3}.jbl .jbl-f button{background:var(--gold);color:#241a06;border:0;padding:14px 22px;font:inherit;font-size:12px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:500}.jbl .jbl-ok{font-size:15px;color:var(--parch)}.jbl p.jbl-eb,.jbl .jbl-hero p.jbl-eb,.jbl .jbl-collab p.jbl-eb,.jbl .jbl-box p.jbl-eb{letter-spacing:.3em;text-transform:uppercase;font-size:12px;line-height:1.4;color:var(--gold);margin:0 0 18px;max-width:none;display:flex;align-items:center;gap:12px}.jbl p.jbl-eb:before{content:"";width:34px;height:1px;background:currentColor;flex-shrink:0}@media(max-width:900px){.jbl .jbl-worlds,.jbl .jbl-grid{grid-template-columns:repeat(2,1fr)}.jbl .jbl-collab,.jbl .jbl-box{grid-template-columns:1fr}.jbl .jbl-trust{grid-template-columns:repeat(2,1fr)}.jbl .jbl-hero{min-height:520px}}@media(max-width:600px){.jbl .jbl-worlds,.jbl .jbl-steps{grid-template-columns:1fr}.jbl .jbl-in{padding:0 18px}.jbl .jbl-collab .jbl-t{padding:44px 24px}.jbl .jbl-w{height:340px}.jbl .jbl-box{padding:56px 18px}}@media(prefers-reduced-motion:reduce){.jbl .jbl-w img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/jaelle-brand-landing.css.map */
