/* ==========================================================================
   Lehja 30 — homepage promotion block
   Every rule is namespaced under .ljp so it cannot affect anything else on
   the site, and style.css / Bootstrap cannot leak into it.
   ========================================================================== */

.ljp{
  background:#1D3C2A;
  color:#EFE7D6;
  padding:70px 0;
}
.ljp *{box-sizing:border-box}

.ljp-inner{display:flex;flex-wrap:wrap;align-items:center;gap:40px}
.ljp-left{flex:1 1 320px;min-width:280px}
.ljp-right{flex:1 1 300px;min-width:270px}

.ljp-eyebrow{
  display:inline-block;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#BB8C3C;
  margin-bottom:16px;
}
.ljp .ljp-mark{display:block;width:56px;height:56px;color:#D7BF8F;margin-bottom:18px}
.ljp .ljp-mark svg{width:100%;height:100%;display:block}

.ljp h2{
  color:#FFFFFF;
  font-size:34px;
  line-height:1.15;
  margin:0 0 16px;
  font-weight:700;
  letter-spacing:-.01em;
}
.ljp p{
  color:#CFD9C9;
  font-size:16.5px;
  line-height:1.65;
  margin:0 0 14px;
  max-width:34em;
}
.ljp p.ljp-small{color:#9DAF97;font-size:14px;margin-top:18px}

.ljp ul.ljp-list{list-style:none;padding:0;margin:22px 0 0}
.ljp ul.ljp-list li{
  position:relative;
  padding:0 0 12px 26px;
  color:#DDE5D8;
  font-size:15.5px;
  line-height:1.5;
}
.ljp ul.ljp-list li::before{
  content:"";
  position:absolute;
  left:2px;top:9px;
  width:8px;height:8px;
  border-radius:50%;
  background:#BB8C3C;
}

.ljp-audience{font-size:13.5px;color:#9DAF97;margin:16px 0 0;line-height:1.55}
.ljp-audience b{color:#D7BF8F;font-weight:600}
.ljp .ljp-btn{
  display:inline-block;
  background:#D7BF8F;
  color:#1D3C2A;
  font-weight:700;
  font-size:16px;
  padding:15px 30px;
  border-radius:6px;
  text-decoration:none;
  margin-top:26px;
  transition:background .15s;
}
.ljp .ljp-btn:hover,
.ljp .ljp-btn:focus{background:#BB8C3C;color:#12261A;text-decoration:none}

/* the marked-up script card — the characteristic object of the programme */
.ljp-script{
  background:#F2E6C9;
  color:#231D12;
  border-radius:14px;
  padding:24px 22px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:19px;
  line-height:1.85;
}
.ljp-script .ljp-lbl{
  font-family:inherit;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#8A7A5C;
  margin-bottom:14px;
  line-height:1.4;
  font-style:normal;
}
.ljp-script em{
  font-style:normal;
  font-weight:600;
  box-shadow:inset 0 -.42em 0 rgba(187,140,60,.42);
}
.ljp-script b{
  color:#BB8C3C;
  font-family:Arial,Helvetica,sans-serif;
  font-size:.72em;
  font-weight:700;
  vertical-align:.1em;
  padding:0 .12em;
}
.ljp-key{
  display:flex;
  flex-wrap:wrap;
  gap:5px 16px;
  font-size:12.5px;
  color:#9DAF97;
  margin-top:14px;
}
.ljp-key i{font-style:normal;color:#BB8C3C;font-weight:700}

@media (max-width:767px){
  .ljp{padding:52px 0}
  .ljp h2{font-size:27px}
  .ljp-inner{gap:30px}
  .ljp-script{font-size:17.5px;padding:20px 18px}
}
@media (prefers-reduced-motion:reduce){.ljp *{transition:none !important}}