/* STORY */
.jrlb-story{background:linear-gradient(120deg,#193524,#23492f);color:#eaf1e6;overflow:hidden}
.jrlb-story-in{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center;max-width:var(--jrlb-wrap);margin:0 auto;padding:58px 24px}
.jrlb-story .eb{color:#9fb890;letter-spacing:.2em;text-transform:uppercase;font-size:12px;font-weight:600;margin-bottom:14px}
.jrlb-story h2{color:#fff;font-size:clamp(28px,4vw,42px);line-height:1.08;margin-bottom:16px}
.jrlb-story h2 .it{font-style:italic;color:#c8d6bc}
.jrlb-story p{color:#cdd8c5;max-width:440px;margin-bottom:22px}
.jrlb-story-visual{position:relative;display:flex;align-items:flex-end;justify-content:center;min-height:270px}
.jrlb-story-visual img{filter:drop-shadow(0 16px 22px rgba(0,0,0,.35))}
.jrlb-story-visual .oil{height:220px;margin-right:-16px;z-index:2}
.jrlb-story-visual .shampoo{height:245px;z-index:1}
.jrlb-story-visual .aloe{height:125px;margin-left:-22px;z-index:3;align-self:flex-end}
.jrlb-story-script{position:absolute;top:2px;right:8px;font-size:25px;color:#c2d5ac;transform:rotate(-6deg);text-align:center;line-height:1}
/* RITUAL */
.jrlb-ritual{padding:60px 0 22px;background:#fff}
.jrlb-ritual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:var(--jrlb-wrap);margin:0 auto;padding:0 24px}
.jrlb-step{display:flex;gap:14px;align-items:center;background:var(--jrlb-cream);border:1px solid var(--jrlb-line);border-radius:14px;padding:20px}
.jrlb-step-num{font-family:var(--jrlb-serif);font-size:26px;color:var(--jrlb-olive);font-weight:600;line-height:1;flex-shrink:0}
.jrlb-step-img{width:50px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.jrlb-step-img img{max-height:64px;width:auto}
.jrlb-step h4{font-family:var(--jrlb-serif);font-size:16px;margin:0 0 1px}
.jrlb-step .cap{font-size:11.5px;color:var(--jrlb-olive);font-weight:600;margin-bottom:5px}
.jrlb-step p{font-size:12.5px;color:var(--jrlb-muted);margin:0;line-height:1.4}
/* BANNERS */
.jrlb-banners{padding:26px 0 64px;background:#fff}
.jrlb-banners-in{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:var(--jrlb-wrap);margin:0 auto;padding:0 24px}
.jrlb-banner{border-radius:16px;overflow:hidden;position:relative;display:flex;align-items:center;min-height:180px;padding:30px}
.jrlb-banner.hair{background:linear-gradient(100deg,#e7dcc6,#efe7d6)}
.jrlb-banner.aloe{background:linear-gradient(100deg,#dbe7d1,#e9f0e3)}
.jrlb-banner-text{width:62%;z-index:2}
.jrlb-banner h3{font-size:24px;margin-bottom:6px}
.jrlb-banner p{font-size:14px;color:#5a6555;margin-bottom:16px;max-width:230px}
.jrlb-banner-img{position:absolute;right:14px;bottom:0;top:0;width:40%;display:flex;align-items:center;justify-content:center}
.jrlb-banner-img img{max-height:150px;width:auto;filter:drop-shadow(0 10px 14px rgba(30,50,30,.16))}
/* FAQ + CONTACT */
.jrlb-faq{padding:62px 0}
.jrlb-faq-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;max-width:var(--jrlb-wrap);margin:0 auto;padding:0 24px;align-items:start}
.jrlb-faq-item{border-bottom:1px solid var(--jrlb-line)}
.jrlb-faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:19px 4px;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:var(--jrlb-sans);font-size:15.5px;font-weight:500;color:var(--jrlb-ink)}
.jrlb-faq-q .pm{font-size:22px;color:var(--jrlb-green);flex-shrink:0;transition:.25s;line-height:1}
.jrlb-faq-item.open .pm{transform:rotate(45deg)}
.jrlb-faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.jrlb-faq-a-in{padding:0 4px 20px;color:var(--jrlb-muted);font-size:14px;line-height:1.55}
.jrlb-faq-item.open .jrlb-faq-a{max-height:320px}
.jrlb-contact-box{background:linear-gradient(120deg,#eef2e7,#e3ebd8);border-radius:16px;padding:32px;position:relative;overflow:hidden}
.jrlb-contact-box h3{font-size:25px;line-height:1.15;margin-bottom:8px}
.jrlb-contact-box p{color:#5a6555;font-size:14px;margin-bottom:20px}
.jrlb-contact-actions{display:flex;gap:10px;flex-wrap:wrap}
.jrlb-contact-phone{display:flex;align-items:center;gap:9px;font-weight:600;color:var(--jrlb-ink);margin-top:18px;font-size:15px}
.jrlb-contact-phone svg{width:18px;height:18px;stroke:var(--jrlb-green);fill:none}
/* RESPONSIVE HOME */
@media(max-width:900px){
.jrlb-hero-in,.jrlb-story-in,.jrlb-faq-wrap{grid-template-columns:1fr}
.jrlb-hero-visual{order:-1;min-height:280px}
.jrlb-trust-in{grid-template-columns:repeat(2,1fr);gap:12px}
.jrlb-trust-item{border-right:0;padding:10px}
.jrlb-features-in,.jrlb-banners-in,.jrlb-ritual-grid{grid-template-columns:1fr}
.jrlb-products{grid-template-columns:repeat(2,1fr)}
.jrlb-story-visual{order:-1}
}
@media(max-width:520px){
.jrlb-products{grid-template-columns:repeat(2,1fr);gap:12px}
.jrlb-fcard{flex-direction:column}.jrlb-fcard-text,.jrlb-fcard-img{width:100%}
.jrlb-banner-img{position:static;width:auto;justify-content:flex-start;margin-top:10px}
.jrlb-banner-text{width:100%}
}