*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:--theme(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:--theme(--default-font-feature-settings, normal);font-variation-settings:--theme(--default-font-variation-settings, normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:--theme(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:--theme(--default-mono-font-feature-settings, normal);font-variation-settings:--theme(--default-mono-font-variation-settings, normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{--paper:#f3efe5;--paper-light:#faf7f0;--ink:#342e27;--red:#902e2c;--muted-ink:#756b60;--line:#c8bfb0;--serif:"Letter Serif", "Songti SC", "STSong", "Noto Serif CJK SC", serif;--sans:"Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--display:Georgia, "Times New Roman", serif;--numerals:"Wedding Numerals", "Times New Roman", serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:auto;overscroll-behavior-y:none;background:var(--paper);scroll-padding-top:85px}body{overscroll-behavior-y:none;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0}body:after{content:"";pointer-events:none;z-index:70;opacity:.1;background-image:url(/wedding-invitations/hunbei/paper-grain.svg);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--red);outline-offset:6px}::selection{background:var(--red);color:var(--paper)}h1,h2,p{margin:0}.skip-link{background:var(--red);color:#fff;z-index:100;padding:14px;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:100px;margin:0 4.2%;display:flex;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--serif);letter-spacing:.08em;color:var(--red);align-items:center;gap:8px;font-size:23px;display:flex}.wordmark>span:not(.wordmark-en){font-size:15px}.wordmark-en{max-width:90px;font:10px/1.45 var(--sans);letter-spacing:.16em;margin-left:15px;display:block}.header-date{letter-spacing:.19em;margin-left:-7%;font-size:11px}.header-invite{letter-spacing:.08em;align-items:center;gap:26px;font-size:14px;display:flex}.header-invite span{font-size:23px;transition:transform .25s}.header-invite:hover span{transform:translate(3px,-3px)}.invitation{background:var(--paper-light);border-top:1px solid var(--line);padding:40px 7% 0;scroll-margin-top:0;position:relative}.invitation-top{color:var(--muted-ink);letter-spacing:.16em;justify-content:space-between;font-size:11px;display:flex}.invitation-main{grid-template-columns:1fr 1fr;gap:12%;padding:90px 6% 100px;display:grid}.invitation-heading h2{font:400 clamp(50px, 16.875px, 76px)/1.35 var(--serif);letter-spacing:.02em;margin-top:25px}.invitation-heading h2 span{color:var(--red)}.invitation-heading>p{color:var(--muted-ink);margin-top:34px;font-size:15px;line-height:2.1}.couple-signature{color:var(--red);font-family:var(--serif);letter-spacing:.2em;margin-top:40px;font-size:24px}.couple-signature i{font-family:var(--display);margin:0 8px;font-weight:400}.invitation-details{text-align:center;border-left:1px solid var(--line);align-self:center;padding-left:18%}.invitation{--ink:#000;--muted-ink:#000;color:var(--ink)}.date-display>span{letter-spacing:.22em;font-size:13px;display:block}.date-display strong{font:normal 400 clamp(90px, 30px, 122px)/1.3 var(--numerals);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap;letter-spacing:0;color:var(--ink);display:block}.date-display strong>span,.date-display strong>i{color:inherit}.date-display strong>i{font:inherit}.date-display strong>em,.schedule div>span>em{font:inherit;color:var(--red)}.schedule{justify-content:center;align-items:center;gap:38px;margin:38px 0 26px;display:flex}.schedule div>span{font:normal 400 36px/1.4 var(--numerals);font-variant-numeric:lining-nums tabular-nums}.schedule p{letter-spacing:.12em;color:var(--muted-ink);margin-top:8px;font-size:12px}.schedule i{background:var(--line);width:1px;height:30px}.venue{border-top:1px solid var(--line);padding:27px 0}.venue p{font:22px/1.6 var(--serif)}.venue>span{margin-top:9px;font-size:14px;display:block}.invite-actions{flex-direction:column;gap:10px;display:flex}.map-options{text-align:left;font-size:13px}.map-options summary{cursor:pointer;min-height:44px;color:var(--muted-ink);padding:14px 20px}.map-options nav{border-top:1px solid var(--line);padding:0 20px}.map-option{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;display:flex}.map-option a{min-height:48px;color:var(--red);align-items:center;gap:8px;display:inline-flex}.map-option a+a,.map-option span{color:var(--muted-ink);font-size:11px}.map-options p{color:var(--muted-ink);padding:12px 20px;font-size:12px;line-height:1.8}.button{letter-spacing:.05em;border:1px solid var(--red);justify-content:space-between;align-items:center;min-height:49px;padding:13px 20px;font-size:14px;transition:background .2s,color .2s;display:flex}.button span{font-size:20px}.button-red{background:var(--red);color:var(--paper-light)}.button-red:hover{background:#722321}.button-line{color:var(--red)}.button-line:hover{background:#eee3d7}.invitation-feedback{color:var(--muted-ink);min-height:30px;margin-top:18px;font-size:11px;line-height:1.5}.site-footer{border-top:1px solid var(--line);color:var(--muted-ink);letter-spacing:.1em;justify-content:space-between;align-items:center;padding:25px 0;font-size:11px;display:flex}.site-footer a{color:var(--red);font:18px var(--serif)}.site-footer a span{margin-left:15px}.text-button{color:var(--red);border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:30px;padding:12px 0;font-size:14px;display:inline-flex}@font-face{font-family:Cover Brush;src:url(/wedding-invitations/hunbei/assets/cover-brush-cX2vBP3b.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+4EEC,U+4F60,U+5171,U+5A5A,U+6211,U+7684,U+793C,U+8BDA,U+8D74,U+9080,U+FF0C}.opening-cover{perspective:1600px;perspective-origin:0}.cover-page{background:var(--paper);position:absolute;inset:0;overflow:hidden}.cover-page-shadow{pointer-events:none;opacity:var(--cover-shadow,0);transform:translateX(calc(var(--cover-edge,1) * 100%));background:linear-gradient(90deg,#21180d55,#0000 22%);position:absolute;inset:0}.cover-sheet{transform-style:preserve-3d;transform-origin:0;transform:rotateY(calc(var(--cover-turn,0) * -180deg));position:absolute;inset:0}.opening-cover[data-phase=opening] .cover-sheet{will-change:transform}body:has(.opening-cover[data-phase=opening]) .site-header{visibility:hidden}.opening-cover[data-phase=open] .cover-sheet{visibility:hidden;transform:rotateY(-180deg)}.opening-cover[data-phase=open] .cover-page-shadow{opacity:0}.cover-front,.cover-back{backface-visibility:hidden;background:var(--paper-light);position:absolute;inset:0;overflow:hidden;box-shadow:0 16px 44px #251a1426}.cover-front{transform:rotateY(0)}.cover-back{background:var(--paper);transform:rotateY(180deg)}.opening-cover[data-side=front] .cover-back,.opening-cover[data-side=back] .cover-front{visibility:hidden}.cover-front-content{pointer-events:none;position:absolute;inset:0}.cover-print{position:absolute;inset:0}.cover-print picture,.cover-print img{width:100%;height:100%;position:absolute;inset:0}.cover-print img{object-fit:cover;object-position:50% 63%;-webkit-user-select:none;user-select:none}.cover-vignette{background:linear-gradient(#17201955 0%,#10190f20 25%,#0000 52%,#0e170f18 68%,#0d1b0ec7 100%);position:absolute;inset:0}.cover-lettering{color:#fffaf0;position:absolute;inset:0}.cover-prefix{white-space:nowrap;font:16px var(--serif);letter-spacing:.35em;position:absolute;top:19%;left:50%;transform:translate(-50%)}.cover-invitation{display:none}.cover-inside>.cover-inside-names{font-size:28px}.cover-prefix i{font:italic 22px var(--display);margin:0 20px}.cover-title{font:400 clamp(100px, 48.75px, 220px)/1.1 var(--serif);letter-spacing:-.07em;text-shadow:0 3px 25px #15201018;justify-content:space-between;align-items:center;display:flex;position:absolute;top:24%;left:10%;right:10%}.cover-title i{font:22px var(--serif);opacity:.7}.cover-title>span:last-child{margin-top:0}.cover-bottom{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:8.8%;left:5%;right:5%}.cover-bottom p{font:23px/1.5 var(--serif);letter-spacing:.08em}.cover-bottom span{font:11px var(--sans);letter-spacing:.2em;margin-top:13px;display:block}.cover-date{text-align:right}.cover-date strong{font:62px/1 var(--display);letter-spacing:-.05em}.cover-date span{letter-spacing:.15em;font-size:13px}.cover-date .cover-location{letter-spacing:.03em;margin-top:9px;font-size:12px}.unseal-control{text-align:center;color:#fffaf0;transition:opacity .2s;position:absolute;bottom:7.8%;left:50%;transform:translate(-50%)}.unseal-button{color:#fff7e9;pointer-events:auto;width:90px;height:90px;font:22px var(--serif);background:#8f302b;border:1px solid #b96351;border-radius:50%;justify-content:center;align-items:center;gap:6px;transition:transform .5s cubic-bezier(.2,.75,.2,1),box-shadow .5s;display:inline-flex;position:relative;box-shadow:inset 0 0 0 5px #8f302b,inset 0 0 0 6px #c28169,0 5px 22px #06140733}.unseal-button i{font:18px var(--sans);transition:transform .5s}.unseal-button:hover,.unseal-button:focus-visible{transform:rotate(-7deg)scale(1.08);box-shadow:inset 0 0 0 5px #8f302b,inset 0 0 0 6px #c28169,0 10px 30px #06140766}.unseal-button:hover i{transform:rotate(7deg)translate(2px,-2px)}.unseal-button:active{transform:rotate(-3deg)scale(.97)}.unseal-button:focus-visible{outline-color:#fffaf0}.opening-cover[data-phase=opening] .unseal-control{opacity:0}body:has(.experience-stage[data-cover=true]) .site-header{color:#fffaf0;border-color:#fffaf042}body:has(.experience-stage[data-cover=true]) .wordmark{color:#fffaf0}body:has(.experience-stage[data-cover=true]) .header-invite:focus-visible{outline-color:#fffaf0}.experience-stage[data-cover=true] .reading-toggle{color:#fffaf0}.experience-stage .reading-toggle{z-index:12}.experience-stage .journey-control{opacity:var(--chapter-progress)}.experience-stage .paper-ground{width:66%;top:73%;left:17%}.experience-stage .letter-continuation{top:79%}.cover-print img{object-position:50% 46%}.cover-vignette{background:linear-gradient(#07140d88 0%,#09170d50 29%,#0000 48%,#0b1e1320 64%,#102317dd 100%)}.cover-prefix{letter-spacing:.2em;font-size:14px;top:16%}.cover-prefix i{margin:0 10px;font-size:20px}.cover-title{font-size:63.75px;top:22%;left:7%;right:7%}.cover-title i{font-size:14px}.cover-bottom{display:block;bottom:29%;left:7%;right:7%}.cover-bottom p{font-size:18px}.cover-bottom>div>span{margin-top:8px;font-size:10px}.cover-date{width:230px;position:absolute;top:79px;right:0}.cover-date strong{font-size:36px}.cover-bottom .cover-date span{letter-spacing:.04em;font-size:11px}.cover-bottom .cover-date .cover-location{letter-spacing:0;margin-top:7px;font-size:10px}.unseal-control{transform-origin:0;text-align:left;bottom:5.7%;left:7%;transform:none}.unseal-button{width:73px;height:73px;font-size:19px}.experience-stage .chapter-copy{top:12%}.experience-stage .chapter-copy h2{font-size:27px}.experience-stage .paper-ground{width:86%;left:7%}.experience-stage .reading-toggle{bottom:1%}.cover-print img{width:max(116.3%,541.62px);max-width:none;height:auto;inset:46% auto auto 50%;transform:translate(-43%,-46%)}.reading-cover{height:812px;position:relative;overflow:hidden}body:has(.reading-cover) .site-header{color:#fffaf0;border-color:#fffaf042}body:has(.reading-cover) .wordmark{color:#fffaf0}@font-face{font-family:Letter Serif;src:url(/wedding-invitations/hunbei/assets/letter-serif-9-nJ5bsm.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:LXGW WenKai GB;src:url(/wedding-invitations/hunbei/assets/letter-hand-BMwPx2TG.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Letter Brush;src:url(/wedding-invitations/hunbei/assets/letter-brush-B65BP0o1.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Wedding Numerals;src:url(data:font/woff2;base64,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)format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--hand:"LXGW WenKai GB", "Kaiti SC", KaiTi, cursive;--brush:"Letter Brush", "Kaiti SC", KaiTi, cursive}.eyebrow{font:12px/1.6 var(--sans);letter-spacing:.18em}.opening-cover{isolation:isolate;background:#e8dfcd;height:812px;position:relative;overflow:hidden}.opening-cover[data-phase=opening] .unseal-button{pointer-events:none}.cover-inside{height:100%;color:var(--red);flex-direction:column;justify-content:center;align-items:center;gap:35px;display:flex}.cover-inside>span{font:14px var(--sans);letter-spacing:.2em}.cover-inside p{font:56px/1.5 var(--serif);text-align:center}.cover-inside em{font:normal 64px var(--brush)}.cover-revisit{background:var(--red);border:1px solid var(--red);white-space:nowrap;min-height:48px;color:var(--paper-light);border-radius:3px;padding:14px 24px;position:absolute;bottom:12%;left:50%;transform:translate(-50%)}.skip-opening{z-index:10;color:#fffaf0;background:0 0;border:0;min-height:44px;font-size:12px;position:absolute;bottom:14px;left:5%}.opening-cover:not([data-phase=closed]) .skip-opening{visibility:hidden}:is(body:has(.opening-cover[data-side=front]) .site-header,body:has(.opening-cover[data-side=front]) .wordmark){color:#fffaf0;border-color:#fffaf042}.chapter-navigation{border-bottom:1px solid var(--line);max-width:1320px;font:12px var(--display);letter-spacing:.07em;gap:54px;margin:auto;padding:32px 6%;display:flex}.chapter-navigation a{min-height:44px;color:var(--muted-ink);align-items:center;gap:12px;display:flex}.chapter-navigation a[aria-current],.chapter-navigation a:hover{color:var(--red)}.chapter-navigation span{font:15px var(--serif)}.companionship{padding:110px 6% 80px;overflow:clip}.chapter-heading{max-width:1120px;color:var(--red);margin:0 auto 95px}.chapter-heading h2{font:400 clamp(38px, 16.875px, 70px)/1.45 var(--serif);letter-spacing:-.025em;margin-top:25px}.chapter-heading h2 em{font:normal 1.02em var(--hand)}.chapter-heading>p{color:var(--muted-ink);font:16px/1.9 var(--sans);margin-top:25px}.photo-waterfall{max-width:1240px;margin:auto}.story{grid-template-columns:1.1fr .9fr;align-items:center;gap:9%;margin:0 0 140px;scroll-margin-top:32px;display:grid;position:relative}.story-margin{color:var(--red);font:italic 14px var(--display);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;top:0;bottom:0;left:-26px}.story-margin i{background:var(--line);width:1px;height:120px;display:block}.story-photograph{text-align:left;background:#fcf9f2;border:0;width:100%;padding:12px 12px 45px;transition:box-shadow .3s;position:relative;box-shadow:0 16px 32px -25px #3b2f1f70}.story-photograph:hover{box-shadow:0 20px 35px -20px #3b2f1f60}.story-photograph img{object-fit:cover;width:100%;height:270px;display:block}.photo-paper-tab{letter-spacing:.12em;justify-content:space-between;align-items:center;height:45px;font-size:12px;display:flex;position:absolute;bottom:0;left:12px;right:12px}.photo-paper-tab i{font:normal 24px var(--sans);transition:transform .3s}.story-photograph:hover .photo-paper-tab i{transform:rotate(45deg)}.story-number{color:var(--muted-ink);font:12px var(--sans);letter-spacing:.2em}.story-caption h3{color:var(--red);font:400 clamp(28px, 11.25px, 46px)/1.5 var(--serif);margin:23px 0 20px}.story-caption p{font:20px/1.8 var(--hand)}.read-reverse{color:var(--red);border:0;border-bottom:1px solid var(--line);background:0 0;align-items:center;gap:35px;min-height:48px;margin-top:25px;padding:6px 0;font-size:14px;display:inline-flex}.read-reverse span{font-size:22px;transition:transform .3s}.read-reverse:hover span{transform:translate(3px,-3px)}.story-memo{grid-template-columns:.8fr 1.2fr}.story-memo .story-photograph{background:#e7ddc8;grid-area:1/2;padding:0 0 45px}.story-memo .story-caption{grid-area:1/1;padding-left:8%}.story-memo .story-photograph img{height:560px}.story-memo .story-caption h3{font-family:var(--hand)}.story-postcard{grid-template-columns:1fr 1fr;gap:12%;padding:0 5%}.story-postcard .story-photograph{padding:18px 18px 45px;transform:rotate(-2deg)}.story-postcard .story-photograph img{height:580px}.story-postcard .story-caption h3{font-family:var(--hand);color:#3a5758}.story-book{grid-template-columns:1fr;gap:25px;margin-bottom:65px}.story-book .story-photograph{padding:0 0 45px}.story-book .story-photograph img{height:560px}.story-book .story-caption{grid-template-columns:1fr 1fr;align-items:baseline;gap:0 40px;display:grid}.story-book .story-caption h3{font-family:var(--brush);grid-column:1;margin:10px 0;font-size:48px}.story-book .story-caption p{grid-area:1/2/span 2}.story-book .read-reverse{grid-column:2;justify-self:start;margin-top:0}.waterfall-ending{font:19px/1.9 var(--hand);color:var(--muted-ink);text-align:center;margin:70px 0 10px}.heartfelt{background:#e9e3d7;border-top:1px solid #d8cdbb;padding:100px 6% 120px;overflow:clip}.heartfelt .chapter-heading{text-align:center;margin-bottom:70px}.heartfelt-spread{--heart-columns:1fr 1.1fr 1fr;grid-template-columns:var(--heart-columns);align-items:center;gap:22px;max-width:1240px;margin:auto;display:grid}.heart-letters{grid-area:1/1/auto/-1;grid-template-columns:var(--heart-columns);gap:inherit;perspective:1400px;pointer-events:none;z-index:1;align-items:center;display:grid}.heart-letter{text-align:left;pointer-events:auto;backface-visibility:hidden;min-height:455px;transform:rotate(var(--fan-rest));background:#faf6eb;border:0;padding:44px 28px 30px;position:relative;box-shadow:0 12px 26px -18px #3b2f1f80}.heart-letter-left{--fan-x:calc(105% + 22px);--fan-turn:62deg;--fan-angle:12deg;--fan-rest:-3deg;transform-origin:100% 80%;grid-area:1/1}.heart-letter-right{--fan-x:calc(-105% - 22px);--fan-turn:-62deg;--fan-angle:-12deg;--fan-rest:3deg;transform-origin:0 80%;background:#ede8db;grid-area:1/3}.heart-letters[data-fan=folded] .heart-letter{transform:translateX(var(--fan-x)) rotateY(var(--fan-turn)) rotate(var(--fan-angle))}.heart-letters[data-fan=opening] .heart-letter{will-change:transform;animation:1.5s both unfold-letter}.heart-letters[data-fan=opening] .heart-letter-right{animation-delay:90ms}.heart-letter:after{content:"";pointer-events:none;opacity:0;background:linear-gradient(90deg,#0000 55%,#6e523926);position:absolute;inset:0}.heart-letter-right:after{background:linear-gradient(270deg,#0000 55%,#6e523926)}.heart-letters[data-fan=opening] .heart-letter:after{animation:1.5s ease-out both paper-crease}@keyframes unfold-letter{0%{transform:translateX(var(--fan-x)) rotateY(var(--fan-turn)) rotate(var(--fan-angle));animation-timing-function:cubic-bezier(.2,.72,.22,1)}68%{transform:translateX(0) rotateY(0deg) rotate(calc(var(--fan-rest) * 1.35));animation-timing-function:ease-in-out}84%{transform:rotate(calc(var(--fan-rest) * .94));animation-timing-function:ease-out}to{transform:rotate(var(--fan-rest))}}@keyframes paper-crease{0%{opacity:1}to{opacity:0}}.heart-letter p{white-space:pre-line;font:22px/1.9 var(--hand);margin-top:32px}.heart-letter .eyebrow{color:var(--red)}.heart-verse{display:block}.heart-signature{font:15px var(--hand);color:var(--red);margin-top:32px;display:block}.heart-letter i{font:normal 24px var(--display);position:absolute;bottom:18px;right:22px}.heart-invite{z-index:2;background:var(--red);color:#fff4df;text-align:center;flex-direction:column;grid-area:1/2;justify-content:center;align-items:center;gap:20px;min-height:520px;padding:42px 20px;display:flex;position:relative}.heart-invite>strong{font:116px/1 var(--hand)}.heart-invite>p{font:25px var(--serif);letter-spacing:.08em}.heart-invite>p i{font:italic 22px var(--display)}.heart-invite>div{font:14px/1.8 var(--sans);letter-spacing:.12em}.heart-invite>a{border-bottom:1px solid #fff4df80;min-height:44px;margin-top:12px;padding:12px;font-size:14px}.next-page{right:30px;bottom:max(24px, env(safe-area-inset-bottom));z-index:40;color:#fff7e9;background:#902e2c;border:1px solid #b66755;border-radius:40px;place-items:center;width:52px;height:52px;padding:12px;display:grid;position:fixed;box-shadow:0 6px 24px #39291f2e}.next-page[hidden]{display:none}.next-page>svg{width:100%;height:100%;transition:transform .25s}.next-page:hover>svg{transform:translateY(3px)}.next-page:active{transform:scale(.96)}body:has([data-slot=dialog-content]) .next-page{visibility:hidden}.next-page:focus-visible{outline-color:var(--red);outline-offset:4px}.next-page[data-on-cover=true]:focus-visible{outline-color:#fff}.correspondence-dialog{color:var(--ink);flex-direction:column;max-height:772px;overflow:hidden;background:#eee7d8!important;border:0!important;border-radius:0!important;gap:0!important;width:335px!important;max-width:950px!important;padding:0!important;display:flex!important}.note-toolbar{background:#f5efe2;border-bottom:1px solid #cebd9d;flex-shrink:0;justify-content:space-between;align-items:center;padding:7px 12px 7px 24px;display:flex}.note-toolbar>span{font:12px var(--sans);letter-spacing:.12em}.note-close{width:44px;height:44px;color:var(--red);font:28px var(--sans);background:0 0;border:0}.note-scroll{overscroll-behavior:contain;grid-template-columns:.72fr 1.28fr;min-height:0;display:grid;overflow-y:auto}.note-photograph{background:#ded5c1;flex-direction:column;gap:15px;padding:22px;display:flex}.note-photograph img{object-fit:cover;width:100%;height:100%;min-height:350px;max-height:520px}.note-photograph>span{font:16px var(--hand);text-align:center}.stationery{background:#faf6e9;min-height:530px;padding:32px 40px;animation:.45s cubic-bezier(.2,.75,.2,1) both set-down-note;position:relative;overflow:hidden}.stationery-top{font:11px/1.5 var(--sans);color:#73634f;letter-spacing:.1em;border-bottom:1px solid #b4946c55;justify-content:space-between;gap:12px;padding-bottom:15px;display:flex}.stationery-title{color:#673c2a;font:400 32px/1.5 var(--hand)!important;letter-spacing:.03em!important;margin:38px 0 24px!important}.stationery-message{white-space:normal;margin:16px 0 0;font:26px/2 var(--hand)!important;color:#483e33!important}.stationery-line{text-wrap:balance;display:block}.stationery-phrase{max-width:100%;display:inline-block}.stationery-line:empty{height:1em}.stationery-signature{text-align:right;color:#6b3929;margin-top:35px}.stationery-signature span{font:16px var(--hand);margin-bottom:14px;display:block}.stationery-signature strong{font:22px var(--hand)}.stationery-folio{font:italic 16px var(--display);color:#715c45;position:absolute;bottom:20px;left:40px}.stationery-letter{background-image:linear-gradient(90deg,#0000 49.6%,#aa987716 50%,#0000 50.4%)}.stationery-letter .stationery-message{background:repeating-linear-gradient(#0000 0 51px,#b9997040 51px 52px);padding-left:5px}.letter-salutation{font:20px var(--hand);color:#73533e}.stationery-memo{background-color:#f4e8b4;background-image:linear-gradient(#af936026 1px,#0000 1px),linear-gradient(90deg,#af936026 1px,#0000 1px);background-size:24px 24px;border-left:16px solid #e1c888}.memo-date{font:14px var(--sans);color:#5d583d;margin-top:35px;display:block}.stationery-memo .stationery-title{color:#4e5b42;transform:rotate(-2deg);font:32px var(--brush)!important;margin-top:24px!important}.stationery-memo .stationery-message{margin-top:30px;transform:rotate(-2deg);font:30px/1.9 var(--brush)!important;color:#485240!important}.stationery-memo .stationery-signature{transform:rotate(-2deg)}.stationery-postcard{color:#344f53;background:#ecf0e8;border:10px solid #faf5e9;padding-top:24px}.stationery-postcard .stationery-top{border:0;padding-right:115px}.postmark{outline-offset:4px;text-align:center;color:#49645e;border:1px solid #94aaa2;outline:1px dashed #647c79;width:90px;padding:10px 4px;position:absolute;top:22px;right:20px;transform:rotate(6deg)}.postmark span{font:9px/1.7 var(--sans);display:block}.postmark strong{font:27px/1.5 var(--display)}.stationery-postcard .stationery-title{color:#34515c;font:25px var(--sans)!important;margin-top:100px!important}.stationery-postcard .stationery-message{border-left:1px solid #8daba177;padding-left:22px;font:25px/1.9 var(--hand)!important;color:#34515c!important}.stationery-postcard .stationery-signature{color:#34515c;border-top:1px solid #8daba177;padding-top:20px}.stationery-book{background-color:#e9dec8;background-image:linear-gradient(90deg,#a090731c,#0000 16%);padding-left:55px}.stationery-book:before{content:"";border-left:1px solid #a3917255;border-right:1px solid #a3917255;width:8px;position:absolute;top:0;bottom:0;left:12px}.stationery-book{grid-template-columns:minmax(0,1fr) auto;align-content:start;column-gap:20px;display:grid}.stationery-book .stationery-top{grid-column:1/-1}.stationery-book .stationery-title{writing-mode:vertical-rl;height:235px;color:var(--red);grid-area:2/2;font:32px var(--serif)!important;margin:38px 0 24px!important}.stationery-book .stationery-message{grid-area:2/1;align-self:center;margin:38px 0 24px;font:28px/1.85 var(--serif)!important}.stationery-book .stationery-signature{grid-column:1/-1;padding-top:18px}.stationery-book .stationery-signature strong{font-family:var(--hand);font-size:27px}.note-navigation{background:#f5efe2;border-top:1px solid #cebd9d;flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;padding:9px 20px;display:flex}.note-navigation>button{min-height:44px;color:var(--red);background:0 0;border:0;align-items:center;gap:12px;padding:6px;font-size:20px;display:inline-flex}.note-navigation>span{color:#675d53;font-size:12px}.note-navigation .note-return{justify-content:flex-start;min-width:116px;min-height:48px}.stationery-top>span:last-child{white-space:nowrap}@keyframes set-down-note{0%{transform:perspective(1300px)rotateX(7deg)rotate(-2deg)scale(.97)}to{transform:perspective(1300px)rotateX(0)rotate(0)scale(1)}}.invitation{padding-bottom:60px}.invitation-heading>p{font-size:16px}.venue p{white-space:normal;font-size:22px}.venue>span{color:var(--red);font-size:18px}.schedule p,.invitation-feedback,.map-options,.map-options p,.map-option a+a{font-size:13px}.heart-letter{padding:30px 20px}.heart-letter p{font-size:19px}.invitation-main{gap:6%;padding:65px 0}.invitation-details{padding-left:10%}html{scroll-padding-top:24px}.site-header{height:78px;margin:0 6%}.wordmark{gap:5px;font-size:20px}.wordmark-en{max-width:65px;margin-left:5px;font-size:8px}.header-date{display:none}.header-invite{gap:10px;font-size:12px}.header-invite span{font-size:23px}.cover-bottom .cover-date .cover-location{line-height:1.5}.cover-inside p{font-size:40px}.cover-inside em{font-size:43px}.skip-opening{min-height:32px;font-size:11px;bottom:4px;left:7%}.chapter-navigation{justify-content:space-between;gap:8px;padding:20px 6%}.chapter-navigation a{gap:6px;font-size:11px}.chapter-navigation span{font-size:14px}.companionship{padding:65px 6% 50px}.chapter-heading{margin-bottom:65px}.chapter-heading h2{margin-top:20px;font-size:37px}.chapter-heading>p{margin-top:20px;font-size:15px}.story,.story-memo,.story-postcard{flex-direction:column;gap:26px;margin-bottom:95px;padding:0;display:flex}.story-margin{font-size:11px;left:-14px}.story-margin i{height:70px}.story-photograph{padding:9px 9px 37px}.story-photograph img,.story-memo .story-photograph img,.story-postcard .story-photograph img{height:414.12px;min-height:265px;max-height:540px}.photo-paper-tab{height:37px;font-size:11px}.story-memo .story-photograph{padding-bottom:37px}.story-postcard .story-photograph{width:94%;padding:10px 10px 37px}.story-caption,.story-memo .story-caption{width:100%;padding:0 5px}.story-number{font-size:11px}.story-caption h3{margin:10px 0;font-size:28px}.story-caption p{font-size:18px}.read-reverse{gap:25px;margin-top:10px;font-size:14px}.story-book .story-photograph{padding-bottom:37px}.story-book .story-photograph img{height:365.4px;min-height:260px}.story-book .story-caption{display:block}.story-book .story-caption h3{font-size:35px}.story-book .read-reverse{margin-top:10px}.waterfall-ending{margin-top:0;padding:0 12px;font-size:17px}.heartfelt .chapter-heading h2{font-size:33px}.heartfelt-spread{--heart-columns:1fr 1fr;gap:16px 10px}.heart-letters{grid-row:2}.heart-letter{--fan-turn:0deg;grid-row:1;min-height:0;padding:20px 14px 28px}.heart-letter p{margin-top:15px;font-size:16px;line-height:1.6}.heart-verse+.heart-verse{margin-top:10px}.heart-letter .eyebrow{letter-spacing:.04em;font-size:11px}.heart-letter i{font-size:20px;bottom:10px;right:14px}.heart-signature{margin-top:16px;font-size:13px;line-height:1.5}.heart-letter-right{--fan-x:calc(-50% - 5px);--fan-angle:-15deg;--fan-rest:2deg;transform-origin:15% 90%;grid-area:1/2}.heart-letter-left{--fan-x:calc(50% + 5px);--fan-angle:15deg;--fan-rest:-2deg;transform-origin:85% 90%}.heart-letters[data-fan=opening] .heart-letter{animation-duration:1.25s}.heart-invite{grid-area:1/1/auto/span 2;grid-template-columns:1fr 1fr;gap:18px 12px;min-height:0;margin-bottom:14px;padding:32px 18px 22px;display:grid}.heart-invite>strong{grid-area:1/1/span 3;font-size:118px}.heart-invite>span{letter-spacing:.02em;font-size:12px}.heart-invite>p{letter-spacing:0;font-size:20px}.heart-invite>div{letter-spacing:.04em;font-size:12px}.heart-invite>a{border:0;grid-column:1/span 2;margin:0}.next-page{right:16px;bottom:max(18px, env(safe-area-inset-bottom));width:48px;height:48px;padding:10px}.correspondence-dialog{max-height:782px;width:351px!important}.note-toolbar{padding:3px 6px 3px 17px}.note-scroll{display:block}.note-photograph{display:none}.stationery{min-height:450px;padding:24px 25px 42px}.stationery-top{letter-spacing:.02em;font-size:10px}.stationery-title{margin:33px 0 22px!important;font-size:29px!important}.stationery-message{font-size:23px!important;line-height:2!important}.stationery-letter .stationery-message{background-image:repeating-linear-gradient(#0000 0 45px,#b9997040 45px 46px);background-size:auto}.stationery-signature{margin-top:28px}.stationery-signature strong{font-size:21px}.stationery-folio{bottom:16px;left:25px}.stationery-memo{border-left-width:10px}.stationery-memo .stationery-title{font-size:30px!important}.stationery-memo .stationery-message{font-size:29px!important}.stationery-postcard{border-width:7px}.stationery-postcard .stationery-top{flex-direction:column;gap:6px;padding-right:75px}.postmark{width:68px;padding:6px 2px;top:20px;right:16px}.postmark strong{font-size:23px}.postmark span{font-size:8px}.stationery-postcard .stationery-title{margin-top:72px!important;font-size:23px!important}.stationery-postcard .stationery-message{padding-left:15px;font-size:24px!important}.stationery-book{padding-left:38px}.stationery-book .stationery-title{height:195px;margin-left:0!important;font-size:28px!important}.stationery-book .stationery-message{margin:33px 0 22px;font-size:24px!important}.stationery-book .stationery-signature{padding-top:10px}.note-navigation{padding:6px 12px}.note-navigation button>span{font-size:13px}.note-navigation>span{font-size:11px}.invitation{padding:28px 7% 90px}.invitation-top{font-size:11px}.invitation-main{padding:45px 0 40px;display:block}.invitation-heading h2{font-size:48px}.invitation-heading>p{margin-top:25px;font-size:15px;line-height:2}.desktop-break{display:none}.couple-signature{letter-spacing:.08em;margin-top:28px;font-size:23px}.couple-signature span{margin-left:12px;font-size:12px}.invitation-details{border-left:0;border-top:1px solid var(--line);margin-top:40px;padding:35px 0 0}.date-display strong{font-size:93.75px}.date-display>span{letter-spacing:.12em;font-size:13px}.schedule{gap:37px;margin-top:28px}.venue p{font-size:22px}.venue>span{font-size:19px}.site-footer{flex-wrap:wrap;gap:15px;font-size:11px}.site-footer>span:last-child{flex-basis:100%}.image-save-dialog{max-height:calc(100dvh - 24px);color:var(--ink);flex-direction:column;overflow:hidden;background:var(--paper-light)!important;border-radius:2px!important;gap:0!important;width:351px!important;max-width:440px!important;padding:0!important;display:flex!important}.image-save-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px 6px 20px;display:flex}.image-save-header h2{font:20px/1.5 var(--hand)!important}.image-save-header button{width:44px;height:44px;font:28px var(--sans);color:var(--red);background:0 0;border:0}.image-save-scroll{overscroll-behavior:contain;background:#e5dccb;min-height:0;padding:16px;overflow-y:auto}.image-save-scroll>output{text-align:center;padding:50px 20px;display:block}.invitation-image{-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto;width:100%;height:auto;display:block;box-shadow:0 4px 15px #3b2f1f20}.image-save-actions{flex-shrink:0;padding:12px 18px}.image-save-actions>p,.image-save-feedback{font:14px/1.6 var(--sans)!important;color:var(--muted-ink)!important}.image-save-actions .button{width:100%;min-height:44px;margin-top:10px;padding:8px 14px}.image-save-feedback:empty{display:none}.image-save-feedback:not(:empty){margin-top:10px;display:block}.arrow-icon{vertical-align:-.12em;pointer-events:none;flex:none;width:1em;height:1em;display:inline-block}.map-options summary{align-items:center;gap:8px;list-style:none;display:flex}.map-options summary::marker{content:""}.map-options summary::-webkit-details-marker{display:none}.map-options[open] summary>.arrow-icon{transform:rotate(90deg)}.red-thread-stage{display:contents}.red-thread-stage>main{z-index:1;position:relative}.red-thread-canvas{z-index:2;pointer-events:none;position:fixed;inset:0}.red-thread-night{--night:0;--tp:0;z-index:0;pointer-events:none;opacity:var(--thread-tone,0);background:#14100c;transition:opacity .12s linear;position:fixed;inset:0}.red-thread-moon{aspect-ratio:1;width:56.25px;opacity:clamp(0, calc((var(--night) - .66) * 3), 1);transform:translate(-50%, -50%) translateY(calc((1 - var(--tp)) * 48.72px));background:radial-gradient(circle,#fcf8ecf0 0%,#f8f2e2e6 58%,#ece4cd8c 82%,#0000 100%);border-radius:50%;position:absolute;top:13%;left:74%}.red-thread-moon:after{content:"";background:radial-gradient(circle,#f0e8d017 0%,#f0e8d00b 34%,#0000 68%);border-radius:50%;position:absolute;inset:-180%}.photo-waterfall{position:relative}.photo-thread-cord{color:#ba4029;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.photo-thread-anchor{pointer-events:none;width:0;height:0;position:absolute}@font-face{font-family:Red Thread Cormorant;src:url(/wedding-invitations/hunbei/wedding2/red-thread/fonts/cormorant-var.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Red Thread Cormorant;src:url(/wedding-invitations/hunbei/wedding2/red-thread/fonts/cormorant-var-italic.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Red Thread Instrument;src:url(/wedding-invitations/hunbei/wedding2/red-thread/fonts/instrument-var.woff2)format("woff2");font-weight:400 700;font-style:normal;font-display:swap}.red-thread-chapters{--night:0;--cut:var(--thread-tone,0);--mix:calc(var(--cut) * 100%);--paper-day:#f2ede4;--paper-night:#14100c;--deep-day:#e7dfd1;--deep-night:#1f1a14;--ink-day:#16130f;--ink-night:#efe8d9;--ink2-day:#4b453b;--ink2-night:#b6ad9b;--ink3-day:#6d6659;--ink3-night:#968e7d;--thread-day:#ba4029;--thread-night:#f4643f;--paper:color-mix(in oklab, var(--paper-night) var(--mix), var(--paper-day));--paper-deep:color-mix(in oklab, var(--deep-night) var(--mix), var(--deep-day));--ink:color-mix(in oklab, var(--ink-night) var(--mix), var(--ink-day));--ink-2:color-mix(in oklab, var(--ink2-night) var(--mix), var(--ink2-day));--ink-3:color-mix(in oklab, var(--ink3-night) var(--mix), var(--ink3-day));--thread:color-mix(in oklab, var(--thread-night) var(--mix), var(--thread-day));--rule:color-mix(in srgb, var(--ink) 16%, transparent);--serif:"Red Thread Cormorant", "Songti SC", "STSong", "Noto Serif CJK SC", serif;--sans:"Red Thread Instrument", "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--measure:min(880px, 330px);--cp:0;--tp:0;color:var(--ink);font:17px/1.55 var(--serif);font-synthesis-weight:none;z-index:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;position:relative}.red-thread-chapters .chapter{padding-inline:max(20px, env(safe-area-inset-left));flex-direction:column;align-items:center;display:flex;position:relative}.red-thread-chapters .hold{grid-template-columns:minmax(0,1fr);align-content:center;place-items:center;width:100%;min-height:812px;display:grid;position:sticky;top:0}.red-thread-chapters .meta{font:500 11px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-3);margin:0}.red-thread-chapters .index{font:400 16px/1.4 var(--sans);letter-spacing:.16em;color:var(--thread);margin:0 0 .9rem}.red-thread-chapters .lead{letter-spacing:-.012em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,12.75px,2.5rem);font-weight:300;line-height:1.45}.red-thread-chapters .body{color:var(--ink-2);max-width:34em;font-size:clamp(1.02rem,5.625px,1.2rem);line-height:1.9}.red-thread-chapters .visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.red-thread-chapters .caption{font:400 14px/1.7 var(--sans);letter-spacing:.04em;color:var(--ink-2)}.red-thread-chapters .tie{min-height:1908.2px}.red-thread-chapters .tie__inner{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;width:345px;padding-block:32.48px;display:grid}.red-thread-chapters .tie__inner>.index{margin-bottom:0}.red-thread-chapters .tie__stack{align-items:center;width:100%;min-height:112px;display:grid}.red-thread-chapters .tie__stack>*{grid-area:1/1}.red-thread-chapters .tie__first{opacity:clamp(0, calc(3.34 - var(--tp) * 8.34), 1);justify-items:center;gap:10px;display:grid}.red-thread-chapters .tie__before{color:var(--ink-2);margin:0;font-size:17px}.red-thread-chapters .tie__headline{text-wrap:balance;transform:scale(calc(1 + var(--tp) * .04));margin:0;font-size:34px;font-weight:300;line-height:1.3}.red-thread-chapters .tie__merged{white-space:pre-line;opacity:clamp(0, calc(var(--tp) * 7.15 - 3), 1);margin:0;font-size:24px;font-weight:300;line-height:1.6}.red-thread-chapters .tie__knot{width:360px;height:259.84px}.red-thread-chapters .tie__after{font:400 clamp(36px, 18.75px, 44px)/1.5 var(--serif);white-space:pre-line;color:var(--ink);opacity:clamp(0, calc(var(--tp) * 7.15 - 3.9), 1);margin:0}.red-thread-chapters .day{gap:64.96px;padding-block:113.68px 129.92px}.red-thread-chapters .day__head{width:var(--measure)}.red-thread-chapters .day__head .lead{font-size:24px}.red-thread-chapters .day__date{gap:18px;margin:32px 0 0;display:grid}.red-thread-chapters .day__date time{gap:6px;display:grid}.red-thread-chapters .day__year{font-size:26px;line-height:1.3}.red-thread-chapters .day__monthday{color:var(--thread);font-size:54px;line-height:1.15}.red-thread-chapters .day__calendar{color:var(--ink-2);font-size:18px}.red-thread-chapters .schedule{width:var(--measure);border:0;justify-content:normal;align-items:normal;gap:0;margin:0;padding:0;list-style:none;display:grid}.red-thread-chapters .row{border-top:1px solid var(--rule);grid-template-columns:minmax(100px,.55fr) 1fr;align-items:baseline;column-gap:16px;padding:32.48px 0;display:grid}.red-thread-chapters .row:last-child{border-bottom:1px solid var(--rule)}.red-thread-chapters .row[data-active="1"]{border-top-color:#0000}.red-thread-chapters .row__time{font-variant-numeric:lining-nums;letter-spacing:.01em;color:var(--thread);white-space:nowrap;font:italic 500 38px/1.1 Red Thread Cormorant,Georgia,serif}.red-thread-chapters .row__name{font-size:23px;font-weight:300;line-height:1.45;display:block}.red-thread-chapters .row__where{color:var(--ink-2);margin-top:.4em;font-size:17px;display:block}.red-thread-chapters .row__note{font:400 15px/1.7 var(--sans);color:var(--ink-2);margin-top:.6em;display:block}.red-thread-chapters .plate{width:var(--measure);gap:.9rem;margin:0;display:grid}.red-thread-chapters .plate__frame{background:var(--paper-deep);aspect-ratio:1920/1281;position:relative;overflow:hidden}.red-thread-chapters .plate__frame img{object-fit:cover;width:100%;height:100%;display:block}.red-thread-chapters .facts{width:var(--measure);border-top:1px solid var(--rule);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;margin:0;padding-top:2rem;display:grid}.red-thread-chapters .fact dt{font:500 15px/1.6 var(--sans);color:var(--ink-2);margin-bottom:.7rem}.red-thread-chapters .fact dd{margin:0;font-size:20px;line-height:1.75}.red-thread-chapters .ring{padding-block:113.68px 12px}.red-thread-chapters .ring__inner{text-align:center;justify-items:center;width:100%;display:grid}.red-thread-chapters .ring__message{width:217.5px;padding-block:12px}.red-thread-chapters .ring__message .index{margin-bottom:24px}.red-thread-chapters .ring__lead{white-space:pre-line;margin:0;font-size:24px;font-weight:300;line-height:1.55}.red-thread-chapters .ring__closing{margin:97.44px 0 0;font-size:20px}.red-thread-chapters .day>.plate{display:block}.red-thread-chapters .day>.plate>.caption{margin-block-start:.9rem}.red-thread-chapters .day .plate__frame img{height:auto}.red-thread-chapters :focus-visible{outline:2px solid var(--thread);outline-offset:4px}.chapter-navigation{justify-content:space-between;gap:20px}.companionship{position:relative}.companionship .chapter-heading>p{max-width:590px;line-height:2.15}.red-thread-chapters{-webkit-font-smoothing:auto;z-index:auto}.red-thread-stage>main{z-index:auto}.red-thread-chapters .plate__frame{z-index:3}.red-thread-chapters .ring{box-shadow:none}.story:last-of-type .story-caption,.waterfall-ending{--dusk-mix:calc(var(--thread-tone,0) * 100%);color:color-mix(in oklab, #efe8d9 var(--dusk-mix), var(--muted-ink))}.story:last-of-type .story-caption :is(.story-number,p){color:inherit}.photo-waterfall{isolation:isolate;position:relative}.story-photograph,.story-caption{z-index:1}.story-caption{position:relative}.story-rose .story-photograph{background:#f4e4dd;grid-area:1/2;padding:15px 15px 50px;transform:rotate(1.5deg)}.story-rose .story-photograph img{height:610px}.story-rose .story-caption{grid-area:1/1}.story-rose .story-caption h3{font-family:var(--hand)}.stationery-rose{color:#673d37;background:linear-gradient(105deg,#0000 49.6%,#ae82751a 50%,#fff9 50.3%,#0000 50.8%),#f2e1da;padding-top:64px;position:relative}.stationery-rose .stationery-title{font:400 clamp(32px, 15px, 52px)/1.4 var(--brush);margin-top:50px}.stationery-rose .stationery-message{font-family:var(--hand);font-size:22px;line-height:2.2}.stationery-rose .stationery-signature{border-top:1px solid #b8927f;padding-top:24px}.rose-fold{filter:drop-shadow(-2px 2px 2px #68463816);background:linear-gradient(45deg,#dfc2b3 49%,#fcf9f2 50%);width:54px;height:54px;position:absolute;top:0;right:0}.heartfelt,.invitation{position:relative}.chapter-navigation{grid-template-columns:repeat(3,1fr);gap:4px 12px;padding:18px 5%;display:grid}.chapter-navigation a{justify-content:center;gap:6px}.chapter-navigation a:first-child{justify-content:start}.companionship .chapter-heading h2{font-size:29px}.companionship .chapter-heading>p{max-width:34em;font-size:14px}.story-rose{grid-template-columns:1fr}.story-rose .story-photograph,.story-rose .story-caption{grid-area:auto}.story-rose .story-photograph img{height:450px;max-height:620px}.stationery-rose .stationery-message{font-size:22px}.story-rose .story-photograph img{height:414.12px;min-height:220px;max-height:540px}.heartfelt{padding:28px 5% 40px}.heartfelt .chapter-heading{margin-bottom:18px}.heartfelt .chapter-heading h2{margin-top:10px}.heartfelt-spread{gap:12px 10px}.heart-invite{gap:12px;margin-bottom:0;padding:18px 18px 14px}.red-thread-chapters .ring{justify-content:center;min-height:812px;padding-block:48px}.photo-thread-cord{z-index:0}.photo-waterfall .story-photograph{z-index:1}.photo-waterfall .story-caption{z-index:1;position:relative}.photo-waterfall .story:not(:last-of-type){margin-bottom:140px}.red-thread-night{opacity:var(--thread-night,0);background:#14100c;transition:none}.red-thread-chapters{--paper:var(--thread-ground,#f3efe5);--ink:var(--thread-ink,#16130f);--ink-2:var(--thread-secondary,#4b453b);--ink-3:var(--thread-secondary,#4b453b);--thread:var(--thread-readable-red,#902e2c)}.story:last-of-type .story-caption,.waterfall-ending{color:var(--thread-secondary,var(--muted-ink))}.story:last-of-type .story-caption :is(h3,.read-reverse){color:var(--thread-readable-red,var(--red))}html,body{width:375px;min-width:375px;margin:0;padding:0}body:after{display:none}*,:before,:after{transition:none!important;animation:none!important}#export-page{width:375px;overflow:hidden}.export-panel{isolation:isolate;width:375px;position:relative;overflow:hidden}.export-panel:after{content:"";pointer-events:none;z-index:70;opacity:.1;background-image:url(/wedding-invitations/hunbei/paper-grain.svg);position:absolute;inset:0}.export-cover{height:812px}.export-cover .site-header{color:#fffaf0;border-color:#fffaf042}.export-cover .wordmark{color:#fffaf0}.export-inside{background:var(--paper);height:380px}.export-inside .cover-inside{padding-bottom:35px}.export-intro{padding:29px 6% 22px}.export-intro .chapter-heading{margin-bottom:0}.static-thread{pointer-events:none;z-index:4;position:absolute;inset:0}.export-photo{background:var(--paper);padding-top:12px}.export-photo .story{gap:0;width:88%;margin:0 auto 16px;overflow:visible}.export-photo .story-photograph{flex:none}.export-photo .story-photograph img{height:414.12px}.export-photo .story-book .story-photograph img{height:365.4px}.export-photo .stationery{width:351px;margin:0 auto}.static-motif{width:375px;height:80px}.static-motif svg{width:375px;height:80px;display:block}.static-motif path{fill:none;stroke:#ba4029;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.export-photo .waterfall-ending{margin:28px 0 32px;padding:0 30px}.export-tie .tie{width:100%;min-height:0}.export-tie .hold{min-height:0;position:relative}.export-tie .tie__inner{gap:12px}.export-tie .tie__knot{flex:none}.export-tie-twilight,.export-tie-twilight .hold{height:300px}.export-tie-twilight .tie__inner{padding-block:20px}.export-tie-twilight .tie__knot{height:90px}.export-tie-night,.export-tie-night .hold{height:590px}.export-tie-night .tie__knot{height:240px}.export-tie-night .tie__inner{gap:6px;padding-block:10px}.export-tie-night .tie__stack{min-height:80px}.export-tie-night .red-thread-moon{--tp:1;--night:1;top:52px}.export-tie .tie__first,.export-tie .tie__merged,.export-tie .tie__after{opacity:1}.export-ring{height:460px}.red-thread-chapters.export-ring .ring{height:460px;min-height:460px;padding-block:38px}.red-thread-chapters.export-ring .ring__message{clip-path:none;--ring-reveal:1}.export-panel.heartfelt{padding:40px 5% 48px}.export-panel.heartfelt .heart-letters{align-items:stretch}.export-panel.heartfelt .heart-letter{padding-bottom:25px}.export-panel.invitation{padding-top:20px;padding-bottom:24px}.export-panel.invitation .invitation-main{padding-top:32px;padding-bottom:20px}.export-panel.invitation .invitation-heading h2,.export-panel.invitation .invitation-heading>p{margin-top:20px}.export-panel.invitation .couple-signature{margin-top:22px}.export-panel.invitation .invitation-details{margin-top:28px;padding-top:26px}.export-panel.invitation .schedule{margin-top:22px}.export-panel.invitation .venue{padding-block:18px}