

.menu-list {
  margin-top:8px;
  border-top:1px solid var(--line)
}
.menu-row {
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  padding:18px 0;
  border-bottom:1px solid var(--line)
}
@media(min-width:640px) {
  .menu-row {
    grid-template-columns:188px 1fr;
    gap:28px;
    align-items:baseline
  }
}
.menu-row .mname {
  font-family:'Cormorant Garamond',serif;
  font-weight:500;
  font-size:clamp(18px,2.6vw,22px);
  color:var(--ink);
  line-height:1.22
}
.menu-row .mdesc {
  font-family:'Spectral',serif;
  font-weight:300;
  font-size:14px;
  line-height:1.62;
  color:var(--soft)
}
.menu-foot {
  font-family:'Spectral',serif;
  font-weight:300;
  font-size:13.5px;
  line-height:1.64;
  color:var(--soft);
  margin-top:18px
}
@media(max-width:760px) {
  .guard-box {
    min-height:76px;
    padding:10px
  }
}
@media(max-width:420px) {
  .guard-box {
    min-height:66px;
    padding:7px
  }
}
@media(max-width:760px) {
  .wrap > .eyebrow, .wrap > h1, .wrap > .axis-line, .wrap > .lead, .wrap > .section-nav, .wrap > .sec-label, .wrap > .sec-sub {
    width:100%;
    max-width:100%;
    min-width:0;
    box-sizing:border-box;
    margin-left:0;
    margin-right:0
  }
  .wrap > .axis-line, .wrap > .lead, .wrap > .sec-sub, .section-nav .nav-text {
    text-align:left;
    white-space:normal;
    text-wrap:wrap;
    overflow-wrap:normal;
    word-break:normal;
    -webkit-hyphens:none;
    hyphens:none
  }
  .wrap > .axis-line {
    font-size:clamp(16.8px,4.25vw,20.25px);
    line-height:1.36;
    margin-bottom:16px
  }
  .wrap > .lead {
    font-size:clamp(14.2px,3.72vw,15.8px);
    line-height:1.62;
    margin-bottom:clamp(34px,7vw,48px)
  }
}
@media(max-width:380px) {
  .wrap > .axis-line {
    font-size:16.4px;
    line-height:1.35
  }
  .wrap > .lead {
    font-size:13.9px;
    line-height:1.58
  }
}
.wrap > .section-nav + #applications {
  margin-top:clamp(18px,3.2vw,30px)
}
#receive {
  margin-top:clamp(42px,6vw,64px)
}
/* ============================================================
   VERBAL — Real Newspaper (NYT broadsheet)
   .vpaper 스코프. 제호 + 1면톱 + 멀티칼럼 + 헤드라인 위계
   폰트: Cormorant(헤드라인) + Spectral(본문). navy/paper 팔레트
   ============================================================ */
.vpaper{ position:relative; padding-top:clamp(20px,3vw,32px); }

/* ── 제호 NAMEPLATE ── */
.vp-nameplate{ text-align:center; margin-bottom:clamp(28px,4vw,44px); }
.vp-name{
  font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:clamp(32px,5.5vw,58px); line-height:1; letter-spacing:-0.005em;
  color:var(--ink);
}
.vp-namerule{ height:3px; background:var(--ink); margin:clamp(10px,1.4vw,14px) 0 8px; }
.vp-dateline{
  display:flex; justify-content:space-between; align-items:center;
  border-top:1px solid var(--ink); border-bottom:1px solid var(--ink);
  padding:6px 0; font-family:'Spectral',serif; font-size:11px;
  letter-spacing:.1em; text-transform:uppercase; color:var(--soft);
}
.vp-dateline span:nth-child(2){ letter-spacing:.16em; font-size:10px; color:var(--slate-soft); }

/* ── 1면 톱기사 LEAD STORY ── */
.vp-lead{ margin-bottom:clamp(28px,4vw,40px); }
.vp-kicker{
  font-family:'Spectral',serif; font-size:11px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--slate); text-align:center; margin-bottom:10px;
}
.vp-headline{
  font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:clamp(26px,4vw,42px); line-height:1.08; letter-spacing:-0.01em;
  color:var(--ink); text-align:center; margin:0 auto clamp(14px,2vw,20px);
  max-width:16ch;
}
.vp-standfirst{
  font-family:'Spectral',serif; font-weight:300; font-style:italic;
  font-size:clamp(15px,1.8vw,18px); line-height:1.5; color:var(--soft);
  text-align:center; max-width:62ch; margin:0 auto clamp(22px,3vw,32px);
  padding-bottom:clamp(20px,2.6vw,28px); border-bottom:1px solid var(--line);
}
/* 1면 본문 — 진짜 신문 3단 */
.vp-lead-body{
  columns:3; column-gap:clamp(24px,3vw,40px); column-rule:1px solid var(--line);
  font-family:'Spectral',serif; font-size:14px; line-height:1.62; color:var(--ink);
  text-align:justify; hyphens:auto;
}
.vp-lead-body p{ margin:0 0 1em; }
html[lang="en"] .vp-lead-body p:first-child::first-letter{
  float:left; font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:2.4em; line-height:.84; padding:3px 7px 0 0; color:var(--ink);
}
.vp-lead-body em{ font-style:normal; font-weight:600; }

