/* bespoke design for sanbon-dong-beranda-suri — Archetype D: floating card hero, forest green/cream, row photos */
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&display=swap');

.pg-sb1{
  --accent:hsl(140,35%,28%);
  --accent-light:hsl(140,35%,42%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(45,40%,96%);
  --line:hsl(140,20%,86%);
  --accent-text:hsl(140,40%,22%);
  --cream:hsl(45,50%,95%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-sb1 h1,.pg-sb1 h2,.pg-sb1 h3{font-family:'Gowun Batang','Noto Sans KR',serif;font-weight:700}
.pg-sb1 .section-eyebrow{color:var(--accent-text)}
.pg-sb1 .related-card .rc-tag{color:var(--accent-text)}
.pg-sb1 .info-card{border-radius:28px;box-shadow:var(--shadow);background:var(--cream)}
.pg-sb1 .info-icon{border-radius:50%;background:hsl(140,35%,90%);color:var(--accent);width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pg-sb1 .ba-set{border-radius:28px}
.pg-sb1 .related-card{border-radius:24px}

.pg-sb1 .sb-hero{padding:40px 0 10px}
.pg-sb1 .sb-hero-card{
  background:var(--cream);
  border:1px solid hsl(140,20%,86%);
  border-radius:36px;
  box-shadow:0 20px 50px -22px hsla(140,40%,20%,.35);
  padding:40px 44px 44px;
}
.pg-sb1 .sb-hero-card .breadcrumb{padding-top:0;color:var(--accent-text)}
.pg-sb1 .sb-hero-card .breadcrumb a{color:var(--accent-text)}
.pg-sb1 .sb-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;margin-top:12px}
.pg-sb1 .sb-hero-text h1{color:var(--accent-text);font-size:clamp(1.8rem,4vw,2.6rem);margin:0 0 16px}
.pg-sb1 .sb-hero-text p{color:#3c4a3f;margin-bottom:26px;max-width:480px;line-height:1.7}
.pg-sb1 .sb-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.pg-sb1 .sb-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:20px;font-weight:700;font-size:.95rem;transition:transform .25s,box-shadow .25s}
.pg-sb1 .sb-btn-primary{background:var(--accent);color:#fff;box-shadow:0 10px 22px hsla(140,40%,25%,.35)}
.pg-sb1 .sb-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 28px hsla(140,40%,25%,.45)}
.pg-sb1 .sb-btn-outline{border:1.5px solid var(--accent);color:var(--accent-text)}
.pg-sb1 .sb-btn-outline:hover{background:hsl(140,35%,92%);transform:translateY(-3px)}
.pg-sb1 .sb-hero-photo{border-radius:26px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.16)}
.pg-sb1 .sb-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4}

.pg-sb1 .ba-sets{flex-direction:row;justify-content:center;flex-wrap:wrap}
.pg-sb1 .ba-set{display:contents}
.pg-sb1 .ba-shot{width:220px}

@media(max-width:820px){
  .pg-sb1 .sb-hero-card{padding:28px}
  .pg-sb1 .sb-hero-grid{grid-template-columns:1fr;gap:22px}
  .pg-sb1 .sb-hero-photo{order:-1;max-height:260px}
}