/* ────────────────────────────────────────────────────────────────────────
   딱따고기 프레스티지 — 메인 히어로 + 범용 콘텐츠 헬퍼
   (분양 전용 섹션은 제거됨. 본문은 시작 모듈/위젯이 직접 구성)
   ──────────────────────────────────────────────────────────────────────── */

.ddgg-prestige .landing { display: block; }

/* 콘텐츠에서 활용 가능한 범용 섹션 헬퍼 (위젯/페이지에서 선택적으로 사용) */
.ddgg-prestige .section { padding: 88px 0; }
.ddgg-prestige .section.tight { padding: 56px 0; }
.ddgg-prestige .section.alt { background: var(--pr-surface); }
.ddgg-prestige .section-head { max-width: 720px; margin: 0 auto 48px; text-align: center; }
.ddgg-prestige .section-head.left { margin-left: 0; text-align: left; }
.ddgg-prestige .section-head h2 { font-size: clamp(28px, 4.2vw, 40px); letter-spacing: -0.01em; }
.ddgg-prestige .section-head p { margin-top: 14px; font-size: 16px; color: var(--pr-text-muted); }

/* reveal-on-scroll */
.ddgg-prestige .reveal { opacity: 0; transform: translateY(24px); transition: opacity .7s ease, transform .7s cubic-bezier(.2,.6,.2,1); }
.ddgg-prestige .reveal.in { opacity: 1; transform: none; }

/* ════════════════════════════════════════════════════════════════════════
   HERO (선택형) — 풀스크린 배경 + 카피 + CTA
   고정 헤더가 위에 떠 있고, 히어로가 헤더 뒤까지 채움
   ════════════════════════════════════════════════════════════════════════ */
.ddgg-prestige .hero {
	position: relative;
	min-height: 100vh; display: flex; align-items: flex-end;
	color: #fff; overflow: hidden;
}
.ddgg-prestige .hero-bg { position: absolute; inset: 0; z-index: 0; }
.ddgg-prestige .hero-bg img { width: 100%; height: 100%; object-fit: cover; }
.ddgg-prestige .hero-bg::after { content: ''; position: absolute; inset: 0; background: var(--pr-hero-overlay); }
.ddgg-prestige .hero-bg.placeholder { background: radial-gradient(120% 80% at 70% 10%, color-mix(in srgb, var(--pr-accent) 30%, var(--pr-surface)) 0%, var(--pr-bg) 70%); }

.ddgg-prestige .hero-inner {
	position: relative; z-index: 2;
	max-width: var(--pr-container-wide); width: 100%; margin: 0 auto;
	padding: 0 var(--pr-gutter) clamp(72px, 12vh, 140px);
}
.ddgg-prestige .hero h1 {
	font-family: var(--pr-font-display); font-weight: 600;
	font-size: clamp(40px, 8vw, 88px); line-height: 1.04; letter-spacing: 0.005em;
	text-shadow: 0 2px 30px rgba(0,0,0,0.35); max-width: 18ch;
}
.ddgg-prestige .hero .lede { margin-top: 22px; font-size: clamp(16px, 2vw, 20px); color: rgba(255,255,255,0.88); max-width: 50ch; }
.ddgg-prestige .hero-cta { margin-top: 36px; display: flex; flex-wrap: wrap; gap: 12px; }
.ddgg-prestige .hero-cta .btn-outline { color: #fff; border-color: rgba(255,255,255,0.5); }
.ddgg-prestige .hero-cta .btn-outline:hover { border-color: #fff; background: rgba(255,255,255,0.1); color: #fff; }

.ddgg-prestige .hero-scroll {
	position: absolute; left: 50%; bottom: 22px; transform: translateX(-50%); z-index: 2;
	color: rgba(255,255,255,0.7); font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;
	display: flex; flex-direction: column; align-items: center; gap: 8px;
}
.ddgg-prestige .hero-scroll .line { width: 1px; height: 40px; background: rgba(255,255,255,0.5); animation: pr-scroll 1.8s ease-in-out infinite; transform-origin: top; }
@keyframes pr-scroll { 0%,100% { transform: scaleY(.3); opacity: .4; } 50% { transform: scaleY(1); opacity: 1; } }

@media (max-width: 980px) {
	.ddgg-prestige .section { padding: 64px 0; }
}
@media (max-width: 640px) {
	.ddgg-prestige .section { padding: 48px 0; }
	.ddgg-prestige .hero { min-height: 88vh; }
}