/* ── rule 체계 ── */
.vp-rule-heavy{ height:3px; background:var(--ink); margin:clamp(28px,4vw,44px) 0 0; }
.vp-rule{ height:1px; background:var(--line); margin:0; }

/* ── 일반 기사 STORY ── */
.vp-story{ margin:0; padding:0 0 clamp(38px,5vw,56px); }
.vp-story-head{
  display:grid; grid-template-columns:auto 1fr; gap:0 16px;
  grid-template-rows:auto auto; align-items:center;
  margin:0 0 clamp(18px,2.6vw,26px);
  border-bottom:2px solid var(--ink);
  padding:clamp(20px,2.8vw,30px) 0;
}
/* head 다음 첫 콘텐츠는 자체 margin-top을 두지 않는다 —
   head margin-bottom 하나로 모든 SEC의 상단 간격을 균일하게 유지 */
.vp-story > .vp-story-head + *{ margin-top:0; }
.vp-folio{
  font-family:'Spectral',serif; font-size:11px; letter-spacing:.16em;
  text-transform:uppercase; color:var(--slate-soft);
  grid-column:1; grid-row:1; align-self:center;
}
.vp-story-title{
  font-family:'Cormorant Garamond',serif; font-weight:600;
  font-size:clamp(20px,2.6vw,28px); line-height:1.1; letter-spacing:-0.005em;
  color:var(--ink); margin:0; grid-column:2; grid-row:1; align-self:center;
}
.vp-story-deck{
  font-family:'Spectral',serif; font-weight:300; font-style:italic;
  font-size:clamp(14px,1.8vw,17px); line-height:1.4; color:var(--soft);
  grid-column:2; grid-row:2; margin-top:6px;
}

/* 기사 본문 4칸 칼럼 (Written Assets) */
.vp-cols{
  display:grid; grid-template-columns:repeat(4,1fr); gap:clamp(16px,2.4vw,32px);
}
.vp-col-item{ border-top:1px solid var(--line); padding-top:10px; }
.vp-item-k{
  display:block; font-family:'Spectral',serif; font-size:10.5px;
  letter-spacing:.14em; text-transform:uppercase; color:var(--slate); margin-bottom:6px;
}
.vp-col-item p{ font-family:'Spectral',serif; font-size:13px; line-height:1.5; color:var(--soft); margin:0; }

/* PROOF before/after — image-led comparison */
.vp-proof{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  min-height:clamp(190px,25vw,290px);
  overflow:hidden;
  border:1px solid rgba(243,241,235,.46);
  background-position:center;
  background-size:cover;
}
.vp-proof::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:rgba(11,21,40,.56);
}
.vp-proof--slogan{
  background-image:url('../../brand/concept/verbal-proof-01.png');
  background-position:center;
}
.vp-proof--copy{
  background-image:url('../../brand/concept/verbal-proof-02.png');
  background-position:center;
}
.vp-proof-col{
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-width:0;
  padding:clamp(18px,2.4vw,26px);
}
.vp-before{ border-right:1px solid rgba(243,241,235,.38); }
.vp-tag{
  display:block; font-family:'Spectral',serif; font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:rgba(243,241,235,.72); margin-bottom:12px;
}
.vp-proof-line{
  font-family:'Cormorant Garamond',serif; font-weight:500;
  font-size:clamp(16px,1.9vw,20px); line-height:1.25; color:#F3F1EB; margin:0 0 10px;
}
.vp-before .vp-proof-line{ color:rgba(243,241,235,.74); }
.vp-proof-note{ font-family:'Spectral',serif; font-size:12.5px; line-height:1.5; color:rgba(243,241,235,.78); }

/* LOCALISATION 3단 */
.vp-trans{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.4vw,32px); border-top:2px solid var(--ink); padding-top:clamp(16px,2.4vw,24px); }
.vp-trans-col p{ font-family:'Cormorant Garamond',serif; font-size:clamp(15px,1.7vw,18px); line-height:1.35; color:var(--ink); margin:8px 0 0; }
.vp-trans-dim p{ color:var(--faint); }
.vp-trans-key p{ color:var(--slate); }

/* BRIEF (Spoken) — 2단 본문 */
.vp-brief-body{
  columns:2; column-gap:clamp(24px,3vw,40px); column-rule:1px solid var(--line);
  font-family:'Spectral',serif; font-size:14px; line-height:1.6; color:var(--ink);
  text-align:justify; hyphens:auto;
}
.vp-brief-body p{ margin:0; }

/* RAIL (Standards) — 3칸 rule board */
.vp-rail-cols{ display:grid; grid-template-columns:repeat(3,1fr); gap:clamp(16px,2.4vw,32px); }
.vp-rail-item{ border-top:2px solid var(--ink); padding-top:12px; }
.vp-rail-item p{ font-family:'Spectral',serif; font-size:13.5px; line-height:1.55; color:var(--soft); margin:0; }

