/* 기획의도(vision.html) · 후원 작가(artist-park.html · artist-jeong.html) 전용 — 04_사이트_v0.4_생성기/pages_vision.py (2026-10-17)
   규칙: 최소 15px · 본문 17px Light · 카드 네 변 1px(한쪽 변 장식 없음) · 카드 명도는 배경보다 높게 · 한글 제목 크게 + 영어 라벨 작게 */
:root{--moon:#F3EBDD;--card:#15120D;--cline:#3a3326}
.vs-hero-sub{font-size:19px;font-weight:300;color:var(--text2);margin-top:6px}
.vs-lead{font-size:19px;font-weight:300;line-height:1.75;color:var(--text2);max-width:880px;word-break:keep-all}
.vs-note{font-size:15px;color:var(--text2);opacity:.85}
.vs-txt p,.vs-split p{font-size:17px;font-weight:300;line-height:1.8;color:var(--text2);word-break:keep-all}
.vs-txt{display:flex;flex-direction:column;gap:18px}

/* 여섯 갈래 */
.vs-axes{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.vs-axes li{background:var(--card);border:1px solid var(--cline);border-radius:12px;padding:24px 22px;display:flex;flex-direction:column;gap:6px}
.vs-n{font-family:var(--cine);font-size:44px;line-height:1;color:var(--gold)}
.vs-axes b{font-family:var(--head);font-weight:700;font-size:22px;color:var(--moon)}
.vs-axes small{font-size:15px;letter-spacing:.08em;color:var(--gold);opacity:.8}
.vs-d{font-size:16px;font-weight:300;line-height:1.6;color:var(--text2);word-break:keep-all}

/* 글 + 사진 */
.vs-split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.vs-fig{margin:0;display:flex;flex-direction:column;gap:8px}
/* 이미지는 원본 가로세로 비율 그대로 — 잘라내기(cover)·늘리기 금지 (작품 결례, 10/17 사용자 지시) */
.vs-fig img{width:100%;height:auto;border-radius:12px;border:1px solid var(--cline);display:block;background:#0d0b08}
.vs-fig.vs-tall img{max-height:760px;width:auto;max-width:100%;margin:0 auto}
.vs-fig figcaption{font-size:15px;color:var(--text2);opacity:.8}
.vs-fig b{font-family:var(--head);font-weight:700;font-size:21px;color:var(--moon)}
.vs-fig small{font-size:15px;color:var(--gold)}
.vs-fig span{font-size:16px;font-weight:300;line-height:1.65;color:var(--text2);word-break:keep-all}
.vs-two{display:grid;grid-template-columns:1fr 1fr;gap:20px}

.vs-steps{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;font-family:var(--head);font-size:21px;font-weight:700;color:var(--moon)}
.vs-steps i{font-style:normal;color:var(--gold);opacity:.7}
.vs-hand{font-family:'Gaegu',var(--font);font-weight:300;font-size:30px!important;color:var(--gold)!important;line-height:1.3!important}

/* 두 작가 입구 */
.vs-artists{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.vs-artist{display:grid;grid-template-columns:42% 1fr;background:var(--card);border:1px solid var(--cline);border-radius:14px;overflow:hidden;text-decoration:none;color:var(--text);min-height:340px}
.vs-artist:hover{border-color:rgba(239,199,94,.6);color:var(--text)}
.vs-artist img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.vs-artist.vs-art-contain img{object-fit:contain;background:#000}
.vs-hero-art video{width:min(440px,100%);height:auto;aspect-ratio:1/1;object-fit:contain;background:#000;border:1px solid #C9A24B;border-radius:10px;box-shadow:0 30px 90px rgba(0,0,0,.7)}
.vs-hero-art small{font-size:15px;color:var(--text2)}
.vs-a-body{padding:28px 26px;display:flex;flex-direction:column;gap:12px;justify-content:center}
.vs-a-body small{font-size:15px;letter-spacing:.06em;color:var(--gold)}
.vs-a-body b{font-family:var(--head);font-weight:800;font-size:28px;line-height:1.3;color:var(--moon);word-break:keep-all}
.vs-a-body>span{font-size:17px;font-weight:300;line-height:1.7;color:var(--text2);word-break:keep-all}
.vs-a-body .btn{align-self:flex-start;font-style:normal;margin-top:6px}

/* 공익 · 교류 */
.vs-zero{background:linear-gradient(180deg,#1a150c,#100d08);border:1px solid rgba(239,199,94,.55);border-radius:14px;padding:32px 30px;display:flex;flex-direction:column;gap:14px;max-width:980px}
.vs-zero b{font-family:var(--head);font-weight:800;font-size:24px;color:var(--gold)}
.vs-zero ul{margin:0;padding-left:1.1em;display:flex;flex-direction:column;gap:10px;font-size:17px;font-weight:300;line-height:1.7;color:var(--moon)}
.vs-three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.vs-three>div{background:var(--card);border:1px solid var(--cline);border-radius:12px;padding:26px 24px;display:flex;flex-direction:column;gap:6px}
.vs-three b{font-family:var(--head);font-weight:800;font-size:24px;color:var(--gold)}
.vs-three small{font-size:15px;letter-spacing:.12em;color:var(--text2)}
.vs-three span{font-size:17px;font-weight:300;line-height:1.7;color:var(--moon);margin-top:6px;word-break:keep-all}

/* 작가 페이지 */
.vs-facts{display:grid;grid-template-columns:auto 1fr;gap:12px 22px;margin:4px 0 0;font-size:17px}
.vs-facts dt{color:var(--gold);font-weight:600;white-space:nowrap}
.vs-facts dd{margin:0;font-weight:300;color:var(--moon)}
.vs-path{max-width:980px;padding:28px 30px;background:var(--card);border:1px solid var(--cline);border-radius:14px}
.vs-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}
.vs-gallery.vs-g2{grid-template-columns:repeat(2,1fr)}
.vs-show{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px;align-items:start}
.vs-show .vs-fig:first-child{grid-column:1/-1}
.vs-show .vs-fig img{background:#000}
.vs-quote{font-family:var(--head);font-size:21px!important;font-weight:600!important;color:var(--moon)!important;line-height:1.6!important;border:1px solid var(--cline);border-radius:12px;padding:20px 22px;background:var(--card)}
.vs-quote small{display:block;margin-top:8px;font-family:var(--font);font-size:15px;font-weight:300;color:var(--text2)}

@media (max-width:900px){
  .vs-split,.vs-two,.vs-artists,.vs-three{grid-template-columns:1fr;gap:24px}
  .vs-split.vs-rev .vs-fig{order:-1}
  .vs-split .vs-fig{order:-1}
  .vs-artist{grid-template-columns:1fr}
  .vs-artist img{aspect-ratio:auto;height:auto}
  .vs-artist:not(.vs-art-contain) img{aspect-ratio:4/3;object-fit:cover}
  .vs-gallery{grid-template-columns:repeat(2,1fr);gap:12px}
  .vs-gallery.vs-g2{grid-template-columns:1fr}
  .vs-show{grid-template-columns:1fr}
  .vs-steps{font-size:18px;gap:6px 10px}
  .vs-hand{font-size:26px!important}
  .vs-zero{padding:26px 22px}
}

/* 10/18 사용자: 핵심 문장 큰 서체 · 2행 · 가운데 */
.vs-statement{margin:40px auto 8px;max-width:1040px;text-align:center;font-family:var(--head);font-weight:800;font-size:clamp(24px,3.2vw,40px);line-height:1.45;color:var(--moon);word-break:keep-all;text-wrap:balance}
.vs-statement span{display:block}
.vs-statement span+span{margin-top:6px;color:var(--gold)}