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

.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; } }

/* ════════════════════════════════════════════════════════════════════════
   LATEST WORKS — 메인 히어로 바로 아래의 갤러리 최신 글
   ════════════════════════════════════════════════════════════════════════ */
.ddgg-prestige .latest-works { padding: clamp(56px, 8vw, 112px) 0; background: var(--pr-bg); }
.ddgg-prestige .latest-works-inner { width: min(var(--pr-container-wide), calc(100% - (var(--pr-gutter) * 2))); margin: 0 auto; }
.ddgg-prestige .latest-works-head { display: flex; justify-content: space-between; align-items: baseline; gap: 24px; margin-bottom: clamp(28px, 4vw, 48px); }
.ddgg-prestige .latest-works-head h2 { margin: 0; font-family: var(--pr-font-display); font-size: clamp(30px, 4vw, 52px); font-weight: 600; letter-spacing: -.02em; }
.ddgg-prestige .latest-works-all { display: inline-flex; align-items: center; gap: 9px; flex: none; padding-bottom: 5px; border-bottom: 1px solid currentColor; color: var(--pr-text); font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.ddgg-prestige .latest-works-all span { font-size: 18px; line-height: .8; transition: transform .2s ease; }
.ddgg-prestige .latest-works-all:hover span { transform: translateX(4px); }
.ddgg-prestige .latest-works-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.2vw, 34px); }
.ddgg-prestige .latest-work { display: block; min-width: 0; color: var(--pr-text); }
.ddgg-prestige .latest-work-image { display: block; position: relative; overflow: hidden; aspect-ratio: 1 / 1; background: var(--pr-surface); }
.ddgg-prestige .latest-work-image img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .55s cubic-bezier(.2,.6,.2,1); }
.ddgg-prestige .latest-work:hover .latest-work-image img { transform: scale(1.04); }
.ddgg-prestige .latest-work-title { display: block; margin-top: 13px; overflow: hidden; color: var(--pr-text); font-size: 15px; font-weight: 600; line-height: 1.35; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 980px) {
	.ddgg-prestige .section { padding: 64px 0; }
	.ddgg-prestige .latest-works-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
	.ddgg-prestige .section { padding: 48px 0; }
	.ddgg-prestige .hero { min-height: 88vh; }
	.ddgg-prestige .latest-works-head { align-items: flex-start; flex-direction: column; gap: 12px; }
}