/* CODEDVINYLS 홈 · 입고 목록 (2026-10-26) — 아트북 페이지 결.
   판은 도판(그림자·액자 0) · 제목과 첫 글만 세리프 · 상자 대신 가는 선 · 노랑은 한 점.
   마크업 = gen_pages(site_home) · 공통 머리·꼬리 = cv-frame.css. */
.cvh{display:block;word-break:keep-all;overflow-wrap:break-word;font-family:var(--cvf-sans,"Pretendard Variable","Pretendard",sans-serif);font-weight:400;color:var(--ink,#1f1e1b);
  --g:var(--cvf-gutter,clamp(24px,4vw,56px));--ln:var(--cvf-line,#d8d2c6);--mu:var(--cvf-muted,#6b655a);--ink2:#3a372f;padding-bottom:clamp(96px,10vw,140px)}
.cvh *{box-sizing:border-box}
.cvh a{color:inherit;text-decoration:none}
.cvh img{display:block;width:100%;height:auto;max-width:100%}
.cvh figure{margin:0;min-width:0}
.cvh p,.cvh h1,.cvh h2,.cvh h3{margin:0}
.cvh-tick{display:inline-block;width:13px;height:2px;background:var(--yellow,#ffcd00);vertical-align:middle;margin-right:9px;position:relative;top:-1px}

/* 공지 줄 */
.cvh-notice{display:flex;align-items:center;gap:20px;margin:0 var(--g);min-height:44px;padding:10px 0;border-top:1px solid var(--ln);border-bottom:1px solid var(--ln);font-size:13px}
.cvh-notice .k{flex:none;color:var(--mu)}
.cvh-notice .t{min-width:0}
.cvh-notice .r{margin-left:auto;flex:none}

/* 첫 화면 — 두 장 펼침 */
.cvh-spread{display:grid;grid-template-columns:1fr 1fr;margin-top:0}
.cvh-spread img{aspect-ratio:1/1;object-fit:cover}
.cvh-spread-cap{display:grid;grid-template-columns:1fr 1fr;font-size:13px;line-height:1.6;color:var(--mu)}
.cvh-spread-cap p{padding:14px var(--g) 0}
.cvh-spread-cap p+p{padding-left:24px}
.cvh-spread-cap b{font-weight:400;color:var(--ink,#1f1e1b);margin-right:10px}
.cvh-show{display:grid;grid-template-columns:3fr 6fr 3fr;gap:24px;padding:72px var(--g) 0;align-items:start}
.cvh-kicker{font-size:14px}
.cvh-date{font-size:14px;color:var(--mu);margin-top:10px !important}
.cvh-show h1{font-size:clamp(34px,3.2vw,46px);line-height:1.28;text-wrap:balance}
.cvh-dek{font-size:clamp(16px,1.35vw,19px);line-height:1.85;color:var(--ink2);margin-top:22px !important;max-width:620px}
.cvh-go{justify-self:end;align-self:end;font-size:14px;border-bottom:1px solid var(--ink,#1f1e1b);padding-bottom:3px;white-space:nowrap}

/* 칸 */
.cvh-block{padding:clamp(80px,8vw,120px) var(--g) 0}
.cvh-sec{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding-top:16px;margin-bottom:28px !important;
  border-top:1px solid var(--ln);font-size:14px;font-weight:400;color:var(--mu)}
.cvh-sec a{color:var(--ink,#1f1e1b)}
.cvh figcaption{font-size:14px;line-height:1.55;padding-top:14px}
.cvh figcaption span{display:block}
.cvh figcaption .t,.cvh figcaption .l{color:var(--mu)}
.cvh-grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.cvh-grid4 img,.cvh-grid6 img{aspect-ratio:1/1;object-fit:cover}
.cvh-grid6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:24px}
.cvh-grid6 figcaption{font-size:13px}
.cvh-rows{display:flex;flex-direction:column}
.cvh-row{display:grid;grid-template-columns:120px minmax(0,1fr) 40px;align-items:baseline;padding:20px 0;border-bottom:1px solid var(--ln);font-size:15px}
.cvh-row .c{color:var(--mu)}
.cvh-row .r{text-align:right}
.cvh-row:hover .c{color:var(--ink,#1f1e1b)}
.cvh-jfeat{display:grid;grid-template-columns:7fr 5fr;gap:24px;align-items:end}
.cvh-jk{font-size:13px;color:var(--mu)}
.cvh-jfeat h3{font-size:clamp(28px,2.8vw,40px);line-height:1.3;margin-top:14px !important;text-wrap:balance}
.cvh-jfeat .cvh-go{display:inline-block;margin-top:28px}
.cvh-jrows{margin-top:40px}
.cvh-jrows .cvh-row:first-child{border-top:1px solid var(--ln)}
.cvh-jrows .c{color:var(--ink,#1f1e1b)}
.cvh-jrows .d{color:var(--mu)}
.cvh-names{display:flex;flex-wrap:wrap;gap:12px 36px;font-size:18px;line-height:1.5}
.cvh-names a{border-bottom:1px solid transparent}
.cvh-names a:hover{border-bottom-color:var(--ink,#1f1e1b)}
.cvh-store{display:grid;grid-template-columns:3fr 6fr 3fr;gap:24px;padding:clamp(96px,10vw,140px) var(--g) 0}
.cvh-store h3{font-size:clamp(25px,2.4vw,34px);line-height:1.35;text-wrap:balance}
.cvh-body{font-size:clamp(16px,1.3vw,18px);line-height:1.95;color:var(--ink2);margin-top:22px !important}
.cvh-links{display:flex;flex-wrap:wrap;gap:8px 28px;margin-top:28px !important;font-size:14px}
.cvh-links a{border-bottom:1px solid var(--ink,#1f1e1b);padding-bottom:3px}

/* 입고 목록 */
.cvl-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding:56px var(--g) 0}
.cvl-head h1{font-size:clamp(34px,3.2vw,46px);line-height:1.2}
.cvl-chips{display:flex;gap:28px;font-size:15px;color:var(--mu)}
.cvl-chips a{padding-bottom:3px;border-bottom:1px solid transparent}
.cvl-chips a[aria-current="page"]{color:var(--ink,#1f1e1b);border-bottom-color:var(--ink,#1f1e1b)}
.cvl-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:72px 24px;padding:48px var(--g) 0}
.cvl-cell{display:flex;flex-direction:column;min-width:0}
.cvl-img{display:block;aspect-ratio:1/1;background:#ebe7de;overflow:hidden}
.cvl-img img{width:100%;height:100%;object-fit:cover}
.cvl-txt{display:block}
.cvl-cell .k{font-size:14px;margin-top:18px !important;color:var(--mu)}
.cvl-cell .k.on{color:var(--ink,#1f1e1b)}
.cvl-cell h2{font-size:23px;line-height:1.45;margin-top:8px !important;font-weight:400;text-wrap:balance}
.cvl-cell .n{font-size:14px;color:var(--mu);margin-top:8px !important}
.cvl-cell:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.cvl-js .cvl-more:not(.is-shown){display:none}
.cvl-js .cvl-cell.is-filtered{display:none}
.cvl-morebox{padding:64px var(--g) 0;text-align:center}
.cvl-morebtn{font:inherit;font-size:15px;color:var(--ink,#1f1e1b);background:none;border:0;border-bottom:1px solid var(--ink,#1f1e1b);padding:0 0 3px;cursor:pointer}

@media(max-width:1100px){
  .cvl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cvh-grid6{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .cvh-notice{gap:12px}
  .cvh-spread{grid-template-columns:1fr}
  .cvh-spread .cvh-2nd,.cvh-spread-cap .cvh-2nd{display:none}
  .cvh-spread-cap{grid-template-columns:1fr;font-size:12px}
  .cvh-spread-cap p{padding:10px var(--g) 0}
  .cvh-spread-cap b{display:none}
  .cvh-show{display:block;padding:40px var(--g) 0}
  .cvh-kicker,.cvh-date{font-size:13px}
  .cvh-show h1{font-size:31px;line-height:1.34;margin-top:22px !important}
  .cvh-dek{font-size:16px;margin-top:16px !important}
  .cvh-show .cvh-go{display:inline-block;margin-top:22px}
  .cvh-block{padding:80px var(--g) 0}
  .cvh-sec{font-size:13px;margin-bottom:20px !important}
  .cvh-grid4{grid-template-columns:1fr 1fr;gap:28px 14px}
  .cvh figcaption{font-size:13px;padding-top:10px}
  .cvh-grid4 .l{display:none}
  .cvh-grid6{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
  .cvh-grid6 figure:nth-child(n+4){display:none}
  .cvh-grid6 figcaption{font-size:12px}
  .cvh-row{grid-template-columns:64px minmax(0,1fr) 20px;padding:16px 0;font-size:14px}
  .cvh-jfeat{display:block}
  .cvh-jk{margin-top:16px !important;font-size:12px}
  .cvh-jfeat h3{font-size:28px;line-height:1.35;margin-top:10px !important}
  .cvh-jrows{margin-top:28px}
  .cvh-jrows .cvh-row{grid-template-columns:52px minmax(0,1fr) 20px}
  .cvh-names{font-size:16px;gap:10px 24px}
  .cvh-store{display:block;padding:88px var(--g) 0}
  .cvh-store h3{font-size:25px;line-height:1.4}
  .cvh-body{font-size:16px;line-height:1.9;margin-top:14px !important}
  .cvl-head{display:block;padding:36px var(--g) 0}
  .cvl-head h1{font-size:34px}
  .cvl-chips{gap:22px;font-size:14px;margin-top:18px}
  .cvl-grid{grid-template-columns:1fr;gap:52px;padding:32px 0 0}
  .cvl-txt{padding:0 var(--g)}
  .cvl-cell .k{font-size:13px;margin-top:14px !important}
  .cvl-cell h2{font-size:21px;margin-top:6px !important}
  .cvl-cell .n{font-size:13px;margin-top:6px !important}
}
/* 홈 「최근 7일 입고」 = 회차마다 자켓 줄 · 줄 목록 + 전환 격자를 한 영역으로.
   이름표(고딕) + 회차 제목(세리프) · 날짜는 하루 한 번 · 헤어라인 · 굵은 글자 0 · 노랑 = 매장 틱만(온라인 = 회색 틱) · 자켓 아래 이름 0(alt 만) */
.cvh-week{display:block;padding-top:44px}
.cvh-week-top{display:grid;grid-template-columns:5fr 7fr;column-gap:24px;align-items:start}
.cvh-week-ttl .cvh-show-meta{margin-top:14px}
.cvh-week .cvh-go{justify-self:start;align-self:auto;display:inline-flex;align-items:center;min-height:44px;margin-top:20px;border-bottom:0;padding:0;
  text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}
.cvh-days{margin-top:44px;border-top:1px solid var(--ln)}
.cvh-day{display:grid;grid-template-columns:120px minmax(0,1fr);border-bottom:1px solid var(--ln)}
.cvh-d{font-size:15px;line-height:1.65;color:var(--mu);padding-top:24px}
.cvh-shelf{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:40px;align-items:center;padding:24px 0}
.cvh-shelf+.cvh-shelf{border-top:1px solid var(--ln)}
.cvh-sh{display:block;align-self:stretch;padding:4px 0}
.cvh-k{display:block;font-size:14px;line-height:1.6;color:var(--ink,#1f1e1b)}
.cvh-h{display:block;font-size:19px;line-height:1.5;margin-top:4px;text-wrap:pretty}
.cvh-ar{font-family:var(--cvf-sans);font-size:15px;margin-left:12px;white-space:nowrap}
.cvh-tick-g{background:transparent}   /* 온라인 틱 색 0 · 13px 자리는 남김(이름표 시작선) · 새 색 0 */
.cvh-k-g{color:var(--mu)}             /* 온라인 줄 이름표 = 회색 글자(입고 목록 .cvl-cell .k 와 같은 꼴) · 매장 줄 = 잉크 그대로 */
.cvh-k-g .cvh-ar{color:var(--ink,#1f1e1b)}   /* 제목 줄 0 인 줄의 → = 제목 줄 → 와 같은 잉크(이름표 글자만 회색) */
.cvh-strip{display:grid;grid-template-columns:repeat(5,128px);gap:8px}
.cvh-strip a{display:block}
.cvh-strip img{aspect-ratio:1/1;object-fit:cover;height:auto}
@media(max-width:860px){
  .cvh-week{padding-top:28px}
  .cvh-week-top{display:block}
  .cvh-week-ttl h1{margin-top:0 !important}
  .cvh-days{margin-top:28px}
  .cvh-day{display:block}
  .cvh-d{font-size:13px;padding-top:14px}
  .cvh-k{font-size:13px}
  .cvh-h{font-size:17px;margin-top:3px}
  .cvh-shelf{display:block;padding:12px 0 20px}
  .cvh-sh{padding:0 0 12px}
  .cvh-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
  .cvh-strip a:nth-child(n+5){display:none}
}
/* 홈 첫 화면 = 자켓 벽 · 펼침 두 장 대체.
   PC 6열(큰 칸 2×2 + 작은 칸 8) · 휴대폰 3열(큰 칸 + 작은 칸 5) · 매트 · 그림자 · 글자 0 · 벽 아래 글 = 펼침 글 1번 */
.cvh-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.cvh-wall a{display:block;position:relative;min-width:0}
.cvh-wall img{aspect-ratio:1/1;object-fit:cover;height:auto}
.cvh-wall .cvh-wall-sm{aspect-ratio:1/1}
.cvh-wall .cvh-wall-big{grid-column:span 2;grid-row:span 2}
.cvh-wall .cvh-wall-big img{position:absolute;inset:0;width:100%;height:100%}
.cvh-wallcap{grid-template-columns:1fr}
@media(max-width:860px){
  .cvh-wall{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cvh-wall .cvh-wall-sm:nth-child(n+7){display:none}
  .cvh-wallcap{display:none}   /* 3열 벽에선 글이 바로 위 작은 칸 이름으로 읽힘 → 휴대폰 꼴 0 · PC 그대로 */
}
/* 홈 둘러보기 자리(검색 칸 0) · 줄 높이 고정 격자:
   앨범 / 장르 / 레이블 · 헤어라인 · 굵은 글자 0 · 노랑 0 · 상자 0 · 이름이 한 줄을 넘치면 가림(줄 높이 고정) ·
   검색 칸 = 기능이 생길 때 「앨범」 줄 오른쪽 끝(줄 높이 · 아래 칸 이동 0) */
.cvh-browse{border-top:1px solid var(--ln)}
.cvh-brow{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr) auto;column-gap:0;align-items:center;height:48px;box-sizing:content-box;border-bottom:1px solid var(--ln)}
.cvh-brow .cvh-pk{font-size:14px;color:var(--mu)}
.cvh-bn{display:flex;flex-wrap:wrap;gap:0 32px;height:48px;overflow:hidden;font-size:18px;line-height:1.5;margin:0}
.cvh-bn a,.cvh-pick{display:inline-flex;align-items:center;height:48px;min-width:44px;white-space:nowrap}
.cvh-be{display:flex;align-items:center;margin-left:24px}
.cvh-pick{font-size:18px;margin-right:32px}
.cvh-sel{position:relative;display:inline-block;width:120px}
.cvh-sel[hidden]{visibility:hidden}   /* JS 없으면 자리만(안 보이고 누를 수 없음 · /album/ 필터 줄과 같은 규칙) · 열려도 칸 이동 0 */
.cvh-sel select{display:block;width:100%;height:48px;font:inherit;font-size:16px;color:var(--ink,#1f1e1b);-webkit-appearance:none;appearance:none;background:none;border:0;
  border-bottom:1px solid var(--mu);border-radius:0;padding:0 24px 0 0;margin:0;cursor:pointer}
.cvh-sel::after{content:"";position:absolute;right:6px;top:50%;margin-top:-2px;border:4px solid transparent;border-top:5px solid var(--mu);pointer-events:none}
.cvh-sel select:focus-visible,.cvh-bn a:focus-visible{outline:2px solid var(--ink,#1f1e1b)}
@media(max-width:860px){
  .cvh-browse{margin-top:20px}
  .cvh-brow{grid-template-columns:56px minmax(0,1fr) auto;height:44px}
  .cvh-brow .cvh-pk{font-size:13px}
  .cvh-bn{gap:0 20px;height:44px;font-size:16px}
  .cvh-bn a,.cvh-pick{height:44px}
  .cvh-pick{font-size:16px;margin-right:0}
  .cvh-b-label{grid-template-rows:44px 44px;height:88px}      /* 휴대폰 = 이름 한 줄 + 고르는 칸 한 줄(늘 88) */
  .cvh-b-label .cvh-pk{grid-row:1;grid-column:1}
  .cvh-b-label .cvh-bl{grid-row:1;grid-column:2}
  .cvh-be{display:contents}
  .cvh-b-label .cvh-pick{grid-row:1;grid-column:3;margin-left:20px}
  .cvh-sel{grid-row:2;grid-column:2/4;width:auto}
  .cvh-sel select{height:44px}
}