/* bespoke design for byeongjeom-dong-beranda-suri — archetype E: framed inset hero, brick red/cream, serif */
.pg-bj1{
  --accent:hsl(6,55%,42%);
  --accent-light:hsl(6,55%,60%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(30,30%,95%);
  --line:hsl(6,30%,86%);
  --accent-text:hsl(6,60%,32%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-bj1 h1,.pg-bj1 h2,.pg-bj1 h3{font-family:'Noto Serif KR',serif;letter-spacing:-.01em}
.pg-bj1 .section-eyebrow{color:var(--accent-text)}
.pg-bj1 .related-card .rc-tag{color:var(--accent-text)}
.pg-bj1 .info-card{border-radius:10px;border:1px solid var(--line);box-shadow:none}
.pg-bj1 .info-icon{border-radius:8px;background:hsl(30,30%,95%);color:var(--accent);display:flex;align-items:center;justify-content:center;width:48px;height:48px}
.pg-bj1 .ba-set{border-radius:6px}
.pg-bj1 .related-card{border-radius:6px}

.pg-bj1 .bj-hero{
  background:linear-gradient(155deg,hsl(30,35%,96%) 0%,hsl(6,30%,92%) 100%);
  padding:64px 0 60px;
  border-bottom:1px solid var(--line);
}
.pg-bj1 .bj-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:48px;
}
.pg-bj1 .bj-hero-text{flex:1;min-width:0}
.pg-bj1 .bj-hero .breadcrumb{color:hsl(6,20%,40%)}
.pg-bj1 .bj-hero .breadcrumb a{color:hsl(6,20%,40%)}
.pg-bj1 .bj-hero .breadcrumb .sep{color:var(--line)}
.pg-bj1 .bj-hero h1{
  font-size:clamp(1.9rem,4vw,2.8rem);
  font-weight:900;
  color:hsl(6,55%,24%);
  margin:16px 0 16px;
}
.pg-bj1 .bj-hero p{color:hsl(6,15%,32%);max-width:480px;margin-bottom:28px;font-size:1.02rem;line-height:1.7}
.pg-bj1 .bj-cta{display:flex;gap:12px;flex-wrap:wrap}
.pg-bj1 .bj-cta .btn-primary{border-radius:4px}
.pg-bj1 .bj-cta .btn-outline{border-radius:4px}
.pg-bj1 .bj-hero-frame{flex:0 0 auto}
.pg-bj1 .bj-polaroid{
  background:#fff;
  padding:14px 14px 24px;
  border-radius:2px;
  box-shadow:0 18px 40px rgba(90,30,20,.22),0 2px 6px rgba(0,0,0,.08);
  transform:rotate(-4deg);
  display:inline-block;
}
.pg-bj1 .bj-polaroid img{
  display:block;
  width:220px;
  height:293px;
  object-fit:cover;
  border-radius:1px;
}
@media(max-width:760px){
  .pg-bj1 .bj-hero-inner{flex-direction:column;text-align:center;gap:32px}
  .pg-bj1 .bj-hero p{margin-left:auto;margin-right:auto}
  .pg-bj1 .bj-cta{justify-content:center}
  .pg-bj1 .bj-polaroid{transform:rotate(-2deg)}
}