/* NEXTGROW WITH AI — 견본 문서 미리보기 (대본 제안서 · 광고 콘티 · 모델 프로필 시트)
   앞 몇 쪽만 그림으로 보여 주고 전체는 문의 시 보내 드립니다. */
.dpv{background:#f3f1ec;color:#11161d;padding-block:clamp(72px,9vw,128px)}
.dpv .wrap{max-width:var(--max);margin:0 auto;padding-inline:var(--gutter)}
.dpv-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:end;margin-bottom:clamp(36px,5vw,64px)}
.dpv-head .eyebrow{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:#9a7428;margin:0 0 14px}
.dpv-head h2{margin:0;font-size:clamp(1.9rem,3.4vw,3rem);line-height:1.12;letter-spacing:-.025em;font-weight:700}
.dpv-head h2 .serif{font-family:"Iowan Old Style","Palatino Linotype",Georgia,serif;font-style:italic;font-weight:400;color:#9a7428}
.dpv-head p{margin:0;color:#3c4450;font-size:clamp(15px,1.15vw,17px);max-width:34em}
.dpv-list{display:grid;gap:clamp(20px,2.4vw,32px)}
.dpv-doc{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(0,2.1fr);gap:clamp(20px,3vw,48px);align-items:center;background:#fff;border:1px solid #e1ddd3;border-radius:14px;padding:clamp(20px,2.6vw,36px)}
.dpv-step{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#9a7428;margin:0 0 12px}
.dpv-step b{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#11161d;color:#f3f1ec;font-size:12px;letter-spacing:0}
.dpv-doc h3{margin:0 0 10px;font-size:clamp(1.25rem,1.8vw,1.55rem);letter-spacing:-.02em;line-height:1.25}
.dpv-doc .what{margin:0 0 18px;color:#3c4450;font-size:14.5px;line-height:1.65}
.dpv-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 20px;padding:0;list-style:none}
.dpv-meta li{font-size:12px;color:#5b6370;border:1px solid #e1ddd3;border-radius:999px;padding:4px 10px;background:#faf8f4}
.dpv-ask{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#11161d;text-decoration:none;border-bottom:1px solid #9a7428;padding-bottom:3px}
.dpv-ask:hover{color:#9a7428}
.dpv-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1.4vw,18px);margin:0;padding:0;list-style:none}
.dpv-pages a{position:relative;display:block;border-radius:6px;overflow:hidden;background:#e9e5dc;box-shadow:0 1px 0 rgba(17,22,29,.04),0 14px 30px -18px rgba(17,22,29,.45);transition:transform .45s var(--ease),box-shadow .45s var(--ease)}
.dpv-pages a:hover{transform:translateY(-4px);box-shadow:0 1px 0 rgba(17,22,29,.04),0 22px 40px -20px rgba(17,22,29,.5)}
.dpv-pages img{width:100%;height:auto;aspect-ratio:900/1274;object-fit:cover}
.dpv-pages .pg{position:absolute;left:8px;bottom:8px;font-size:11px;font-weight:700;color:#11161d;background:rgba(243,241,236,.92);border-radius:999px;padding:3px 8px}
.dpv-pages li:nth-child(3) a::after{content:attr(data-more);position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:12px;background:linear-gradient(180deg,rgba(17,22,29,0) 30%,rgba(17,22,29,.78));color:#f3f1ec;font-size:13px;font-weight:700;align-content:end;padding-bottom:22px}
.dpv-note{margin:26px 0 0;font-size:13px;color:#6b7480;max-width:62em}
@media (max-width:860px){
  .dpv-head{grid-template-columns:1fr}
  .dpv-doc{grid-template-columns:1fr}
  .dpv-pages{grid-template-columns:repeat(3,70%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px;-webkit-overflow-scrolling:touch}
  .dpv-pages li{scroll-snap-align:start}
}