:root{--cream:#f7f1e5;--paper:#fcfaf0;--moss:#637052;--olive:#4f613d;--mist:#bfc7a8}*{box-sizing:border-box}html{background:#596847;scroll-behavior:smooth}body{margin:0;font-family:"LXGW WenKai TC",serif;color:var(--olive);background:#596847}.invitation{width:min(414px,100%);margin:auto;overflow:hidden;background:var(--cream);box-shadow:0 0 46px #1f2b173d}.screen{position:relative;width:414px;max-width:100%;height:896px;overflow:hidden;background:var(--cream)}.dark{background:var(--moss);color:var(--paper)}h1,h2{font:500 38px/1 "Dancing Script",cursive}header{position:absolute;top:28px;left:0;width:100%;text-align:center}header small,.kicker{font:11px/1 "Cormorant Garamond",serif;letter-spacing:.12em}header h2{margin:18px 0 8px}header p{margin:0;font-size:16px}.dark header small,.dark .page-no{color:var(--mist)}.crop{position:absolute;overflow:hidden}.crop img{position:absolute;display:block;max-width:none}.page-no{position:absolute;bottom:51px;left:0;width:100%;font:11px/1 "Cormorant Garamond",serif;text-align:center}.reveal,[data-reveal]{opacity:0;transform:translateY(14px);transition:opacity .65s ease,transform .65s ease}.visible{opacity:1;transform:none}.p1 h1{position:absolute;top:80px;left:0;width:100%;margin:0;color:#626b4e;text-align:center}.p1-photo{left:32px;top:139px;width:350px;height:432px;background:#c7ccb2}.p1-photo img{width:334.48%;height:189.68%;left:-128.36%;top:-15.24%}.frame-line{position:absolute;left:23px;top:130px;width:368px;height:450px;border:1px solid #626b4e;border-radius:10px;pointer-events:none}.names,.latin,.date,.invite,.scroll{position:absolute;left:0;width:100%;margin:0;text-align:center}.names{top:601px;font-size:26px}.latin{top:641px;font:italic 19px/1 "Cormorant Garamond",serif}.date{top:701px;font:20px/1 "Cormorant Garamond",serif}.date small{font-size:14px}.invite{top:741px;font-size:14px}.scroll{top:811px;font:12px/1 "Cormorant Garamond",serif}.p2-art{left:12px;top:128px;width:388px;height:404px}.p2-art img{width:100%;height:100%;object-fit:contain}.copy{position:absolute;top:548px;left:30px;width:354px;margin:0;font-size:15px;line-height:25px;text-align:center}.footer-note{position:absolute;top:748px;left:0;width:100%;margin:0;font-size:18px;text-align:center}.date-chip{position:absolute;top:154px;left:115px;width:184px;height:28px;margin:0;border-radius:14px;background:var(--olive);color:var(--paper);font:11px/28px "Cormorant Garamond",serif;text-align:center}.date-chip b{font-size:16px}.card{position:absolute;border-radius:28px;background:var(--paper);overflow:hidden}.card-a{left:52px;top:202px;width:232px;height:330px;padding:11px;border:1px solid var(--mist)}.p3-main{width:208px;height:278px;border:1px solid var(--moss);border-radius:20px}.p3-main img{width:178.76%;height:200.6%;left:-44.25%;top:-75.78%}.card-b{left:220px;top:385px;width:156px;height:196px;padding:10px;border:4px solid var(--cream);border-radius:22px;background:var(--olive)}.p3-detail{width:128px;height:132px;border-radius:15px}.p3-detail img{width:100%;height:145.44%;left:0;top:-4.57%}.card i{position:absolute;bottom:11px;left:0;width:100%;font:500 18px/1 "Dancing Script",cursive;text-align:center}.card-b i{color:var(--paper);font-size:16px}.dark-copy{top:628px;color:var(--olive);font-size:17px;line-height:26px}.city{position:absolute;top:716px;left:0;width:100%;margin:0;font:13px/1 "Cormorant Garamond",serif;text-align:center}.letter{position:absolute;left:36px;top:164px;width:342px;height:486px;padding:31px 35px;border-radius:24px;background:var(--cream);color:var(--olive);box-shadow:0 8px 18px #1f2b172e;text-align:center;transform:rotate(1deg)}.letter.visible{transform:rotate(1deg)}.letter>i{font:16px/1 "Cormorant Garamond",serif}.letter>p{margin:28px 0 14px;font-size:17px;line-height:28px}.letter>div:not(.letter-art){display:flex;justify-content:center;gap:13px}.letter>div>b{width:76px;border-radius:13px;background:var(--moss);color:var(--paper);font:10px/26px "Cormorant Garamond",serif}.letter>div>b:nth-child(2){background:var(--mist);color:var(--olive)}.letter-art{left:35px;top:292px;width:272px;height:145px;border:1px solid var(--moss);border-radius:18px}.letter-art img{width:114.78%;height:322.94%;left:-3.94%;top:-188.86%}.letter strong{position:absolute;bottom:18px;left:0;width:100%;font:20px/1 "Dancing Script",cursive}.address{position:absolute;top:150px;left:0;width:100%;margin:0;font-size:15px;line-height:24px;text-align:center}.p5-map{left:54px;top:225px;width:306px;height:252px;border:1px solid var(--moss);border-radius:22px}.p5-map img{width:191.82%;height:130.95%;left:-52.61%;top:-10.69%}.venue{position:absolute;top:515px;left:54px;width:306px;height:146px;padding-top:45px;border-radius:18px;background:var(--olive);color:var(--paper);text-align:center}.venue b{display:block;font:24px/1 "Cormorant Garamond",serif}.venue span{display:block;margin-top:9px;font-size:13px}.meet{position:absolute;top:737px;left:0;width:100%;margin:0;font-size:18px;text-align:center}.note-intro{position:absolute;top:174px;left:0;width:100%;margin:0;font-size:17px;line-height:26px;text-align:center}.gentle{position:absolute;top:246px;left:89px;width:236px;height:42px;margin:0;border:1px solid var(--moss);border-radius:21px;background:var(--mist);font-size:13px;line-height:40px;text-align:center}.notes{position:absolute;top:324px;left:48px;width:318px;display:grid;gap:18px}.notes article{display:flex;align-items:center;gap:16px;height:88px;padding:13px 17px;border:1px solid var(--mist);border-radius:16px;background:var(--paper)}.notes b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--moss);color:var(--paper);font:13px/1 "Cormorant Garamond",serif}.notes h3,.notes p{margin:0}.notes h3{font-size:18px}.notes p{margin-top:6px;color:var(--moss);font-size:12px}.see{position:absolute;top:665px;left:48px;width:318px;height:142px;padding-top:14px;border:1px solid var(--moss);border-radius:22px;background:var(--mist);text-align:center}.see>b{font-size:36px;line-height:40px}.see strong{display:block;font:24px/1 "Dancing Script",cursive}.see p{margin:8px 16px;font-size:12px}.faqs{position:absolute;top:162px;left:48px;width:318px;border-radius:22px;background:var(--cream);color:var(--olive);padding:0 28px}.faqs article{height:122px;padding-top:27px;border-bottom:1px solid var(--mist)}.faqs article:last-child{border:0}.faqs h3,.faqs p{margin:0}.faqs h3{font-size:16px}.faqs p{margin-top:8px;font-size:13px}.p7-art{left:80px;top:585px;width:254px;height:172px;border:1px solid var(--paper);border-radius:20px}.p7-art img{width:100%;height:100%;object-fit:cover}.portrait-card{position:absolute;left:49px;top:192px;width:316px;height:462px;border:1px solid var(--mist);border-radius:30px;background:var(--paper)}.p8-photo{left:20px;top:22px;width:274px;height:356px;border:1px solid var(--moss);border-radius:22px}.p8-photo img{width:163.5%;height:188.74%;left:-15.22%;top:-64.97%}.portrait-date{position:absolute;top:585px;left:145px;width:124px;height:38px;margin:0;border-radius:19px;background:var(--olive);color:var(--paper);font:12px/38px "Cormorant Garamond",serif;text-align:center}.portrait-date b{font-size:24px}.portrait-title{position:absolute;top:690px;left:0;width:100%;margin:0;font:29px/1 "Dancing Script",cursive;text-align:center}.portrait-copy{position:absolute;top:735px;left:0;width:100%;margin:0;font-size:14px;line-height:21px;text-align:center}.p9-photo{left:90px;top:145px;width:234px;height:138px;border:2px solid var(--paper);border-radius:16px;transform:rotate(-2deg)}.p9-photo img{width:114.2%;height:258.18%;left:-.02%;top:.22%}.rsvp{position:absolute;top:332px;left:48px;width:318px;height:360px;padding:27px 30px;border:0;border-radius:22px;background:var(--cream);color:var(--olive)}.rsvp>p{margin:0 0 17px;font-size:15px;line-height:22px;text-align:center}.rsvp label,.rsvp fieldset{display:grid;gap:7px;margin:0 0 14px;padding:0;border:0;font:14px/1.2 "Cormorant Garamond",serif}.rsvp input[type=text]{border:0;border-bottom:1px solid var(--mist);outline:0;background:transparent}.rsvp fieldset{grid-template-columns:1fr 1fr;gap:8px}.rsvp legend{grid-column:1/-1}.rsvp fieldset label{font-family:"LXGW WenKai TC",serif;white-space:nowrap}.rsvp select{height:34px;border:0;border-radius:8px;background:#f2edde;color:var(--olive)}.rsvp button{width:100%;height:42px;border:0;border-radius:21px;background:var(--olive);color:var(--paper);font:15px/1 "Cormorant Garamond",serif}.rsvp output{display:block;margin-top:6px;font-size:12px;text-align:center}.kicker{position:absolute;top:56px;left:0;width:100%;margin:0;color:#c2c9b0;text-align:center}.p10 h1{position:absolute;top:95px;left:0;width:100%;margin:0;text-align:center}.last-cn{position:absolute;top:144px;left:0;width:100%;margin:0;font-size:19px;text-align:center}.p10-photo{left:32px;top:204px;width:350px;height:248px}.p10-photo img{width:202%;height:160.44%;left:-70.34%;top:-22.94%}.last-copy{position:absolute;top:483px;left:0;width:100%;margin:0;font-size:15px;line-height:1.65;text-align:center}.hand{position:absolute;top:540px;left:0;width:100%;margin:0;color:white;font:23px/1.4 "Ma Shan Zheng",cursive;text-align:center}.last-names{position:absolute;top:767px;left:0;width:100%;margin:0;font:14px/1 "Cormorant Garamond",serif;text-align:center}@media(max-width:413px){.screen{transform-origin:top left}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}}
.p2-art img{object-fit:cover}
.p2-art{position:absolute;overflow:hidden}
.p2-art img{position:absolute;display:block;max-width:none}
.p7 .footer-note{top:783px;font-size:14px}
.rsvp{height:410px}
.rsvp button{position:absolute;left:30px;top:325px;width:258px}
.rsvp output{position:absolute;top:375px;left:0;width:100%;margin:0}
@media(max-width:413px){.invitation{width:100%;margin:0;overflow:visible}.screen{width:414px;max-width:none;left:calc((100% - 414px)/2);transform:scale(var(--mobile-scale,1));transform-origin:top center;margin-bottom:var(--mobile-offset,0)}.screen:last-child{margin-bottom:0}}
.rsvp{height:auto;min-height:440px}
.rsvp button{position:static;display:block;margin:10px 0 0}
.rsvp output{position:static;margin:6px 0 0}
.latin{font-size:16px}