/* bespoke design for ilsan-dong-beranda-suri — Archetype D: floating card hero, coral/peach, 2x2 photos */
.pg-is1{
  --accent:hsl(10,65%,55%);
  --accent-light:hsl(10,65%,70%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(20,55%,96%);
  --line:hsl(10,40%,88%);
  --accent-text:hsl(10,60%,40%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-is1 h1,.pg-is1 h2,.pg-is1 h3{font-weight:800;letter-spacing:-.01em}
.pg-is1 .section-eyebrow{color:var(--accent-text)}
.pg-is1 .related-card .rc-tag{color:var(--accent-text)}
.pg-is1 .info-card{border-radius:26px;box-shadow:var(--shadow)}
.pg-is1 .info-icon{border-radius:50%;background:hsl(10,65%,94%);color:var(--accent);width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pg-is1 .ba-set{border-radius:26px}
.pg-is1 .related-card{border-radius:22px}

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

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