/* Thiệp online: bìa thiệp (co giãn theo khung bằng cqw) + trang thiệp. Màu lấy từ biến --bg --paper --pri --acc --ink --disp */
*{box-sizing:border-box}
.cv{container-type:inline-size;position:relative;aspect-ratio:5/7;background:var(--paper);color:var(--ink);overflow:hidden;font-family:'Be Vietnam Pro',system-ui,sans-serif;isolation:isolate}
.cv-in{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12cqw 10cqw;gap:2.4cqw;z-index:2}
.cv-eye{margin:0;font-size:3.4cqw;letter-spacing:.3em;text-transform:uppercase;color:var(--pri);font-weight:600}
.cv-names{margin:0;font-family:var(--disp),serif;font-weight:400;color:var(--pri);line-height:1.05;display:flex;flex-direction:column;align-items:center}
.cv-names span{font-size:13cqw}
.cv-names i{font-style:normal;font-size:8cqw;color:var(--acc);margin:-1cqw 0}
.cv-sub{margin:0;font-size:4.4cqw;color:var(--ink);opacity:.85}
.cv-date{margin:2cqw 0 0;font-size:5cqw;letter-spacing:.12em;font-weight:600;color:var(--ink);border-top:.4cqw solid var(--acc);border-bottom:.4cqw solid var(--acc);padding:1.6cqw 4cqw}
.cv-venue{margin:0;font-size:3.6cqw;opacity:.8}
.cv-guest{margin:3cqw 0 0;font-size:3.8cqw;background:color-mix(in srgb,var(--acc) 18%,transparent);padding:1.6cqw 4cqw;border-radius:99px}
.cv-photo{width:44cqw;height:44cqw;border-radius:50%;background:center/cover no-repeat;border:1.2cqw solid var(--paper);box-shadow:0 0 0 .5cqw var(--acc);margin:1cqw 0}
.cv.has-photo .cv-names span{font-size:10.5cqw}
.orn{position:absolute;pointer-events:none;z-index:1}
/* hoa */
.cv-hoa .orn-tl{top:-2cqw;left:-2cqw;width:46cqw}
.cv-hoa .orn-br{bottom:-2cqw;right:-2cqw;width:46cqw;transform:rotate(180deg)}
/* lá xanh */
.cv-la-xanh .orn-top{top:4cqw;left:5cqw;width:90cqw}
.cv-la-xanh .orn-bot{bottom:4cqw;left:5cqw;width:90cqw}
/* song hỷ */
.cv-song-hy{background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--acc) 20%,var(--paper)),var(--paper) 70%)}
.cv-song-hy .orn-hy{top:6cqw;left:50%;width:22cqw;transform:translateX(-50%)}
.cv-song-hy .orn-lan{top:0;width:11cqw}.cv-song-hy .orn-lan-l{left:7cqw}.cv-song-hy .orn-lan-r{right:7cqw}
.cv-song-hy .cv-in{padding-top:28cqw}
/* sang trọng */
.cv-sang-trong .orn-frame{inset:3cqw;width:calc(100% - 6cqw);height:calc(100% - 6cqw)}
.cv-sang-trong .orn-deco{width:12cqw}
.cv-sang-trong .orn-tl{top:5cqw;left:5cqw}.cv-sang-trong .orn-tr{top:5cqw;right:5cqw;transform:scaleX(-1)}
.cv-sang-trong .orn-bl{bottom:5cqw;left:5cqw;transform:scaleY(-1)}.cv-sang-trong .orn-br{bottom:5cqw;right:5cqw;transform:scale(-1)}
.cv-sang-trong .cv-names,.cv-sang-trong .cv-eye{color:var(--acc)}
/* tối giản */
.cv-toi-gian .orn-line{left:50%;width:.4cqw;height:14cqw;background:var(--pri);transform:translateX(-50%)}
.cv-toi-gian .orn-line-t{top:0}.cv-toi-gian .orn-line-b{bottom:0}
.cv-toi-gian .cv-date{border:0;font-size:7cqw;letter-spacing:.05em}
/* vui nhộn */
.cv-vui-nhon .orn-balloons{top:3cqw;right:3cqw;width:34cqw}
.cv-vui-nhon .orn-confetti{bottom:2cqw;left:0;width:100%}
.cv-vui-nhon .cv-names{transform:rotate(-3deg)}