/* bespoke design for wirye-dong-beranda-suri — archetype E: framed inset hero, rose gold + charcoal, thin elegant serif */
.pg-wr4{
  --accent:hsl(345,40%,55%);
  --accent-light:hsl(345,40%,68%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(345,10%,95%);
  --line:hsl(345,10%,85%);
  --accent-text:hsl(345,45%,42%);
  --charcoal:hsl(0,0%,16%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-wr4 h1,.pg-wr4 h2,.pg-wr4 h3{font-family:'Gowun Batang',serif;font-weight:700;letter-spacing:0}
.pg-wr4 .section-eyebrow{color:var(--accent-text);letter-spacing:.16em}
.pg-wr4 .related-card .rc-tag{color:var(--accent-text)}
.pg-wr4 .info-card{border-radius:2px;border:1px solid var(--line);box-shadow:none;background:#fff}
.pg-wr4 .info-icon{border-radius:50%;background:var(--bg-alt);color:var(--accent-text);border:1px solid var(--line)}
.pg-wr4 .ba-set{border-radius:2px}
.pg-wr4 .related-card{border-radius:2px}

.pg-wr4 .wr-hero{
  background:var(--charcoal);
  padding:76px 0 70px;
}
.pg-wr4 .wr-hero-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:56px;
}
.pg-wr4 .wr-hero-text{flex:1;min-width:0}
.pg-wr4 .wr-hero .breadcrumb{color:hsl(0,0%,58%)}
.pg-wr4 .wr-hero .breadcrumb a{color:hsl(0,0%,58%)}
.pg-wr4 .wr-hero .breadcrumb .sep{color:hsl(0,0%,32%)}
.pg-wr4 .wr-hero h1{
  font-family:'Gowun Batang',serif;
  font-weight:700;
  font-size:clamp(1.9rem,4.2vw,2.8rem);
  color:#fff;
  margin:18px 0 18px;
}
.pg-wr4 .wr-hero p{color:hsl(0,0%,78%);max-width:480px;margin-bottom:30px;font-size:1.02rem;line-height:1.85;font-weight:300}
.pg-wr4 .wr-cta{display:flex;gap:12px;flex-wrap:wrap}
.pg-wr4 .wr-cta .btn-primary{border-radius:2px;letter-spacing:.02em}
.pg-wr4 .wr-cta .btn-outline{background:transparent;color:#fff;border-color:hsl(0,0%,40%);border-radius:2px}
.pg-wr4 .wr-hero-frame{flex:0 0 auto}
.pg-wr4 .wr-frame-box{
  background:hsl(345,15%,98%);
  border:1px solid hsl(345,30%,75%);
  padding:8px;
  box-shadow:0 22px 46px rgba(0,0,0,.4);
}
.pg-wr4 .wr-frame-box img{
  display:block;
  width:220px;
  height:293px;
  object-fit:cover;
}
@media(max-width:760px){
  .pg-wr4 .wr-hero-inner{flex-direction:column;text-align:center;gap:34px}
  .pg-wr4 .wr-hero p{margin-left:auto;margin-right:auto}
  .pg-wr4 .wr-cta{justify-content:center}
}

/* photo layout variant: row */
.pg-wr4 .ba-sets{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:16px}
.pg-wr4 .ba-set{display:contents}