/* bespoke design for byeollae-dong-beranda-suri — archetype E: framed inset hero, slate blue + orange accent, bold gothic */
.pg-bn3{
  --accent:hsl(205,30%,35%);
  --accent-light:hsl(205,30%,52%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(205,18%,95%);
  --line:hsl(205,18%,86%);
  --accent-text:hsl(205,35%,28%);
  --orange:hsl(28,88%,54%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-bn3 h1,.pg-bn3 h2,.pg-bn3 h3{font-weight:900;letter-spacing:-.02em}
.pg-bn3 .section-eyebrow{color:var(--orange)}
.pg-bn3 .related-card .rc-tag{color:var(--accent-text)}
.pg-bn3 .info-card{border-radius:14px;border-top:4px solid var(--orange);box-shadow:var(--shadow)}
.pg-bn3 .info-icon{border-radius:10px;background:var(--bg-alt);color:var(--accent)}
.pg-bn3 .ba-set{border-radius:14px}
.pg-bn3 .related-card{border-radius:10px}
.pg-bn3 .related-card:hover{border-color:var(--orange)}

.pg-bn3 .bn-hero{
  background:hsl(205,30%,18%);
  padding:70px 0 64px;
}
.pg-bn3 .bn-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:52px;
}
.pg-bn3 .bn-hero-text{flex:1;min-width:0}
.pg-bn3 .bn-hero .breadcrumb{color:hsl(205,15%,70%)}
.pg-bn3 .bn-hero .breadcrumb a{color:hsl(205,15%,70%)}
.pg-bn3 .bn-hero .breadcrumb .sep{color:hsl(205,20%,40%)}
.pg-bn3 .bn-hero h1{
  font-size:clamp(1.95rem,4.2vw,2.85rem);
  font-weight:900;
  color:#fff;
  margin:16px 0 16px;
}
.pg-bn3 .bn-hero p{color:hsl(205,20%,82%);max-width:480px;margin-bottom:28px;font-size:1.02rem;line-height:1.7}
.pg-bn3 .bn-cta{display:flex;gap:12px;flex-wrap:wrap}
.pg-bn3 .bn-cta .btn-primary{background:var(--orange);border-radius:8px 2px 8px 2px;box-shadow:0 10px 24px rgba(230,130,30,.35)}
.pg-bn3 .bn-cta .btn-outline{background:transparent;color:#fff;border-color:hsl(205,20%,45%);border-radius:8px 2px 8px 2px}
.pg-bn3 .bn-hero-frame{flex:0 0 auto}
.pg-bn3 .bn-frame-box{
  position:relative;
  background:#fff;
  padding:12px;
  border-radius:4px;
  box-shadow:0 20px 44px rgba(0,0,0,.35);
  transform:rotate(3deg);
  display:inline-block;
}
.pg-bn3 .bn-frame-box img{
  display:block;
  width:220px;
  height:293px;
  object-fit:cover;
  border-radius:2px;
}
.pg-bn3 .bn-frame-tag{
  position:absolute;
  bottom:-12px;
  right:-10px;
  background:var(--orange);
  color:#fff;
  font-size:.68rem;
  font-weight:800;
  letter-spacing:.04em;
  padding:6px 12px;
  border-radius:4px;
  transform:rotate(-3deg);
}
@media(max-width:760px){
  .pg-bn3 .bn-hero-inner{flex-direction:column;text-align:center;gap:36px}
  .pg-bn3 .bn-hero p{margin-left:auto;margin-right:auto}
  .pg-bn3 .bn-cta{justify-content:center}
  .pg-bn3 .bn-frame-box{transform:rotate(1deg)}
}