/* bespoke design for dongtan-beranda-suri — Archetype D: floating card hero, yellow/charcoal, row photos, bold impact */
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap');

.pg-dt1{
  --accent:hsl(45,80%,50%);
  --accent-light:hsl(45,80%,64%);
  --primary-dark:#1c1c1c;
  --bg-alt:hsl(45,20%,95%);
  --line:hsl(0,0%,85%);
  --accent-text:hsl(40,70%,32%);
  --charcoal:hsl(0,0%,14%);
  font-family:'Pretendard','Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;
}
.pg-dt1 h2,.pg-dt1 h3{font-weight:800;letter-spacing:-.01em}
.pg-dt1 h1{font-family:'Black Han Sans','Pretendard',sans-serif;font-weight:400;letter-spacing:0}
.pg-dt1 .section-eyebrow{color:var(--accent-text)}
.pg-dt1 .related-card .rc-tag{color:var(--accent-text)}
.pg-dt1 .info-card{border-radius:14px;box-shadow:var(--shadow);border:1px solid var(--line)}
.pg-dt1 .info-icon{border-radius:8px;background:var(--charcoal);color:var(--accent);width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.pg-dt1 .ba-set{border-radius:14px}
.pg-dt1 .related-card{border-radius:10px}

.pg-dt1 .dt-hero{padding:40px 0 10px}
.pg-dt1 .dt-hero-card{
  background:var(--charcoal);
  border-radius:20px;
  box-shadow:0 24px 60px -20px rgba(0,0,0,.5);
  padding:44px;
}
.pg-dt1 .dt-hero-card .breadcrumb{padding-top:0;color:rgba(255,255,255,.6)}
.pg-dt1 .dt-hero-card .breadcrumb a{color:rgba(255,255,255,.6)}
.pg-dt1 .dt-hero-card .breadcrumb .sep{color:rgba(255,255,255,.3)}
.pg-dt1 .dt-hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:36px;margin-top:14px}
.pg-dt1 .dt-hero-text h1{color:var(--accent);font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.1;margin:0 0 18px}
.pg-dt1 .dt-hero-text p{color:rgba(255,255,255,.82);margin-bottom:28px;max-width:480px;line-height:1.6}
.pg-dt1 .dt-cta-row{display:flex;gap:12px;flex-wrap:wrap}
.pg-dt1 .dt-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 30px;border-radius:4px;font-weight:800;font-size:.95rem;transition:transform .25s,box-shadow .25s}
.pg-dt1 .dt-btn-primary{background:var(--accent);color:var(--charcoal);box-shadow:0 10px 24px hsla(45,80%,50%,.35)}
.pg-dt1 .dt-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 30px hsla(45,80%,50%,.5)}
.pg-dt1 .dt-btn-outline{border:1.5px solid rgba(255,255,255,.5);color:#fff}
.pg-dt1 .dt-btn-outline:hover{background:rgba(255,255,255,.1);transform:translateY(-3px)}
.pg-dt1 .dt-hero-photo{border-radius:12px;overflow:hidden;box-shadow:0 14px 30px rgba(0,0,0,.4);border:3px solid var(--accent)}
.pg-dt1 .dt-hero-photo img{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:3/4}

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

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