/* bespoke design for gireum-dong-beranda-suri — archetype B split hero, plum/lavender, thin serif wide tracking, layout row */
.pg-grm{
  --accent:hsl(280,35%,42%);
  --accent-light:hsl(280,35%,60%);
  --primary-dark:#ffffff;
  --bg-alt:hsl(280,25%,96%);
  --line:hsl(280,25%,88%);
  --accent-text:hsl(280,40%,30%);
  font-family:'Noto Serif KR','Pretendard','Noto Sans KR',serif;
  font-weight:300;
}
.pg-grm h1,.pg-grm h2,.pg-grm h3{font-family:'Noto Serif KR',serif;font-weight:300;letter-spacing:.06em}
.pg-grm .grm-hero{background:linear-gradient(180deg,hsl(280,30%,97%),hsl(280,25%,93%));border-bottom:1px solid hsl(280,25%,88%)}
.pg-grm .grm-hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:64px 20px}
.pg-grm .grm-crumb{padding:0 0 18px;letter-spacing:.04em}
.pg-grm .grm-hero-left h1{font-size:clamp(1.9rem,3.6vw,2.7rem);font-weight:300;color:hsl(280,40%,26%);margin:0 0 16px}
.pg-grm .grm-hero-left p{color:var(--text-light);max-width:480px;margin-bottom:26px;letter-spacing:.01em;font-weight:400;font-family:'Pretendard','Noto Sans KR',sans-serif}
.pg-grm .grm-cta{display:flex;gap:12px;flex-wrap:wrap}
.pg-grm .btn{border-radius:2px;letter-spacing:.05em;font-family:'Pretendard','Noto Sans KR',sans-serif}
.pg-grm .grm-hero-right{border-radius:2px;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:3/4;max-width:360px;margin:0 auto;border:1px solid hsl(280,25%,75%)}
.pg-grm .grm-hero-right img{width:100%;height:100%;object-fit:cover;display:block}
.pg-grm .section-eyebrow{color:var(--accent-text);letter-spacing:.12em}
.pg-grm .related-card .rc-tag{color:var(--accent-text)}
.pg-grm .info-card{border-radius:2px;box-shadow:var(--shadow);border:1px solid hsl(280,25%,90%)}
.pg-grm .ba-set{border-radius:2px}
.pg-grm .related-card{border-radius:2px}
.pg-grm .ba-sets{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:20px}
.pg-grm .ba-set{display:contents}
@media(max-width:760px){
  .pg-grm .grm-hero-inner{grid-template-columns:1fr;padding:36px 20px;gap:28px}
  .pg-grm .grm-hero-right{max-width:280px}
}
@media(max-width:520px){
  .pg-grm .ba-sets{flex-direction:column}
  .pg-grm .ba-set{display:grid}
}