/* bespoke design for jeongja-dong-beranda-suri — Archetype D: floating card hero, lilac/gray, 2x2 photos */
.pg-jj1{
  --accent:hsl(260,30%,45%);
  --accent-light:hsl(260,30%,64%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(260,18%,96%);
  --line:hsl(260,20%,88%);
  --accent-text:hsl(260,35%,32%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-jj1 h1,.pg-jj1 h2,.pg-jj1 h3{font-weight:700;letter-spacing:-.01em}
.pg-jj1 .section-eyebrow{color:var(--accent-text)}
.pg-jj1 .related-card .rc-tag{color:var(--accent-text)}
.pg-jj1 .info-card{border-radius:20px;box-shadow:var(--shadow)}
.pg-jj1 .info-icon{border-radius:50%;background:hsl(260,30%,94%);color:var(--accent);width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pg-jj1 .ba-set{border-radius:20px}
.pg-jj1 .related-card{border-radius:16px}

.pg-jj1 .jj-hero{padding:40px 0 10px}
.pg-jj1 .jj-hero-card{
  background:linear-gradient(135deg,hsl(260,30%,45%),hsl(260,34%,58%));
  border-radius:32px;
  box-shadow:0 24px 60px -20px hsla(260,40%,30%,.45);
  display:grid;
  grid-template-columns:1.1fr .9fr;
  align-items:center;
  gap:36px;
  padding:48px;
  overflow:hidden;
}
.pg-jj1 .jj-hero-text .breadcrumb{color:rgba(255,255,255,.72);padding-top:0}
.pg-jj1 .jj-hero-text .breadcrumb a{color:rgba(255,255,255,.72)}
.pg-jj1 .jj-hero-text .breadcrumb .sep{color:rgba(255,255,255,.4)}
.pg-jj1 .jj-hero-text h1{color:#fff;font-size:clamp(1.8rem,4vw,2.6rem);margin:14px 0 16px}
.pg-jj1 .jj-hero-text p{color:rgba(255,255,255,.86);margin-bottom:26px;max-width:480px;line-height:1.6}
.pg-jj1 .jj-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.pg-jj1 .jj-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 26px;border-radius:999px;font-weight:700;font-size:.95rem;transition:transform .25s,box-shadow .25s}
.pg-jj1 .jj-btn-primary{background:#fff;color:var(--accent-text);box-shadow:0 10px 24px rgba(0,0,0,.2)}
.pg-jj1 .jj-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.pg-jj1 .jj-btn-outline{border:1.5px solid rgba(255,255,255,.6);color:#fff}
.pg-jj1 .jj-btn-outline:hover{background:rgba(255,255,255,.12);transform:translateY(-3px)}
.pg-jj1 .jj-hero-photo{border-radius:22px;overflow:hidden;box-shadow:0 16px 34px rgba(0,0,0,.28)}
.pg-jj1 .jj-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4}

@media(max-width:820px){
  .pg-jj1 .jj-hero-card{grid-template-columns:1fr;padding:30px;gap:24px}
  .pg-jj1 .jj-hero-photo{order:-1;max-height:260px}
}