.jl-page{}

.jl-hero-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:var(--space-5);
}

.jl-hero-text{
  max-width:640px;
  text-align:center;
  margin-inline:auto;
}

.jl-hero-image{
  max-width:720px;
}

.jl-hero-image img{
  border-radius:var(--radius-md);
}

.jl-hero-ribbon{
  margin-top:var(--space-5);
  padding:var(--space-3);
  background:var(--color-info);
  color:#fff;
  text-align:center;
}

.jl-grid-3{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--space-4);
}

.jl-grid-2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:var(--space-5);
}

.jl-card{
  min-width:0;
}

.jl-text-block{
  max-width:700px;
}

.jl-split{
  display:grid;
  grid-template-columns:60% 40%;
  gap:var(--space-5);
  align-items:center;
}

.jl-split-text{
  min-width:0;
}

.jl-split-image img{
  border-radius:var(--radius-md);
}

.jl-centered{
  text-align:center;
}

.jl-narrow{
  max-width:600px;
  margin-inline:auto;
}

.jl-highlight{
  max-width:700px;
  margin-inline:auto;
  background:var(--color-surface-primary);
  padding:var(--space-4);
  border-radius:var(--radius-lg);
  border:1px solid var(--color-border);
}

.jl-wide{
  max-width:100%;
}

.jl-cta{
  margin-top:var(--space-3);
}

@media (max-width:900px){
  .jl-grid-3{
    grid-template-columns:1fr;
  }
  .jl-grid-2{
    grid-template-columns:1fr;
  }
  .jl-split{
    grid-template-columns:1fr;
  }
}

/* Editorial refresh */
.jl-hero{background:#b8674e;color:#fff}.jl-hero-inner{display:grid;grid-template-columns:1fr .9fr;gap:clamp(3rem,8vw,8rem);text-align:left}.jl-hero-text{text-align:left;margin:0}.jl-hero-image{max-width:none}.jl-hero-image img{aspect-ratio:1/1;object-fit:cover;transform:rotate(2deg)}
.jl-hero-ribbon{margin:0;background:#172d32;color:#f7f1e8;padding:1rem;font-size:.8rem;letter-spacing:.04em}
.jl-page .jl-grid-3{gap:1rem}.jl-page .jl-card{min-height:300px}.jl-page .jl-grid-2>div{padding:3rem;border-left:1px solid #b9afa5}.jl-page .jl-split{grid-template-columns:.8fr 1fr;gap:clamp(3rem,9vw,9rem)}.jl-page .jl-split-image img{aspect-ratio:4/3;object-fit:cover}.jl-page .jl-centered:nth-last-child(2){background:#e7b64b}.jl-highlight{border:0;border-left:5px solid #b8674e;border-radius:0;padding:2rem}
@media(max-width:900px){.jl-hero-inner,.jl-page .jl-split{grid-template-columns:1fr}.jl-page .jl-grid-2>div{padding:1.5rem;border-left:0;border-top:1px solid #b9afa5}}
