#sec-invite{position:relative;width:100%;height:100%;overflow:hidden;background:#eae2cd;color:#211e18;isolation:isolate;--si-u:1;font-family:"WenKai",serif;-webkit-font-smoothing:antialiased}
#sec-invite *{box-sizing:border-box}
#sec-invite p,#sec-invite h1{margin:0}
#sec-invite .si-paper{position:absolute;inset:0;z-index:-1;background-color:#eae2cd;background-repeat:repeat;background-size:340px;pointer-events:none}
#sec-invite .si-layer{will-change:transform,opacity}
#sec-invite img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
#sec-invite .si-chandelier{position:absolute;left:4%;top:-1%;width:49%;height:25%;transform-origin:50% 0}
#sec-invite .si-heading{position:absolute;right:5%;top:5.5%;text-align:center;width:46%;transform:rotate(3deg)}
#sec-invite .si-kicker{font:700 calc(18px * var(--si-u))/1.2 "Gaegu",sans-serif;letter-spacing:.04em}
#sec-invite .si-pop{position:absolute;right:3%;top:9.5%;width:44%;aspect-ratio:680/510}
#sec-invite .si-bottle{position:absolute;left:43%;top:44%;width:54%;height:auto;transform-origin:10% 10%}
#sec-invite .si-bubbles{position:absolute;left:-2%;top:-3%;width:52%;height:auto;transform-origin:93% 94%}
#sec-invite .si-cork{position:absolute;left:0;top:8.55%;width:15.44%;height:14.7%}
#sec-invite .si-note{position:absolute;width:calc(24px * var(--si-u));height:calc(39px * var(--si-u))}
#sec-invite .si-note-one{left:7%;top:26%;transform:rotate(-12deg)}
#sec-invite .si-spark{position:absolute;width:calc(15px * var(--si-u));height:calc(27px * var(--si-u))}
#sec-invite .si-spark-one{left:53%;top:23.5%;transform:rotate(15deg)}
#sec-invite .si-spark-two{left:53%;top:73%;width:calc(13px * var(--si-u))}
#sec-invite .si-title{position:absolute;top:29%;left:4%;width:92%;text-align:center}
#sec-invite .si-script{font:400 calc(46px * var(--si-u))/.98 "Script",cursive;transform:rotate(-5deg);padding:calc(4px * var(--si-u)) 0 calc(6px * var(--si-u));color:#171713;width:94%;margin-inline:auto}
#sec-invite .si-script span{display:block;white-space:nowrap}
#sec-invite .si-script span:first-child{font-size:1.26em;line-height:1.05}
#sec-invite .si-party{position:absolute;left:0;bottom:1%;width:100%;height:25%}
#sec-invite .si-peonies{position:absolute;left:-12%;bottom:0;width:49%;aspect-ratio:681/501;transform-origin:20% 95%}
#sec-invite .si-drinks{position:absolute;left:46%;bottom:calc(8% + 72px);width:19%;aspect-ratio:301/346;transform-origin:50% 100%}
#sec-invite .si-hands{position:absolute;right:1.5%;bottom:0;width:35%;aspect-ratio:416/461;transform-origin:90% 90%}
#sec-invite .si-label{position:absolute;left:12%;top:44%;width:25%;font:700 calc(16px * var(--si-u))/.92 "Gaegu",cursive;color:#29231b;text-align:center;transform:rotate(6deg)}
#sec-invite .si-details{position:absolute;left:4%;width:92%;top:35%;height:29%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;white-space:nowrap}
#sec-invite .si-date{font-size:calc(14px * var(--si-u));line-height:1.5}
#sec-invite .si-lunar{font-size:calc(13px * var(--si-u));line-height:1.5;color:#726852;letter-spacing:.06em}
#sec-invite .si-time{font-size:calc(17px * var(--si-u));line-height:1.5;letter-spacing:.06em}
#sec-invite .si-venue{font-size:calc(15px * var(--si-u));line-height:1.5}
#sec-invite .si-welcome{font-size:calc(14px * var(--si-u));line-height:1.5;letter-spacing:.12em;color:#726852}
/* the script title was removed at the client's request; the details now sit centred in the open middle */
#sec-invite .si-title{display:none}
#sec-invite .si-date{font-size:calc(15.5px * var(--si-u))}
#sec-invite .si-lunar{font-size:calc(14px * var(--si-u))}
#sec-invite .si-time{font-size:calc(19px * var(--si-u))}
#sec-invite .si-venue{font-size:calc(16.5px * var(--si-u))}
#sec-invite .si-welcome{font-size:calc(15px * var(--si-u))}