.jcb-howto{--jc-crimson: #8b1f1f;--jc-crimson-deep: #6a1717;--jc-gold: #e9aa29;--jc-gold-soft: rgba(233,170,41,.12);--jc-bg: #ffffff;--jc-bg2: #f7f7f5;--jc-bg3: #f0efeb;--jc-border: #e8e8e1;--jc-text: #111111;--jc-muted: #888880;font-family:Jost,sans-serif;font-weight:300;color:var(--jc-text);margin:0 auto;padding:0}.jcb-howto *,.jcb-howto *:before,.jcb-howto *:after{box-sizing:border-box}.jcb-hero{position:relative;width:100%;max-height:480px;overflow:hidden;background:#111}.jcb-hero__img{width:100%;height:480px;object-fit:cover;display:block;opacity:.6}.jcb-hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(17,17,17,.85) 0%,rgba(17,17,17,.3) 50%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:48px 24px}.jcb-hero__category{font-family:Montserrat,sans-serif;font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--jc-gold);margin-bottom:12px}.jcb-hero__title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(28px,4vw,48px);font-weight:300;color:#fff;margin:0 0 12px;line-height:1.15;max-width:720px}.jcb-hero__meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.jcb-hero__meta-item{font-family:Jost,sans-serif;font-size:12px;font-weight:300;color:#ffffffa6;display:flex;align-items:center;gap:6px}.jcb-hero__subtitle{font-family:Jost,sans-serif;font-size:15px;font-weight:300;color:#ffffffbf;line-height:1.6;margin:0 0 16px;max-width:620px}.jcb-hero__meta-dot{width:3px;height:3px;border-radius:50%;background:#ffffff59}.jcb-hero__watch-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1px solid var(--jc-gold);border-radius:2px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--jc-gold);text-decoration:none;transition:background .3s,color .3s}.jcb-hero__watch-btn:hover{background:var(--jc-gold);color:#111}.jcb-hero__play-icon{flex-shrink:0}.jcb-header{text-align:center;padding:56px 24px 40px;border-bottom:1px solid var(--jc-border)}.jcb-header__brand-mark{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:0}.jcb-header__rule{display:inline-block;width:48px;height:1px;background:var(--jc-gold)}.jcb-header__category{font-family:Montserrat,sans-serif;font-size:9px;font-weight:800;letter-spacing:4px;text-transform:uppercase;color:var(--jc-gold)}.jcb-header__title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(26px,3.5vw,42px);font-weight:300;color:var(--jc-text);margin:8px 0;line-height:1.15}.jcb-header__meta{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-top:8px}.jcb-header__subtitle{font-family:Jost,sans-serif;font-size:15px;font-weight:300;color:var(--jc-muted);line-height:1.6;margin:4px auto 12px;max-width:580px}.jcb-header__meta-item{font-family:Jost,sans-serif;font-size:12px;font-weight:300;color:var(--jc-muted)}.jcb-header__watch-btn{display:inline-flex;align-items:center;gap:6px;margin-top:20px;padding:10px 24px;border:1px solid var(--jc-crimson);border-radius:2px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--jc-crimson);text-decoration:none;transition:background .3s,color .3s}.jcb-header__watch-btn:hover{background:var(--jc-crimson);color:#fff}.jcb-header__play-icon{flex-shrink:0}.jcb-intro{max-width:720px;margin:0 auto;padding:40px 24px 0}.jcb-summary{background:var(--jc-bg2);border-left:3px solid var(--jc-gold);padding:24px 28px;margin-bottom:40px}.jcb-summary__title{font-family:Montserrat,sans-serif;font-size:8px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--jc-muted);margin-bottom:12px}.jcb-summary__list{list-style:none;padding:0;margin:0;counter-reset:summary}.jcb-summary__list li{counter-increment:summary;font-size:14px;line-height:1.7;color:var(--jc-text);padding:4px 0;display:flex;gap:10px}.jcb-summary__list li:before{content:counter(summary);font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:400;color:var(--jc-gold);flex-shrink:0;width:20px;text-align:center;line-height:1.4}.jcb-body{max-width:720px;margin:0 auto;padding:0 24px 48px}.jcb-step{margin-bottom:48px}.jcb-step__label{font-family:Montserrat,sans-serif;font-size:8px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--jc-muted);display:flex;align-items:center;gap:8px;margin-bottom:10px}.jcb-step__label-dot{width:8px;height:8px;border-radius:50%;background:var(--jc-crimson)}.jcb-step__title{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(22px,3vw,30px);font-weight:300;color:var(--jc-text);margin:0 0 16px}.jcb-body p,.jcb-step p{font-family:Jost,sans-serif;font-size:15px;font-weight:300;line-height:1.85;color:#444;margin:0 0 16px}.jcb-body strong,.jcb-step strong{font-weight:500;color:var(--jc-text)}.jcb-body a,.jcb-step a{color:var(--jc-crimson);text-decoration:underline;text-decoration-color:#8b1f1f40;text-underline-offset:3px;transition:text-decoration-color .2s}.jcb-body a:hover,.jcb-step a:hover{text-decoration-color:var(--jc-crimson)}.jcb-img{width:100%;border-radius:8px;margin:24px 0;display:block}.jcb-tip{background:var(--jc-gold-soft);border:1px solid rgba(233,170,41,.25);border-left:3px solid var(--jc-gold);padding:18px 22px;margin:24px 0;font-size:14px;line-height:1.7;color:#555}.jcb-tip strong{font-weight:500;color:var(--jc-text)}.jcb-warning{background:#8b1f1f0a;border:1px solid rgba(139,31,31,.15);border-left:3px solid var(--jc-crimson);padding:18px 22px;margin:24px 0;font-size:14px;line-height:1.7;color:#555}.jcb-body ol{padding-left:0;list-style:none;counter-reset:bodylist;margin:16px 0}.jcb-body ol li{counter-increment:bodylist;font-size:15px;line-height:1.85;color:#444;padding:6px 0 6px 32px;position:relative}.jcb-body ol li:before{content:counter(bodylist) ".";position:absolute;left:0;font-family:Cormorant Garamond,Georgia,serif;font-size:18px;font-weight:400;color:var(--jc-gold)}.jcb-body ul{padding-left:20px;margin:16px 0}.jcb-body ul li{font-size:15px;line-height:1.85;color:#444;padding:4px 0}.jcb-body ul li::marker{color:var(--jc-gold)}.jcb-body blockquote,.jcb-blockquote{border:none;padding:0;margin:32px 0;text-align:center}.jcb-blockquote__mark{font-size:48px;color:var(--jc-gold);line-height:1;font-family:Cormorant Garamond,Georgia,serif}.jcb-blockquote__text{font-family:Cormorant Garamond,Georgia,serif;font-size:clamp(17px,2vw,22px);font-weight:300;font-style:italic;color:var(--jc-text);line-height:1.8;max-width:600px;margin:0 auto}.jcb-divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:0 24px;margin:0 auto 40px;max-width:300px}.jcb-divider__line{flex:1;height:1px;background:var(--jc-border)}.jcb-divider__diamond{width:6px;height:6px;background:var(--jc-gold);transform:rotate(45deg);flex-shrink:0}.jcb-tags{max-width:720px;margin:0 auto;padding:0 24px 32px;display:flex;flex-wrap:wrap;gap:8px}.jcb-tag{display:inline-block;padding:4px 14px;border:1px solid var(--jc-border);font-family:Jost,sans-serif;font-size:11px;font-weight:400;color:var(--jc-muted);text-decoration:none;transition:border-color .2s,color .2s}.jcb-tag:hover{border-color:var(--jc-gold);color:var(--jc-text)}.jcb-author{max-width:720px;margin:0 auto;padding:0 24px 48px}.jcb-author__card{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid var(--jc-border);background:var(--jc-bg2)}.jcb-author__avatar{width:56px;height:56px;border-radius:50%;background:var(--jc-gold);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:400;color:#fff;flex-shrink:0}.jcb-author__name{font-family:Jost,sans-serif;font-size:14px;font-weight:400;color:var(--jc-text);margin-bottom:2px}.jcb-author__role{font-family:Jost,sans-serif;font-size:12px;font-weight:300;color:var(--jc-muted)}.jcb-share{max-width:720px;margin:0 auto;padding:0 24px 48px;text-align:center}.jcb-share__label{font-family:Montserrat,sans-serif;font-size:8px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--jc-muted);margin-bottom:12px}.jcb-back{max-width:720px;margin:0 auto;padding:0 24px 56px;text-align:center}.jcb-back__link{display:inline-flex;align-items:center;gap:8px;font-family:Jost,sans-serif;font-size:12px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:var(--jc-muted);text-decoration:none;transition:color .2s}.jcb-back__link:hover{color:var(--jc-crimson)}.jcb-back__arrow{font-size:16px;line-height:1}.jcb-blognav{background:var(--jc-text);padding:0 32px;position:sticky;top:0;z-index:999}.jcb-blognav__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;gap:40px}.jcb-blognav__logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;padding:12px 0}.jcb-blognav__logo-img{height:42px;width:auto;display:block}.jcb-blognav__logo-text{font-family:Cormorant Garamond,serif;font-size:22px;font-weight:400;color:var(--jc-gold);letter-spacing:1px}.jcb-blognav__links{display:flex;align-items:center;gap:36px;overflow-x:auto;-webkit-overflow-scrolling:touch}.jcb-blognav__link{font-family:Montserrat,sans-serif;font-size:11px;font-weight:500;letter-spacing:2.5px;text-transform:uppercase;color:#ffffff8c;text-decoration:none;padding:22px 0;white-space:nowrap;position:relative;transition:color .2s}.jcb-blognav__link:hover{color:#ffffffe6}.jcb-blognav__link--active{color:#fff}.jcb-blognav__link--active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--jc-gold)}@media(max-width:749px){.jcb-blognav{padding:0 16px}.jcb-blognav__inner{gap:20px}.jcb-blognav__logo-img{height:32px}.jcb-blognav__logo-text{font-size:18px}.jcb-blognav__link{font-size:10px;padding:16px 0;letter-spacing:2px}.jcb-blognav__links{gap:24px}}.jcb-breadcrumb{max-width:100%;background:var(--jc-bg2);border-bottom:1px solid var(--jc-border);padding:12px 24px}.jcb-breadcrumb__inner{max-width:780px;margin:0 auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.jcb-breadcrumb__link{font-family:Jost,sans-serif;font-size:11px;font-weight:400;letter-spacing:.5px;color:var(--jc-muted);text-decoration:none;transition:color .2s}.jcb-breadcrumb__link:hover{color:var(--jc-crimson)}.jcb-breadcrumb__sep{font-size:10px;color:var(--jc-border)}.jcb-breadcrumb__current{font-family:Jost,sans-serif;font-size:11px;font-weight:400;color:var(--jc-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.jcb-comments{max-width:720px;margin:0 auto;padding:0 24px 64px}.jcb-comments__form-section{background:var(--jc-bg2);border:1px solid var(--jc-border);padding:32px;margin-bottom:40px}.jcb-comments__form-header{display:flex;align-items:center;gap:14px;margin-bottom:24px}.jcb-comments__form-icon{width:44px;height:44px;border-radius:50%;background:#e9aa291a;display:flex;align-items:center;justify-content:center;color:var(--jc-gold);flex-shrink:0}.jcb-comments__form-title{font-family:Cormorant Garamond,Georgia,serif;font-size:22px;font-weight:300;color:var(--jc-text);margin:0;line-height:1.2}.jcb-comments__form-subtitle{font-family:Jost,sans-serif;font-size:12px;font-weight:300;color:var(--jc-muted);margin:2px 0 0}.jcb-comments .jcb-form__row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.jcb-comments .jcb-form__field{display:flex;flex-direction:column}.jcb-comments .jcb-form__input,.jcb-comments .jcb-form__textarea{padding:12px 16px;border:1px solid var(--jc-border);border-radius:0;font-family:Jost,sans-serif;font-size:14px;font-weight:300;color:var(--jc-text);background:var(--jc-bg);transition:border-color .3s,box-shadow .3s;outline:none}.jcb-comments .jcb-form__input:focus,.jcb-comments .jcb-form__textarea:focus{border-color:var(--jc-gold);box-shadow:0 0 0 2px #e9aa291a}.jcb-comments .jcb-form__input::placeholder,.jcb-comments .jcb-form__textarea::placeholder{color:#bbb;font-weight:300}.jcb-comments .jcb-form__textarea{resize:vertical;min-height:120px;margin-bottom:8px}.jcb-comments__moderated{font-family:Jost,sans-serif;font-size:11px;color:var(--jc-muted);margin:4px 0 12px}.jcb-comments__submit{display:inline-block;padding:12px 36px;font-family:Montserrat,sans-serif;font-size:9px;font-weight:800;letter-spacing:2.5px;text-transform:uppercase;color:#fff;background:var(--jc-crimson);border:none;cursor:pointer;transition:background .3s}.jcb-comments__submit:hover{background:var(--jc-crimson-deep)}.jcb-comments__list-section{margin-top:8px}.jcb-comments__count{font-family:Montserrat,sans-serif;font-size:8px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--jc-muted);padding-bottom:16px;border-bottom:1px solid var(--jc-border);margin-bottom:8px}.jcb-comments__success{display:flex;align-items:center;gap:8px;padding:14px 18px;background:#4caf500f;border:1px solid rgba(76,175,80,.15);margin-bottom:16px;font-family:Jost,sans-serif;font-size:13px;color:#2d5016}.jcb-comment{display:flex;gap:16px;padding:20px 0;border-bottom:1px solid var(--jc-border)}.jcb-comment:last-child{border-bottom:none}.jcb-comment__avatar{width:36px;height:36px;border-radius:50%;background:var(--jc-bg3);display:flex;align-items:center;justify-content:center;font-family:Cormorant Garamond,Georgia,serif;font-size:15px;font-weight:400;color:var(--jc-muted);flex-shrink:0}.jcb-comment__content{flex:1;min-width:0}.jcb-comment__meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.jcb-comment__author{font-family:Jost,sans-serif;font-size:13px;font-weight:500;color:var(--jc-text)}.jcb-comment__date{font-family:Jost,sans-serif;font-size:11px;font-weight:300;color:var(--jc-muted)}.jcb-comment__pending-badge{font-family:Montserrat,sans-serif;font-size:7px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--jc-gold);background:var(--jc-gold-soft);padding:2px 8px}.jcb-comment__body{font-family:Jost,sans-serif;font-size:14px;font-weight:300;line-height:1.7;color:#555}.jcb-comment--pending{opacity:.7}.jcb-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.jcb-reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:480px){.jcb-hero__img{height:340px}.jcb-hero__overlay{padding:32px 16px}.jcb-intro{padding:32px 16px 0}.jcb-body{padding:0 16px 40px}.jcb-summary{padding:20px}.jcb-comments .jcb-form__row{grid-template-columns:1fr}.jcb-comments__form-section{padding:24px 18px}.jcb-author__card{flex-direction:column;text-align:center}.jcb-breadcrumb__current{max-width:160px}}@media print{.jcb-hero{max-height:200px}.jcb-share,.jcb-comments{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/jcg-blog-howto.css.map */