/* 반응형 — 좁으면 칼럼 줄임 */
@media(max-width:820px){
  .vp-lead-body{ columns:2; }
  .vp-cols{ grid-template-columns:repeat(2,1fr); }
  .vp-trans{ grid-template-columns:1fr; }
  .vp-rail-cols{ grid-template-columns:1fr; }
}
@media(max-width:560px){
  .vp-lead-body,.vp-brief-body{ columns:1; }
  .vp-cols{ grid-template-columns:1fr; }
  .vp-proof{ grid-template-columns:1fr; }
  .vp-before{ border-right:none; border-bottom:1px solid rgba(243,241,235,.38); }
  .vp-story-head{ grid-template-columns:1fr; grid-template-rows:auto auto auto; row-gap:4px; }
  .vp-folio{ grid-column:1; grid-row:1; }
  .vp-story-title{ grid-column:1; grid-row:2; }
  .vp-story-deck{ grid-column:1; grid-row:3; margin-top:0; }
}

/* ── 신문 v2 추가 요소 ── */
/* usage 칼럼 안 리스트 */
.vpaper .vp-col-item ul{ list-style:none; padding:0; margin:0; }
.vpaper .vp-col-item li{
  font-family:'Spectral',serif; font-size:12.5px; line-height:1.4; color:var(--soft);
  padding:4px 0; border-top:1px solid var(--line);
}
.vpaper .vp-col-item li:first-child{ border-top:none; }

/* 기사 안 블록 (key message, offer 등) */
.vp-block{ margin-top:clamp(20px,3vw,28px); }
.vp-offer-compact{ margin-top:clamp(14px,2vw,20px); }
.vp-offer-compact .vp-block-k{ margin-bottom:8px; }
.vp-offer-compact .vp-pair{ padding:6px 0; }
.vp-block-k{
  display:block; font-family:'Spectral',serif; font-size:10.5px;
  letter-spacing:.16em; text-transform:uppercase; color:var(--slate-soft);
  padding-bottom:8px; border-bottom:1px solid var(--ink); margin-bottom:12px;
}
.vp-block-lead{
  font-family:'Cormorant Garamond',serif; font-weight:500; font-style:italic;
  font-size:clamp(18px,2.2vw,22px); color:var(--ink); margin:0 0 12px;
}
/* 라벨-값 쌍 (2단 정의) */
.vp-pairs{ display:grid; gap:0; }
.vp-pair{
  display:grid; grid-template-columns:120px 1fr; gap:16px; align-items:baseline;
  padding:8px 0; border-top:1px solid var(--line);
}
.vp-pair:first-child{ border-top:none; }
.vp-pk{ font-family:'Spectral',serif; font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:var(--slate); }
.vp-pv{ font-family:'Spectral',serif; font-size:13.5px; line-height:1.5; color:var(--ink); }

/* intro 문단 */
.vp-intro{
  font-family:'Spectral',serif; font-size:clamp(14px,1.8vw,16px); line-height:1.6;
  color:var(--ink); max-width:64ch; margin:0 0 clamp(20px,3vw,28px);
}

/* proof wrap (before/after 묶음) */
.vp-proof-wrap{ margin-top:clamp(20px,3vw,28px); }
.vp-proof-foot{
  font-family:'Spectral',serif; font-style:italic; font-size:13px; line-height:1.5;
  color:var(--soft); margin:12px 0 0;
}

/* trans gloss */
.vp-trans-gl{ display:block; font-family:'Spectral',serif; font-size:11.5px; line-height:1.45; color:var(--faint); margin-top:8px; }

/* outputs 나열 */
.vp-outputs{ display:flex; flex-wrap:wrap; gap:8px 10px; }
.vp-outputs span{
  font-family:'Spectral',serif; font-size:12.5px; color:var(--ink);
  padding:6px 12px; border:1px solid var(--line);
}

@media(max-width:560px){
  .vp-pair{ grid-template-columns:1fr; gap:2px; }
}

/* ── bridge (Delivery 연결) — 신문 박스 ── */
.vp-bridge{
  margin-top:clamp(20px,3vw,28px);
  border-top:1px solid var(--ink); border-bottom:1px solid var(--ink);
  padding:clamp(16px,2.4vw,22px) 0;
}
.vp-bridge p{
  font-family:'Spectral',serif; font-size:13.5px; line-height:1.55; color:var(--soft);
  margin:0 0 12px; max-width:64ch;
}
.vp-bridge-link{
  font-family:'Spectral',serif; font-size:12px; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink); text-decoration:none;
  border-bottom:1px solid var(--ink); padding-bottom:2px;
}
.vp-bridge-link:hover{ color:var(--slate); }

/* ── Related identity bridge (Delivery 연결) + block body ── */
.vp-block-body{
  font-family:'Spectral',serif; font-size:13.5px; line-height:1.55; color:var(--soft); margin:0;
}
