/* 1번 판(고객 요청 반영, 2026-11-13): 샘플 「매거진 화보」 배열 · 굵고 큰 글자 · 큰 사진 */
:root{
  --paper:#FFFFFF; --paper2:#F1F1F1; --cream:#FFFFFF;
  --ink:#141414; --ink2:#2A2A2A; --mute:#5E5E5E; --line:#DADADA;
  --gold:#C8102E; --gold2:#C8102E; --red:#C8102E; --night:#111111; --sun:#C8102E;
  --disp:'Playfair Display','Didot','Times New Roman',serif;
}
body{background:#ECECEC;font-size:16px}
.wrap{background:#fff}

/* 표지: 샘플처럼 큰 VOWS · 왼쪽 기사 칸 · 아래 커버스토리 */
.cv-shade{background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,0) 46%,rgba(0,0,0,.35) 64%,rgba(0,0,0,.86) 100%),linear-gradient(90deg,rgba(0,0,0,.42),rgba(0,0,0,0) 58%)}
.mast{top:30px;font-weight:900;font-size:clamp(110px,31vw,146px);letter-spacing:-.02em;line-height:.9;text-shadow:0 4px 26px rgba(0,0,0,.35)}
.cv-top{top:calc(40px + clamp(110px,31vw,146px)*.9);left:20px;right:20px;font:700 11px/1 var(--disp);letter-spacing:.2em}
.cv-col{position:absolute;left:20px;top:calc(64px + clamp(110px,31vw,146px)*.9);width:44%;text-shadow:0 1px 10px rgba(0,0,0,.45)}
.cv-col .tag{display:inline-block;background:var(--red);font:700 12px/1 var(--sans);padding:5px 8px 4px;margin-bottom:8px;letter-spacing:.06em}
.cv-col .e{font:italic 700 15px/1.3 var(--disp);margin-top:9px}
.cv-col .k{font:700 14.5px/1.45 var(--sans);opacity:1}
.cv-bot{left:20px;right:20px;bottom:22px}
.cv-kick{font:700 12px/1 var(--disp);letter-spacing:.32em;color:#fff}
.cv-names{font:900 34px/1.2 var(--serif);letter-spacing:-.02em;margin:8px 0 8px}
.cv-names i{font:italic 700 32px var(--disp);color:#FF4A63;margin:0 .14em}
.cv-sm{font:500 14.5px/1.6 var(--sans);opacity:.95;padding-right:84px}
.cv-code{position:absolute;right:0;bottom:4px;width:70px;height:34px;background:repeating-linear-gradient(90deg,#fff 0 2px,transparent 2px 4px,#fff 4px 5px,transparent 5px 8px,#fff 8px 11px,transparent 11px 12px)}
.rv-on .cv-col{opacity:0;transform:translateY(20px);transition:opacity 1.2s var(--ease) .85s,transform 1.2s var(--ease) .85s}
.rv-on.ready .cv-col{opacity:1;transform:none}

/* 목차·제목: 굵게 */
.ct-title{font:italic 900 48px/1 var(--disp)}
.ct-iss{color:var(--mute);font-weight:700}
.ct-list .n{font:900 24px/1 var(--disp);color:var(--red)}
.ct-list b{font:700 18px/1.2 var(--disp)}
.ct-list em{font:500 13px/1.2 var(--sans);color:var(--ink2)}
.ct-list .p{font:italic 700 13px var(--disp);color:var(--mute)}
.sh .no{font:700 12px/1 var(--disp);color:var(--red)}
.sh .no::before,.sh .no::after{background:var(--red)}
.sh h2{font:italic 900 46px/1.1 var(--disp)}
.sh .ko{font:600 13px/1 var(--sans);color:var(--ink2);letter-spacing:.2em}

/* 본문: 크게·진하게 */
.letter{font:500 17px/2 var(--serif);color:var(--ink)}
.msg{font:500 16px/1.9 var(--serif);color:var(--ink)}
.qm{font:900 80px/.5 var(--disp);color:var(--red)}
.orn{color:var(--red)}
.fam p{font:500 16px/1.6 var(--serif);color:var(--ink)}
.fam small{font-size:13.5px;color:var(--ink2)}
.fam b{font:900 19px var(--serif)}
.btn-line{font:700 14px/1 var(--sans);border-width:2px}
.btn-solid{font:700 15px/1 var(--sans)}

/* 예식 안내: 14 를 굵게(가는 획이 안 보여 11로 읽히던 것) */
.day{background:#F4F4F4}
.bigdate .m{font:700 13px/1 var(--disp);letter-spacing:.4em}
.bigdate .d{font-family:var(--disp);font-weight:900;font-size:150px;letter-spacing:-.01em;color:var(--ink)}
.bigdate .y{font:italic 700 16px/1 var(--disp);color:var(--ink2)}
.when{font:700 18px/1.6 var(--serif)}
.lunar{font:500 14px/1.5 var(--sans);color:var(--ink2)}
.where{font:600 16px/1.6 var(--serif);color:var(--ink)}
.cal{font:700 16px/1 var(--disp);border-width:2px 0}
.cal th{font:700 12px/1 var(--disp);color:var(--ink2)}
.cal span.on{background:var(--red);color:#fff;font-weight:900}
.dday{font:600 15.5px/1.6 var(--serif);color:var(--ink)}
.dday b{font:900 26px/1 var(--disp);color:var(--red)}

/* 갤러리: 한 줄에 한 장, 크게 */
.pic{padding-left:0;padding-right:0}
.pic-cap{margin:-22px 20px 16px;font:700 11px/1 var(--disp);color:var(--ink2)}
.pic-cap span+span{font:500 12.5px/1 var(--sans)}
.gal.one{display:flex;flex-direction:column;gap:10px}
.gal .ph.big{display:block;width:100%;padding:0;background:var(--paper2);overflow:hidden}
.gal .ph.big img{width:100%;height:auto}

/* 오시는 길·참석·방명록·계좌: 진하게 */
.loc,.gb{background:#F4F4F4}
.venue{font:900 28px/1.3 var(--serif)}
.hall{font:600 16px/1.5 var(--serif);color:var(--ink)}
.addr{font:500 15px/1.5 var(--sans);color:var(--ink)}
.way dt{font:700 13px/1.75 var(--sans);color:var(--red)}
.way dd{font:500 15px/1.75 var(--sans);color:var(--ink)}
.maps a{font:700 14px/1 var(--sans)}
.gbi b{font:700 15.5px/1.4 var(--serif)}
.gbi p{font:500 15px/1.75 var(--sans);color:var(--ink)}
.accd summary{font:700 15.5px/1 var(--sans)}
.ar .who{font:500 13px/1.4 var(--sans);color:var(--ink2)}
.ar .no{font:700 15.5px/1.5 var(--sans)}

/* 뒤표지 */
.bk-mast{font:900 18px/1 var(--disp)}
.bk-thx{font:italic 900 58px/1.1 var(--disp)}
.bk-d{font:700 13px/1 var(--disp)}
.bk-nm{font:700 16px/1 var(--serif)}

/* 첫 화면 */
.in-mast{font-weight:900;font-size:clamp(84px,26vw,124px);letter-spacing:-.01em;padding-left:0}
.in-sub{font:italic 700 14px/1 var(--disp);color:#fff}
.in-nm{font:900 27px/1.3 var(--serif)}
.in-nm i{font:italic 700 25px var(--disp);color:#FF4A63}
.in-d{font:700 14px/1 var(--disp)}
.in-btn{font:700 15px/1 var(--sans);border-width:2px}
.in-note{font:500 13px/1 var(--sans);opacity:.85}
.in-frame{border-color:rgba(255,255,255,.35)}
.in-btn::after{border-color:rgba(255,74,99,.9)}
.sheet h3{font:italic 900 34px/1.1 var(--disp)}
.sheet .sk{font:600 13px/1 var(--sans);color:var(--ink2)}
.ct-row b{font:700 17px/1.4 var(--serif)}
.cv-ph{object-position:50% 50%}
.cv-col .e{margin-top:7px}
