/* SJ Site Kit */

/* Upcoming workshops */
.sjsk-up{font-family:"Plus Jakarta Sans",sans-serif;padding:20px 0 70px;width:100%}
.sjsk-up__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px}
.sjsk-up__kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#777;margin:0 0 10px}
.sjsk-up__title{font-size:40px;line-height:1.1;font-weight:500;margin:0;color:#111}
.sjsk-up__intro{font-size:16px;color:#555;margin:12px 0 0;max-width:520px;line-height:1.6}
.sjsk-up a.sjsk-up__all{font-size:14px;font-weight:600;color:#111;text-decoration:none;border-bottom:1px solid #111;padding-bottom:3px;white-space:nowrap}
.sjsk-up__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.sjsk-up a.sjsk-card{text-decoration:none;color:inherit;display:block}
.sjsk-card__img{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:4px;background:#eee}
.sjsk-card__img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.sjsk-card:hover .sjsk-card__img img{transform:scale(1.04)}
.sjsk-badge{position:absolute;top:14px;left:14px;background:rgba(255,255,255,.94);color:#111;font-size:12px;font-weight:600;line-height:1;padding:7px 12px;border-radius:999px;display:inline-flex;gap:7px;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.sjsk-badge:before{content:"";width:7px;height:7px;border-radius:50%;background:#2e8b57}
.sjsk-badge.is-last:before{background:#e08a1e}
.sjsk-badge.is-eoi:before{background:#4a6fd1}
.sjsk-card__date{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#777;margin:20px 0 8px}
.sjsk-card__title{font-size:22px;font-weight:600;line-height:1.3;margin:0 0 10px;color:#111}
.sjsk-card__text{font-size:15px;line-height:1.6;color:#555;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sjsk-card__cta{font-size:14px;font-weight:600;color:var(--loobek-link-color,#a85a24)}
.sjsk-card__cta span{display:inline-block;transition:transform .3s}
.sjsk-card:hover .sjsk-card__cta span{transform:translateX(5px)}
@media (max-width:1024px){.sjsk-up__grid{grid-template-columns:repeat(2,1fr)}.sjsk-up__grid>:nth-child(3){display:none}}
@media (max-width:767px){
 .sjsk-up{padding:10px 0 50px}
 .sjsk-up__head{flex-direction:column;align-items:flex-start;gap:14px}
 .sjsk-up__title{font-size:30px}
 .sjsk-up__grid{grid-template-columns:1fr;gap:40px}
 .sjsk-up__grid>:nth-child(3){display:block}
}

/* Workshop announcement bar */
.sjsk-bar{position:relative;background:#111;color:#fff;font-family:"Plus Jakarta Sans",sans-serif;font-size:13px;height:44px;overflow:hidden;border-radius:inherit}
.sjsk-bar__track{position:relative;height:100%}
.sjsk-bar a.sjsk-bar__msg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:12px;padding:0 60px;color:#fff;text-decoration:none;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}
.sjsk-bar a.sjsk-bar__msg.is-on{opacity:1;visibility:visible}
.sjsk-bar__label{font-size:10.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#111;background:#fff;padding:5px 10px;border-radius:20px;white-space:nowrap}
.sjsk-bar__text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sjsk-bar__extra{color:#e7a36f;font-weight:600;white-space:nowrap}
.sjsk-bar__extra:before{content:"\00b7";color:rgba(255,255,255,.4);margin-right:12px}
.sjsk-bar__cta{font-weight:600;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:2px;white-space:nowrap}
.sjsk-bar a.sjsk-bar__msg:hover .sjsk-bar__cta{border-color:#fff}
.sjsk-bar__dots{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;gap:6px}
.sjsk-bar__dots i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35);transition:background .4s}
.sjsk-bar__dots i.is-on{background:#fff}
@media (max-width:767px){
 .sjsk-bar{height:auto;min-height:52px;font-size:12.5px}
 .sjsk-bar a.sjsk-bar__msg{padding:8px 16px;gap:8px;flex-wrap:wrap;row-gap:4px}
 .sjsk-bar__label,.sjsk-bar__dots{display:none}
 .sjsk-bar__text{white-space:normal;text-align:center}
 .sjsk-bar__extra:before{display:none}
}
@media (prefers-reduced-motion:reduce){.sjsk-bar a.sjsk-bar__msg,.sjsk-card__img img{transition:none}}