:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-slide,.swiper-cube-shadow{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top,.swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible{.swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--ivory: #f4f0e8;--mist-blue: #a8bac7;--champagne: #c5a46d;--ink: #202426;--green: #35483e;--serif-cn: "Songti SC", "STSong", "Noto Serif SC", serif;--serif-en: Georgia, "Times New Roman", serif;--sans: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--page-inline: clamp(24px, 7vw, 32px);--safe-top: max(20px, env(safe-area-inset-top));--safe-bottom: max(18px, env(safe-area-inset-bottom))}*,*:before,*:after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#dcd7ce;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100dvh;overscroll-behavior:none}button{font:inherit}button:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}[hidden]{display:none!important}.h5-shell{position:relative;width:100%;max-width:480px;height:100vh;height:100dvh;margin:0 auto;overflow:hidden;background:var(--ivory);isolation:isolate}.invitation-swiper,.swiper-wrapper,.slide{width:100%;height:100vh;height:100dvh}.invitation-swiper{touch-action:pan-x;background:var(--ivory);overflow:hidden;overflow:clip}.slide{position:relative;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--ivory);backface-visibility:hidden}.slide__image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;user-select:none;transform:scale(1.03);will-change:transform}.swiper-slide-active .slide__image{animation:photo-settle 3.6s cubic-bezier(.2,.65,.32,1) forwards}.slide__overlay{position:absolute;inset:0;pointer-events:none}.slide__overlay--cover{background:linear-gradient(180deg,#0c151a33,#0c151a05 40%),linear-gradient(0deg,rgba(11,18,17,.24) 0%,transparent 32%)}.slide__overlay--top{background:linear-gradient(180deg,rgba(12,22,27,.22),transparent 38%)}.slide__overlay--bottom{background:linear-gradient(0deg,rgba(13,19,19,.35),transparent 46%)}.slide__overlay--ceremony{background:linear-gradient(180deg,rgba(12,21,26,.2),transparent 40%),linear-gradient(0deg,rgba(12,18,18,.16),transparent 35%)}.slide__overlay--chapter{background:linear-gradient(0deg,rgba(24,30,22,.46),transparent 46%)}.slide__overlay--invite{background:linear-gradient(0deg,#16130f9e,#16130f05 60%)}.slide__overlay--ending{background:linear-gradient(180deg,rgba(9,18,14,.43),transparent 48%)}.slide-reveal{opacity:0;transform:translateY(12px)}.swiper-slide-active .slide-reveal{animation:reveal-copy 1.35s .32s cubic-bezier(.2,.65,.32,1) forwards}.eyebrow{margin:0;font-family:var(--serif-en);font-size:.66rem;letter-spacing:.34em;line-height:1.5;text-transform:uppercase}.eyebrow--ink{color:var(--ink)}.eyebrow--gold{color:#9c7b42}.cover-copy{position:absolute;top:calc(var(--safe-top) + clamp(38px,7.5vh,72px));left:var(--page-inline);width:min(78vw,340px);color:#fffdf7;text-shadow:0 1px 10px rgba(10,19,22,.2)}.couple-names{display:flex;flex-direction:column;align-items:flex-start;gap:.08em;max-width:78vw;margin:16px 0 14px;font-family:var(--serif-cn);font-size:clamp(2rem,8.6vw,2.85rem);font-weight:400;line-height:1.06;letter-spacing:.05em}.couple-names .ampersand{margin-left:1.3em;color:#e4cf9f;font-family:var(--serif-en);font-size:.68em;font-style:italic}.cover-date{margin:0;font-family:var(--serif-en);font-size:.8rem;letter-spacing:.22em}.cover-intro{max-width:18em;margin:18px 0 0;font-family:var(--serif-cn);font-size:clamp(.72rem,3.15vw,.88rem);line-height:1.75;letter-spacing:.08em}.cover-actions{position:absolute;right:0;bottom:calc(var(--safe-bottom) + 48px);left:0;display:flex;justify-content:center;padding:0 var(--page-inline);transition:opacity .4s ease,transform .4s ease}.invitation-started .cover-actions{opacity:0;transform:translateY(8px);pointer-events:none}.enter-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:0 22px;border:1px solid rgba(255,253,247,.76);border-radius:999px;background:#181f1f2e;color:#fffdf7;font-size:.78rem;letter-spacing:.14em;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.enter-button__arrow{display:inline-block;font-family:var(--sans);font-size:.95rem;transform:translateY(-1px)}.enter-button:disabled{opacity:.64;cursor:default}.swipe-hint{position:absolute;z-index:4;right:0;bottom:calc(var(--safe-bottom) + 10px);left:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#ffffffd6;font-size:.58rem;letter-spacing:.16em;opacity:0;transition:opacity .5s ease}.swipe-hint i{display:block;width:8px;height:8px;border-top:1px solid currentColor;border-left:1px solid currentColor;transform:rotate(45deg);animation:swipe-pulse 1.8s ease-in-out infinite}.invitation-started:not(.has-swiped) .swipe-hint{opacity:1}.has-swiped .swipe-hint{display:none}.poem{position:absolute;z-index:2;max-width:72vw;color:#fffdf8;font-family:var(--serif-cn);text-shadow:0 1px 10px rgba(13,22,25,.22)}.poem--top-left{top:calc(var(--safe-top) + 58px);left:var(--page-inline)}.poem p{margin:0;font-size:clamp(1rem,4.6vw,1.35rem);line-height:1.8;letter-spacing:.08em}.poem strong{display:block;margin-top:14px;font-size:clamp(1.55rem,7vw,2.2rem);font-weight:400;letter-spacing:.3em}.quiet-copy{position:absolute;z-index:2;margin:0;color:#fffdf8;font-family:var(--serif-cn);font-size:clamp(.92rem,4vw,1.18rem);line-height:1.85;letter-spacing:.08em;text-shadow:0 1px 9px rgba(12,18,18,.24)}.quiet-copy--right{right:var(--page-inline);bottom:calc(var(--safe-bottom) + 62px);text-align:right}.quiet-copy--top-right{top:calc(var(--safe-top) + 76px);right:var(--page-inline);text-align:right}.photo-p018{object-position:52% 50%}.photo-p026{object-position:50% 50%}.photo-p028{object-position:50% 48%}.photo-p038,.photo-p047{object-position:50% 50%}.photo-p051{object-position:44% 51%}.photo-p053,.photo-p052{object-position:50% 50%}.photo-p056{object-position:50% 54%}.slide--paper{background-color:var(--ivory);background-image:radial-gradient(rgba(50,52,46,.05) .5px,transparent .5px);background-size:5px 5px}.story-spread{position:relative;display:flex;flex-direction:column;width:100%;height:100%;padding:calc(var(--safe-top) + 42px) var(--page-inline) calc(var(--safe-bottom) + 22px)}.story-spread__header{position:relative;z-index:3}.story-spread__header>p:last-child{margin:14px 0 0;font-family:var(--serif-cn);font-size:clamp(.86rem,3.65vw,1rem);line-height:1.85;letter-spacing:.05em}.story-photo{position:relative;margin:0;overflow:hidden;background:#e7e1d7}.story-photo .slide__image{position:static;width:100%;height:100%;object-fit:cover}.story-photo--wide{width:90%;aspect-ratio:3 / 2;margin-top:clamp(24px,4vh,40px);align-self:flex-start}.story-photo--wide .photo-p009{object-fit:contain}.story-photo--portrait{z-index:2;width:42%;aspect-ratio:2 / 3;margin-top:clamp(-22px,-2.2vh,-12px);align-self:flex-end;border:7px solid var(--ivory)}.story-photo--portrait .photo-p025{object-position:50% 50%}.swiper-slide-active .story-photo--wide{animation:story-wide 2.9s .25s ease-out both}.swiper-slide-active .story-photo--portrait{animation:story-portrait 1.4s 1s cubic-bezier(.2,.65,.32,1) both}.ceremony-copy{position:absolute;top:calc(var(--safe-top) + 54px);right:var(--page-inline);left:var(--page-inline);z-index:2;color:#fffdf7;text-align:center;text-shadow:0 1px 10px rgba(11,19,21,.22)}.ceremony-copy>p:last-child{margin:18px 0 0;font-family:var(--serif-cn);font-size:clamp(.92rem,4vw,1.12rem);line-height:1.85;letter-spacing:.08em}.slide--details{display:grid;place-items:center;padding:calc(var(--safe-top) + 30px) var(--page-inline) calc(var(--safe-bottom) + 28px)}.invitation-card{width:min(100%,360px);text-align:center}.invitation-card__title{margin:0;font-family:var(--serif-cn);font-size:clamp(1.25rem,5.4vw,1.7rem);font-weight:400;letter-spacing:.18em}.invitation-card__intro{margin:16px 0 22px;color:#202426b8;font-family:var(--serif-cn);font-size:.76rem;line-height:1.8;letter-spacing:.07em}.gold-rule{width:48px;height:1px;margin:22px auto;background:var(--champagne);transform:scaleY(.6)}.invitation-card__date{max-width:100%;margin:0;overflow-wrap:anywhere;font-family:var(--serif-en),var(--serif-cn);font-size:clamp(1.65rem,7vw,2.35rem);line-height:1.2;letter-spacing:.04em}.invitation-card__meta{margin-top:clamp(22px,4vh,34px)}.invitation-card__meta p{margin:.62em 0;overflow-wrap:anywhere;font-family:var(--serif-cn);font-size:.88rem;line-height:1.55;letter-spacing:.1em}.invitation-card__meta p span{display:inline-block;min-width:4.6em;margin-right:10px;color:#9c7b42;font-size:.68rem;letter-spacing:.18em;text-align:right}.invitation-card__meta .invitation-card__address{margin-top:1.35em;color:#202426a8;font-family:var(--sans);font-size:.7rem;line-height:1.65;letter-spacing:.04em}.countdown{margin-top:clamp(24px,4.5vh,40px);font-family:var(--serif-cn)}.countdown p{margin:0;color:#202426a8;font-size:.72rem;letter-spacing:.12em}.countdown strong{display:inline-block;margin:8px 7px 2px;color:#92703b;font-family:var(--serif-en);font-size:2.5rem;font-weight:400}.countdown span{font-family:var(--serif-cn);font-size:.78rem}.line-button{min-width:132px;min-height:43px;margin-top:clamp(26px,5vh,44px);padding:0 24px;border:1px solid rgba(159,126,70,.65);border-radius:999px;background:transparent;color:var(--ink);font-size:.75rem;letter-spacing:.15em;cursor:pointer}.chapter-curtain{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:linear-gradient(145deg,#f5f1e9,#eee3cf)}.swiper-slide-active .chapter-curtain{animation:chapter-fade 1.55s .15s ease-in-out forwards}.chapter-title{display:flex;align-items:center;gap:15px;color:#876a3f;font-family:var(--serif-cn);font-size:1.05rem;letter-spacing:.45em;writing-mode:vertical-rl}.chapter-title i{display:block;width:1px;height:48px;background:var(--champagne);transform:scaleX(.6)}.chapter-note{position:absolute;z-index:2;right:var(--page-inline);bottom:calc(var(--safe-bottom) + 48px);left:var(--page-inline);margin:0;color:#fffdf7;font-family:var(--serif-cn);font-size:clamp(.88rem,3.8vw,1.04rem);line-height:1.9;letter-spacing:.08em;text-shadow:0 1px 9px rgba(18,23,18,.3)}.caption-panel{position:absolute;right:0;bottom:0;left:0;z-index:2;min-height:calc(150px + var(--safe-bottom));padding:28px var(--page-inline) calc(var(--safe-bottom) + 24px);background:#f4f0e8f5}.caption-panel p{margin:0;font-family:var(--serif-cn);font-size:clamp(.9rem,4vw,1.08rem);line-height:1.85;letter-spacing:.08em}.vertical-copy{position:absolute;z-index:2;top:calc(var(--safe-top) + 54px);right:var(--page-inline);display:flex;align-items:flex-start;gap:10px;color:#fffdf7;font-family:var(--serif-cn);font-size:.86rem;letter-spacing:.28em;writing-mode:vertical-rl;text-shadow:0 1px 8px rgba(25,20,15,.22)}.vertical-copy span+span{margin-right:4px}.vertical-copy i{display:block;width:1px;height:54px;background:var(--champagne)}.formal-copy{position:absolute;right:var(--page-inline);bottom:calc(var(--safe-bottom) + 46px);left:var(--page-inline);z-index:2;color:#fffdf7;text-align:center}.formal-copy>p:nth-child(2){margin:18px 0 0;font-family:var(--serif-cn);font-size:clamp(1rem,4.3vw,1.25rem);line-height:1.85;letter-spacing:.08em}.formal-copy__details{display:flex;flex-direction:column;gap:7px;margin-top:22px;font-family:var(--serif-cn);font-size:.68rem;line-height:1.5;letter-spacing:.08em}.ending-copy{position:absolute;z-index:2;top:calc(var(--safe-top) + 54px);right:var(--page-inline);left:var(--page-inline);color:#fffdf7;text-align:center;text-shadow:0 1px 10px rgba(8,15,12,.3)}.ending-copy h2{margin:0 0 15px;font-family:var(--serif-cn);font-size:clamp(1.55rem,6.5vw,2.05rem);font-weight:400;letter-spacing:.16em}.ending-copy__thanks{margin:0 0 18px;font-family:var(--serif-cn);font-size:clamp(.78rem,3.4vw,.94rem);line-height:1.85;letter-spacing:.07em}.ending-copy__names{margin:22px 0 10px;font-family:var(--serif-cn);font-size:clamp(.82rem,3.6vw,1rem);letter-spacing:.08em}.ending-copy__names span{margin:0 7px;color:#e2c995;font-family:var(--serif-en);font-style:italic}.ending-copy>p:last-child{margin:0;font-family:var(--serif-en),var(--serif-cn);font-size:.72rem;letter-spacing:.16em}.cover-loader{position:absolute;inset:0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;background:#161d1d29;color:#fffdf7;font-family:var(--serif-en);letter-spacing:.22em;pointer-events:none;transition:opacity .45s ease}.cover-loader span{font-size:.58rem}.cover-loader strong{font-size:.72rem;font-weight:400}.cover-loader--hidden{opacity:0}.music-button{position:absolute;z-index:12;top:calc(var(--safe-top) + 2px);right:16px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:1px solid rgba(255,253,247,.58);border-radius:50%;background:#20242633;color:#fffdf7;font-family:var(--serif-en);font-size:1rem;line-height:1;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);cursor:pointer}.music-button:after{content:"";position:absolute;width:19px;height:1px;background:currentColor;opacity:0;transform:rotate(-45deg);transition:opacity .2s ease}.music-button--muted:after{opacity:.9}.music-button--playing{animation:music-breathe 2.5s ease-in-out infinite}.page-indicator{position:absolute;z-index:11;top:calc(var(--safe-top) + 15px);left:18px;color:#fffdf7cc;font-family:var(--serif-en);font-size:.58rem;letter-spacing:.16em;opacity:0;transition:opacity .4s ease;mix-blend-mode:difference}.invitation-started .page-indicator{opacity:1}.toast{position:absolute;z-index:30;right:50%;bottom:calc(var(--safe-bottom) + 28px);max-width:80%;padding:10px 16px;border:1px solid rgba(197,164,109,.48);border-radius:999px;background:#202426e0;color:#fffdf7;font-size:.72rem;letter-spacing:.06em;opacity:0;transform:translate(50%,8px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}.toast--visible{opacity:1;transform:translate(50%)}.orientation-hint{position:absolute;inset:0;z-index:40;display:none;align-items:center;justify-content:center;background:#202426b8;color:#fffdf7;font-family:var(--serif-cn);font-size:.86rem;letter-spacing:.12em;pointer-events:none}@keyframes photo-settle{0%{transform:scale(1.035)}to{transform:scale(1)}}@keyframes reveal-copy{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes swipe-pulse{0%,to{opacity:.4;transform:translateY(3px) rotate(45deg)}50%{opacity:1;transform:translateY(-2px) rotate(45deg)}}@keyframes story-wide{0%{opacity:0;transform:translateY(12px) scale(1)}60%{opacity:1}to{opacity:.84;transform:translateY(-7px) scale(.985)}}@keyframes story-portrait{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chapter-fade{0%,56%{opacity:1}to{opacity:0;visibility:hidden}}@keyframes music-breathe{0%,to{border-color:#fffdf773;background:#20242633}50%{border-color:#fffdf7e6;background:#2024264d}}@media(min-width:481px){.h5-shell{border-right:1px solid rgba(32,36,38,.08);border-left:1px solid rgba(32,36,38,.08)}}@media(orientation:landscape)and (max-height:600px){.orientation-hint{display:flex}}@media(max-height:700px){.cover-copy{top:calc(var(--safe-top) + 24px)}.couple-names{margin-top:11px;font-size:clamp(1.75rem,8vw,2.25rem)}.story-spread{padding-top:calc(var(--safe-top) + 28px)}.story-photo--wide{width:82%;margin-top:18px}.story-photo--portrait{width:36%}.invitation-card__meta{margin-top:22px}.invitation-card__meta p{margin:.42em 0}.line-button{margin-top:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.slide__image{transform:none!important}}