@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,400;1,500&family=Noto+Serif+SC:wght@300;400;500;600&display=swap";html,body,#root{width:100%;min-height:100%;margin:0}:root{--paper:#f6f3ef;--paper-soft:#eee8e3;--white:#fffdfb;--ink:#171514;--charcoal:#2c2825;--text:#625851;--muted:#9a8f88;--wine:#681f2b;--wine-dark:#451116;--wine-deep:#351015;--wine-soft:#9f646c;--gold:#ad9066;--gold-soft:#cbb898;--rose-grey:#d8cbc7;--line:#681f2b29;--line-light:#ffffff47;--font-cn:"Noto Serif SC", "Songti SC", serif;--font-en:"Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);font-family:var(--font-cn);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;overflow:hidden}button{font-family:inherit}img{display:block}.presentation{background:var(--paper);width:100vw;height:100vh;position:relative;overflow:hidden}.scene-stage{width:100%;height:100%;animation:1.25s cubic-bezier(.2,.75,.25,1) both sceneEnter}.scene{background:var(--white);width:100vw;height:100vh;position:relative;overflow:hidden}@keyframes sceneEnter{0%{opacity:0;transform:scale(1.014)}to{opacity:1;transform:scale(1)}}@keyframes slowZoom{0%{transform:scale(1.055)}to{transform:scale(1)}}@keyframes textRise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}.scene-date,.scene-kicker{color:var(--wine);font-family:var(--font-en);letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:clamp(13px,.9vw,17px);font-weight:500}.scene h2{letter-spacing:.02em}.scene h2 span{display:block}.story-copy p{color:var(--text);margin:0 0 18px;font-size:clamp(16px,1.18vw,22px);line-height:1.95}.story-highlight{color:var(--wine);margin:32px 0 0;font-size:clamp(19px,1.5vw,28px);line-height:1.8}.start-screen{z-index:1000;background:#1d1715;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.start-background{object-fit:cover;width:100%;height:100%;animation:12s ease-out both slowZoom;position:absolute;inset:0}.start-overlay{background:linear-gradient(90deg,#120c0b8f 0%,#120c0b42 48%,#120c0b14 100%),linear-gradient(#0000 45%,#120c0b5c);position:absolute;inset:0}.start-border{pointer-events:none;border:1px solid #ffffff57;position:absolute;inset:32px}.start-side{color:#ffffffb8;font-family:var(--font-en);letter-spacing:.4em;writing-mode:vertical-rl;font-size:11px;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.start-content{z-index:3;text-align:center;color:#fff;width:min(780px,70%);animation:1.5s both textRise;position:relative}.start-eyebrow{color:#ffffffc7;font-family:var(--font-en);letter-spacing:.46em;margin:0 0 28px;font-size:13px}.start-content h1{letter-spacing:.08em;margin:0;font-size:clamp(86px,8.2vw,145px);font-weight:400;line-height:.88}.start-content h1 span{color:#d0a8aa;font-family:var(--font-en);letter-spacing:0;margin:24px 0;font-size:.4em;font-style:italic;display:block}.start-quote{color:#ffffffe0;letter-spacing:.12em;margin:48px 0 38px;font-size:clamp(17px,1.3vw,23px);line-height:2}.start-content button{color:#fff;letter-spacing:.2em;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff0a;border:1px solid #ffffffad;min-width:255px;padding:16px 34px;font-size:12px;transition:background .35s,color .35s,transform .35s}.start-content button:hover{color:var(--wine-dark);background:#fff;transform:translateY(-3px)}.start-tip{color:#ffffff8a;letter-spacing:.14em;margin-top:15px;font-size:10px}.start-year{color:#ffffff12;font-family:var(--font-en);pointer-events:none;font-size:min(27vw,430px);line-height:1;position:absolute;bottom:-110px;right:-40px}.scene-opening{color:#fff;background:#1a1513}.opening-bg{object-fit:cover;width:100%;height:100%;animation:11s ease-out both slowZoom;position:absolute;inset:0}.opening-overlay{background:linear-gradient(90deg,#140d0ca3 0%,#140d0c52 44%,#140d0c0a 78%),linear-gradient(#0000 40%,#140d0c42);position:absolute;inset:0}.opening-frame{border:1px solid #ffffff4d;position:absolute;inset:34px}.opening-vertical{color:#ffffff8c;font-family:var(--font-en);letter-spacing:.4em;writing-mode:vertical-rl;font-size:11px;position:absolute;top:50%;left:4.5%;transform:translateY(-50%)}.opening-main{z-index:2;text-align:right;width:34%;animation:1.4s both textRise;position:absolute;top:16%;left:auto;right:8%;transform:none}.opening-main .scene-kicker{color:#ffffffb8;text-align:right}.opening-names{color:#fff;letter-spacing:.06em;margin:22px 0 0;font-size:clamp(64px,5.8vw,104px);font-weight:400;line-height:1.02}.opening-names span{color:#d7aaad;font-family:var(--font-en);text-align:center;margin:14px 0;font-size:.34em;font-style:italic;display:block}.opening-quote{color:#ffffffd1;letter-spacing:.12em;text-align:right;width:100%;max-width:430px;margin:34px 0 0 auto;font-size:clamp(15px,1.05vw,19px);line-height:1.9}.opening-quote p{margin:0}.opening-seal{z-index:3;color:#fff;width:82px;height:82px;font-family:var(--font-en);border:1px solid #ffffff6b;border-radius:50%;place-items:center;font-size:16px;font-style:italic;display:grid;position:absolute;top:auto;bottom:7%;right:5%}.scene-editorial{background:var(--white);grid-template-columns:47% 53%;display:grid}.scene-editorial.image-right .editorial-copy{grid-area:1/1}.scene-editorial.image-right .editorial-image{grid-area:1/2}.scene-editorial.image-left .editorial-image{grid-area:1/1}.scene-editorial.image-left .editorial-copy{grid-area:1/2}.editorial-copy{z-index:3;align-self:center;padding-left:11%;padding-right:4%;animation:1.2s both textRise;position:relative}.editorial-copy h2{letter-spacing:.01em;margin:28px 0 34px;font-size:clamp(58px,5.1vw,90px);font-weight:400;line-height:1.32}.editorial-copy .story-copy p{color:var(--text);margin:0 0 18px;font-size:clamp(17px,1.2vw,22px);line-height:1.9}.editorial-image{width:88%;height:74%;margin:auto 0 auto 2%;position:relative;overflow:hidden}.editorial-image:after{content:"";pointer-events:none;border:1px solid #ffffff42;position:absolute;inset:0}.editorial-image img{object-fit:cover;width:100%;height:100%;animation:10s ease-out both slowZoom}.image-right .editorial-image img,.image-left .editorial-image img{object-position:center center}.editorial-number{z-index:0;color:#681f2b0e;font-family:var(--font-en);font-size:min(27vw,420px);line-height:1;position:absolute;bottom:-60px;left:3.5%}.editorial-rule{background:var(--line);width:1px;height:80%;position:absolute;top:10%;right:3.5%}.scene-type{background:linear-gradient(135deg,#f7f3ef 0%,#eee8e3 100%);justify-content:center;align-items:center;display:flex}.type-grid{grid-template-columns:31% 69%;align-items:center;width:min(1400px,82%);display:grid}.type-index{color:var(--wine);font-family:var(--font-en);font-size:min(22vw,340px);line-height:.72}.type-main{animation:1.2s both textRise}.type-main h2{margin:22px 0 38px;font-size:clamp(54px,5.3vw,94px);font-weight:400;line-height:1.34}.type-lines p{color:var(--text);margin:0 0 8px;font-size:clamp(20px,1.65vw,30px);line-height:1.8}.type-highlight{border-top:1px solid var(--line);color:var(--wine);margin-top:40px;padding-top:27px;font-size:clamp(20px,1.55vw,29px);line-height:1.8}.type-corner{color:var(--gold);font-family:var(--font-en);letter-spacing:.32em;font-size:11px;position:absolute;top:7%;right:5%}.scene-photo-full{color:#fff;background:#171312}.scene-photo-full>img{object-fit:cover;object-position:center center;width:100%;height:100%;animation:10s ease-out both slowZoom}.photo-shade{background:linear-gradient(90deg,#110c0ba3 0%,#110c0b42 46%,#110c0b05 78%),linear-gradient(#0000 50%,#110c0b57);position:absolute;inset:0}.photo-frame{border:1px solid #ffffff52;position:absolute;inset:34px}.photo-copy{z-index:3;width:48%;animation:1.4s both textRise;position:absolute;bottom:10%;left:8%}.scene-date.light{color:#ffffffc2}.photo-copy h2{margin:22px 0 28px;font-size:clamp(58px,6vw,105px);font-weight:400;line-height:1.2}.photo-copy>p:not(.scene-date){color:#ffffffdb;margin:0 0 8px;font-size:clamp(16px,1.18vw,22px);line-height:1.85}.photo-number{color:#fff9;font-family:var(--font-en);letter-spacing:.28em;font-size:17px;position:absolute;top:7%;right:5%}.scene-collage{background:linear-gradient(135deg,#f7f4f0 0%,#f1ebe6 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.collage-title{z-index:10;width:34%;position:absolute;top:15%;left:7%;transform:none}.collage-title .scene-date{color:var(--wine);letter-spacing:.4em;margin-bottom:24px;font-size:13px}.collage-title h2{color:var(--ink);margin:0 0 28px;font-size:clamp(50px,4.5vw,80px);font-weight:400;line-height:1.38}.collage-title .story-copy{max-width:530px}.collage-title .story-copy p{color:#746a64;margin:0 0 14px;font-size:clamp(16px,1.05vw,20px);line-height:1.85}.collage-title .story-highlight{max-width:530px;color:var(--wine);border-top:1px solid #681f2b2e;margin-top:24px;padding-top:22px;font-size:clamp(20px,1.4vw,27px);line-height:1.7}.collage-a,.collage-b,.collage-c,.collage-d{margin:0;position:absolute;overflow:hidden;box-shadow:0 16px 38px #2f211c14}.collage-a img,.collage-b img,.collage-c img,.collage-d img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.collage-a{width:20%;height:35%;top:11%;left:48%}.collage-b{width:22%;height:35%;top:11%;right:7%}.collage-c{width:22%;height:34%;bottom:9%;left:48%}.collage-d{width:20%;height:34%;bottom:9%;right:7%}.collage-number{display:none}.scene-wine{background:radial-gradient(circle at 58% 42%, #ffffff0a, transparent 45%), var(--wine-dark);color:#fff;align-items:center;display:flex}.wine-photo{border:1px solid #ffffff2e;width:24%;height:58%;position:absolute;top:50%;left:7%;overflow:hidden;transform:translateY(-50%)}.wine-photo img{object-fit:cover;object-position:center;filter:saturate(.72)brightness(.82);width:100%;height:100%}.wine-photo:after{content:"";background:#430f1424;position:absolute;inset:0}.wine-copy{z-index:3;text-align:left;width:55%;margin-left:37%;animation:1.2s both textRise;position:relative}.wine-date{color:#ffffff94}.wine-copy h2{margin:30px 0;font-size:clamp(53px,5vw,90px);font-weight:400;line-height:1.45}.wine-copy>p:not(.scene-date){color:#ffffffc7;margin:9px 0;font-size:clamp(17px,1.28vw,24px);line-height:1.85}.wine-divider{background:#ffffff70;width:60px;height:1px;margin:32px 0}.wine-highlight{color:#e6cfd0!important;margin-top:34px!important}.wine-no{color:#ffffff0b;font-family:var(--font-en);font-size:min(34vw,520px);position:absolute;bottom:-125px;right:-20px}.wine-outline{color:#ffffff61;font-family:var(--font-en);letter-spacing:.3em;font-size:12px;position:absolute;top:7%;right:5%}.scene-family{background:var(--white);grid-template-columns:42% 58%;display:grid}.family-photo{height:100%;margin:0;position:relative;overflow:hidden}.family-photo img{object-fit:cover;object-position:center center;width:100%;height:100%;animation:10s ease-out both slowZoom}.family-photo:after{content:"";background:linear-gradient(90deg,#0000 65%,#fffdfb29);position:absolute;inset:0}.family-content{flex-direction:column;justify-content:center;padding:8% 9%;display:flex;position:relative}.family-content header h2{margin:20px 0 38px;font-size:clamp(49px,4.6vw,82px);font-weight:400;line-height:1.35}.family-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;margin-top:20px;display:grid}.family-block+.family-block{border-left:1px solid var(--line)}.family-label{color:var(--wine);font-family:var(--font-en);letter-spacing:.34em;margin:0;font-size:12px}.family-block h3{margin:13px 0 25px;font-size:34px;font-weight:400}.family-block>p:not(.family-label){color:var(--text);font-size:clamp(15px,1vw,18px);line-height:1.9}.family-number{color:#681f2b0d;font-family:var(--font-en);font-size:min(24vw,360px);position:absolute;bottom:-65px;right:-20px}.scene-date-focus{width:100vw;height:100vh;color:var(--ink);background:linear-gradient(115deg,#f8f5f1 0%,#f3eee9 58%,#ebe3dd 100%);grid-template-columns:22% 40% 38%;display:grid;position:relative;overflow:hidden}.date-giant{color:var(--wine);font-family:var(--font-en);letter-spacing:-.08em;opacity:.95;justify-content:flex-end;align-items:center;padding-right:18px;font-size:clamp(210px,23vw,390px);font-weight:300;line-height:.78;display:flex;position:relative}.date-giant:after{content:"";background:#681f2b2e;width:1px;height:70%;position:absolute;top:15%;right:0}.date-panel{flex-direction:column;justify-content:center;width:auto;padding:7vh 5vw 7vh 4.5vw;animation:1.2s both textRise;display:flex;position:relative;transform:none}.date-panel .scene-date{color:var(--wine);letter-spacing:.38em;margin-bottom:30px;font-size:13px}.date-panel h2{letter-spacing:.02em;max-width:600px;margin:0 0 38px;font-size:clamp(52px,4.6vw,82px);font-weight:400;line-height:1.35}.date-panel h2:after{content:"";background:var(--wine);width:46px;height:2px;margin-top:30px;display:block}.date-panel>p:not(.scene-date){color:#746963;max-width:540px;margin:0 0 14px;font-size:clamp(16px,1.05vw,20px);line-height:1.85}.date-panel .dialogue{font-family:var(--font-cn);color:var(--wine)!important;margin:25px 0 27px!important;font-size:clamp(22px,1.65vw,30px)!important;line-height:1.7!important}.date-photo{width:100%;height:100%;box-shadow:none;margin:0;position:relative;bottom:auto;left:auto;right:auto;overflow:hidden}.date-photo img{object-fit:cover;object-position:center center;width:100%;height:100%;animation:10s ease-out both slowZoom}.date-photo:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#f1ebe6 0%,#f1ebe600 100%);width:65px;height:100%;position:absolute;top:0;left:0}.date-photo:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#1a141214);position:absolute;inset:0}.scene-certificate{background:linear-gradient(115deg,#f8f5f1 0%,#f6f2ee 58%,#efe8e3 100%);grid-template-columns:48% 52%;align-items:center;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.certificate-left{z-index:3;background:0 0;width:100%;padding:0 7% 0 14%;animation:1.2s both textRise;position:relative;top:auto;left:auto;transform:none}.certificate-left .scene-date{color:var(--wine);letter-spacing:.42em;margin:0 0 30px;font-size:13px}.certificate-number{z-index:0;color:#681f2b0e;font-family:var(--font-en);pointer-events:none;margin:0;font-size:clamp(120px,11vw,190px);font-weight:300;line-height:1;position:absolute;top:29%;left:11%}.certificate-left h2{z-index:2;max-width:650px;color:var(--ink);letter-spacing:.01em;margin:0 0 28px;font-size:clamp(52px,4.7vw,82px);font-weight:400;line-height:1.32;position:relative}.certificate-main{z-index:2;max-width:610px;color:var(--ink);margin:0;font-size:clamp(23px,1.75vw,32px);line-height:1.75;position:relative}.certificate-rule{background:var(--wine);width:52px;height:2px;margin:30px 0 27px}.certificate-highlight{z-index:2;max-width:570px;color:var(--wine);margin:0;font-size:clamp(19px,1.35vw,26px);line-height:1.75;position:relative}.certificate-visual{z-index:2;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;padding:10vh 8vw 10vh 3vw;display:flex;position:relative;top:auto;right:auto;overflow:visible;transform:none}.certificate-photo{background:#fffdfb;border:1px solid #681f2b14;width:min(620px,82%);height:auto;margin:0;padding:18px;position:relative;overflow:hidden;box-shadow:0 22px 55px #31221e17}.certificate-photo img{object-fit:contain;object-position:center center;width:100%;height:auto;display:block}.certificate-photo:after{display:none}.scene-certificate:after{content:"";pointer-events:none;background:#681f2b14;width:1px;height:70%;position:absolute;top:15%;left:48%}.scene-months{background:#fffdfb;grid-template-columns:46% 54%;display:grid;position:relative;overflow:hidden}.months-big{z-index:0;color:#681f2b14;font-family:var(--font-en);pointer-events:none;font-size:min(48vw,720px);font-weight:300;line-height:.72;position:absolute;bottom:-15%;left:-2%}.months-word{z-index:4;color:var(--wine);font-family:var(--font-en);letter-spacing:.5em;writing-mode:horizontal-tb;font-size:13px;position:absolute;top:10%;left:7%}.months-word:after{content:"";vertical-align:middle;background:#681f2b59;width:55px;height:1px;margin-left:20px;display:inline-block}.months-photo img{object-fit:cover;object-position:center center;width:100%;height:100%}.months-copy{z-index:4;width:44%;animation:1.25s both textRise;position:absolute;top:50%;right:6%;transform:translateY(-50%)}.months-copy h2{color:var(--ink);margin:0 0 26px;font-size:clamp(48px,4.2vw,76px);font-weight:400;line-height:1.48}.months-copy>p{color:#756a64;margin:0 0 18px;font-size:clamp(16px,1.1vw,20px);line-height:1.8}.months-copy blockquote:before{content:"“";color:#681f2b26;font-family:var(--font-en);font-size:62px;line-height:1;position:absolute;top:7px;left:-4px}.months-photo{z-index:3;width:30%;height:59%;margin:0;position:absolute;top:23%;left:14%;overflow:hidden;box-shadow:0 20px 55px #2d1f1b1c}.months-copy{width:44%;top:23%;right:6%;transform:none}.months-copy blockquote{color:var(--wine);border-top:1px solid #681f2b33;border-left:0;margin:30px 0 0;padding:24px 0 0;font-size:clamp(20px,1.5vw,27px);line-height:1.75;position:relative}.scene-gallery{background:linear-gradient(135deg,#f7f4f0 0%,#f1ece7 100%);width:100vw;height:100vh;position:relative;overflow:hidden}.gallery-heading{z-index:10;width:23%;position:absolute;top:11%;left:6.5%}.gallery-heading .scene-date{color:var(--wine);letter-spacing:.42em;margin-bottom:24px;font-size:13px}.gallery-heading h2{color:var(--ink);margin:0;font-size:clamp(46px,4vw,70px);font-weight:400;line-height:1.38}.gallery-heading:after{content:"";background:var(--wine);width:48px;height:2px;margin-top:28px;display:block}.gallery-cards{grid-template-rows:1fr 1fr .76fr;grid-template-columns:1.18fr .82fr 1fr;gap:20px;display:grid;position:absolute;inset:9% 6% 8% 31%}.gallery-card{background:#e9e2dc;width:auto;height:auto;margin:0;position:relative;inset:auto;overflow:hidden}.gallery-card img{object-fit:cover;width:100%;height:100%;transition:transform 6s;display:block}.gallery-card:hover img{transform:scale(1.025)}.gallery-card figcaption{z-index:3;color:#ffffffeb;text-shadow:0 1px 6px #00000061;margin:0;font-size:clamp(10px,.72vw,13px);line-height:1.55;position:absolute;bottom:12px;left:14px;right:14px}.gallery-card:has(figcaption:not(:empty)):after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000,#120d0c6b);position:absolute;inset:45% 0 0}.card-1{grid-area:1/1/span 2}.card-2{grid-area:1/2}.card-3{grid-area:1/3/span 2}.card-4{grid-area:2/2}.card-5{grid-area:3/1}.card-6{grid-area:3/2}.card-7{grid-area:3/3}.card-1 img{object-position:center center}.card-2 img{object-position:center 38%}.card-3 img,.card-4 img,.card-5 img,.card-6 img,.card-7 img{object-position:center center}.scene-gallery:after{content:"";pointer-events:none;background:#681f2b14;width:1px;height:82%;position:absolute;top:9%;left:28%}.gallery-number{display:none}.scene-wedding-day{color:#fff;background:#171210}.wedding-day-photo{margin:0;position:absolute;inset:0}.wedding-day-photo img{object-fit:cover;object-position:center center;width:100%;height:100%;animation:11s ease-out both slowZoom}.wedding-day-overlay{background:linear-gradient(90deg,#120c0b9e 0%,#120c0b4d 45%,#120c0b12 80%),linear-gradient(#0000 45%,#120c0b40);position:absolute;inset:0}.wedding-day-content{z-index:3;animation:1.3s both textRise;position:absolute;top:50%;left:8%;transform:translateY(-50%)}.wedding-day-content h2{font-family:var(--font-en);margin:28px 0;font-weight:400;line-height:.82}.wedding-day-content h2 span{font-size:clamp(82px,8vw,140px)}.wedding-day-content h2 strong{color:#e0b8b9;margin-top:28px;font-size:clamp(105px,10vw,175px);font-weight:400;display:block}.wedding-day-text p{color:#ffffffd6;margin:0 0 14px;font-size:clamp(17px,1.28vw,24px);line-height:1.85}.wedding-day-number{color:#ffffff8c;font-family:var(--font-en);letter-spacing:.3em;font-size:17px;position:absolute;top:7%;right:5%}.scene-ending{background:var(--wine-dark);color:#fff;text-align:center;justify-content:center;align-items:center;display:flex}.ending-bg{object-fit:cover;object-position:center center;width:100%;height:100%;animation:12s ease-out both slowZoom;position:absolute;inset:0}.ending-overlay{background:linear-gradient(#2f0a0e6b,#2f0a0eb8),radial-gradient(circle,#0000 15%,#1e090b59 100%);position:absolute;inset:0}.ending-frame{border:1px solid #ffffff47;position:absolute;inset:34px}.ending-content{z-index:3;width:min(1100px,78%);animation:1.35s both textRise;position:relative}.scene-ending h2{margin:38px 0;font-size:clamp(56px,5.6vw,98px);font-weight:400;line-height:1.65}.ending-rule{background:#ffffff85;width:54px;height:1px;margin:0 auto 32px}.ending-name{letter-spacing:.16em;margin:0;font-size:19px}.ending-year{font-family:var(--font-en);letter-spacing:.4em;opacity:.72;margin:17px 0 0;font-size:14px}.ending-small{color:#ffffff9e;margin-top:42px;font-size:14px;line-height:2}.control{z-index:100;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1912106b;border:1px solid #ffffff47;border-radius:50%;place-items:center;width:43px;height:43px;padding:0;font-size:14px;transition:transform .25s,background .25s;display:grid;position:fixed;top:24px}.control:hover{background:#681f2be0;transform:translateY(-2px)}.control-music{right:28px}.control-pause{right:80px}.progress{z-index:100;color:#ffffffdb;font-family:var(--font-en);letter-spacing:.16em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#120d0b3d;border-radius:20px;align-items:center;gap:13px;padding:8px 12px;font-size:10px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.progress-track{background:#ffffff38;width:165px;height:1px;overflow:hidden}.progress-fill{background:#fff;height:100%;transition:width .7s}@media (aspect-ratio>=16/10){.story-copy p{font-size:clamp(15px,1vw,20px)}.editorial-copy h2{font-size:clamp(48px,4.2vw,76px)}.family-content header h2{font-size:clamp(46px,4vw,72px)}.family-block{padding-top:25px;padding-bottom:25px}.date-panel h2{font-size:clamp(46px,4vw,72px)}}@media (width<=1200px){.story-copy p{font-size:15px}.story-highlight{font-size:19px}.family-block{padding:24px}.family-block>p:not(.family-label){font-size:14px}.date-panel>p:not(.scene-date){font-size:15px}.wine-copy>p:not(.scene-date){font-size:16px}}@media (width<=900px){.start-content{width:78%}.start-content h1{font-size:68px}.opening-names{font-size:72px}.scene-editorial{grid-template-columns:50% 50%}.editorial-copy{padding:6%}.editorial-copy h2{font-size:42px}.story-copy p{font-size:13px}.type-main h2{font-size:45px}.type-lines p{font-size:17px}.photo-copy h2{font-size:52px}.collage-title h2{font-size:39px}.wine-copy h2{font-size:44px}.family-content{padding:6%}.family-content header h2{font-size:40px}.family-block h3{font-size:27px}.certificate-left{padding:6%}.certificate-left h2{font-size:40px}.certificate-main{font-size:24px}.months-copy h2{font-size:39px}.months-copy blockquote{font-size:20px}.gallery-heading h2{font-size:40px}.scene-ending h2{font-size:47px}}@media (width<=700px){.start-border,.opening-frame,.photo-frame,.ending-frame{inset:14px}.control{top:15px}.control-music{right:15px}.control-pause{right:66px}.progress{bottom:12px}.progress-track{width:100px}}.scene{min-height:100vh}.story-copy,.type-lines,.wine-copy,.family-content,.date-panel,.certificate-left,.months-copy,.photo-copy{min-width:0}.story-copy p,.type-lines p,.wine-copy>p,.family-block>p,.date-panel>p,.certificate-main,.certificate-highlight,.months-copy>p,.months-copy blockquote,.photo-copy>p{overflow-wrap:break-word}.editorial-copy{padding-left:9%;padding-right:6%}.editorial-copy h2{margin-bottom:28px;font-size:clamp(48px,4.6vw,82px);line-height:1.3}.editorial-copy .story-copy p{margin-bottom:13px;font-size:clamp(15px,1.08vw,20px);line-height:1.82}.editorial-copy .story-highlight{margin-top:24px;font-size:clamp(18px,1.28vw,25px);line-height:1.72}.type-grid{grid-template-columns:27% 73%;width:min(1420px,86%)}.type-main h2{margin-bottom:30px;font-size:clamp(48px,4.7vw,84px)}.type-lines p{font-size:clamp(17px,1.38vw,25px);line-height:1.72}.type-highlight{margin-top:30px;padding-top:22px;font-size:clamp(18px,1.33vw,25px)}.photo-copy{width:min(760px,58%);bottom:8%;left:7%}.photo-copy h2{margin:18px 0 22px;font-size:clamp(50px,5.2vw,92px);line-height:1.15}.photo-copy>p:not(.scene-date){text-shadow:0 1px 10px #00000040;max-width:760px;margin-bottom:6px;font-size:clamp(15px,1.02vw,20px);line-height:1.72}.collage-title{width:38%;top:11%;left:6%}.collage-title h2{margin-bottom:22px;font-size:clamp(44px,4vw,72px);line-height:1.3}.collage-title .story-copy p{margin-bottom:10px;font-size:clamp(14px,.95vw,18px);line-height:1.72}.collage-title .story-highlight{margin-top:18px;padding-top:18px;font-size:clamp(17px,1.18vw,23px)}.wine-copy{width:56%;margin-left:36%}.wine-copy h2{margin:24px 0;font-size:clamp(48px,4.5vw,80px);line-height:1.35}.wine-divider{margin:24px 0}.wine-copy>p:not(.scene-date){margin:7px 0;font-size:clamp(15px,1.08vw,21px);line-height:1.72}.wine-highlight{margin-top:24px!important}.family-content{padding:6% 7%}.family-content header h2{margin:16px 0 24px;font-size:clamp(42px,3.9vw,70px);line-height:1.28}.family-grid{margin-top:12px}.family-block{padding:24px 26px}.family-block h3{margin:10px 0 16px;font-size:30px}.family-block>p:not(.family-label){margin:0 0 9px;font-size:clamp(13px,.9vw,17px);line-height:1.72}.date-panel{padding:6vh 4vw 6vh 3.8vw}.date-panel .scene-date{margin-bottom:22px}.date-panel h2{margin-bottom:26px;font-size:clamp(44px,4vw,70px);line-height:1.28}.date-panel h2:after{margin-top:22px}.date-panel>p:not(.scene-date){margin-bottom:9px;font-size:clamp(14px,.93vw,18px);line-height:1.72}.date-panel .dialogue{margin:18px 0 19px!important;font-size:clamp(19px,1.35vw,25px)!important}.scene-certificate{grid-template-columns:48% 52%}.certificate-left{padding:0 7% 0 13%}.certificate-left .scene-date{margin-bottom:22px}.certificate-left h2{margin-bottom:22px;font-size:clamp(46px,4.15vw,74px)}.certificate-main{font-size:clamp(20px,1.45vw,27px);line-height:1.65}.certificate-rule{margin:24px 0 22px}.certificate-highlight{font-size:clamp(17px,1.15vw,23px);line-height:1.65}.certificate-photo{place-self:center;width:min(620px,82%);max-height:80vh}.certificate-photo img{object-fit:contain;max-height:calc(80vh - 36px)}.months-photo{width:31%;height:60%;top:22%;left:12%}.months-copy{width:45%;top:20%;right:6%}.months-copy h2{margin-bottom:20px;font-size:clamp(43px,3.85vw,69px);line-height:1.36}.months-copy>p{margin-bottom:11px;font-size:clamp(14px,.96vw,18px);line-height:1.72}.months-copy blockquote{margin-top:22px;padding-top:20px;font-size:clamp(18px,1.28vw,24px);line-height:1.68}.gallery-heading{width:24%}.gallery-heading h2{font-size:clamp(42px,3.6vw,64px)}.gallery-card figcaption{font-size:clamp(10px,.68vw,12px);line-height:1.48}.scene-ending h2{font-size:clamp(50px,5vw,88px);line-height:1.55}@media (height<=820px) and (width>=901px){.editorial-copy h2{margin:18px 0 20px;font-size:clamp(40px,4vw,68px)}.editorial-copy .story-copy p{margin-bottom:8px;font-size:14px;line-height:1.65}.editorial-copy .story-highlight{margin-top:16px;font-size:17px}.type-main h2{margin:16px 0 22px;font-size:clamp(40px,4.1vw,68px)}.type-lines p{font-size:16px;line-height:1.58}.type-highlight{margin-top:20px;padding-top:16px;font-size:17px}.photo-copy{bottom:6%}.photo-copy h2{margin:14px 0 16px;font-size:clamp(42px,4.6vw,72px)}.photo-copy>p:not(.scene-date){font-size:14px;line-height:1.58}.collage-title{top:8%}.collage-title h2{font-size:clamp(38px,3.7vw,60px)}.collage-title .story-copy p{font-size:13px;line-height:1.55}.collage-title .story-highlight{font-size:16px;line-height:1.55}.wine-copy h2{margin:18px 0;font-size:clamp(40px,4vw,66px)}.wine-divider{margin:18px 0}.wine-copy>p:not(.scene-date){font-size:14px;line-height:1.58}.family-content{padding:4% 6%}.family-content header h2{margin:12px 0 18px;font-size:clamp(38px,3.5vw,60px)}.family-block{padding:18px 20px}.family-block h3{margin:8px 0 10px;font-size:26px}.family-block>p:not(.family-label){margin-bottom:5px;font-size:12.5px;line-height:1.55}.date-panel h2{margin-bottom:18px;font-size:clamp(38px,3.6vw,60px)}.date-panel>p:not(.scene-date){margin-bottom:6px;font-size:13px;line-height:1.55}.certificate-left h2{font-size:clamp(38px,3.7vw,62px)}.certificate-main{font-size:18px}.certificate-highlight{font-size:16px}.months-copy{top:17%}.months-copy h2{font-size:clamp(36px,3.4vw,58px)}.months-copy>p{font-size:13px}.months-copy blockquote{font-size:17px}}@media (width<=820px){body{overflow:hidden}.scene-date,.scene-kicker{letter-spacing:.26em;font-size:10px}.start-side,.opening-vertical{display:none}.start-content{width:84%}.start-content h1{font-size:clamp(48px,15vw,76px);line-height:.98}.start-content h1 span{margin:14px 0}.start-quote{margin:28px 0 26px;font-size:14px}.start-content button{min-width:205px;padding:13px 24px}.opening-main{text-align:left;width:auto;top:16%;left:8%;right:8%}.opening-main .scene-kicker,.opening-quote{text-align:left}.opening-names{font-size:clamp(50px,15vw,78px)}.opening-quote{margin-left:0;margin-right:auto;font-size:14px}.opening-seal{width:62px;height:62px;bottom:8%;right:8%}.scene-editorial,.scene-editorial.image-right,.scene-editorial.image-left{grid-template-rows:58% 42%;grid-template-columns:1fr;display:grid}.scene-editorial.image-right .editorial-copy,.scene-editorial.image-left .editorial-copy{grid-area:1/1}.scene-editorial.image-right .editorial-image,.scene-editorial.image-left .editorial-image{grid-area:2/1}.editorial-copy{align-self:center;padding:7% 8% 4%}.editorial-copy h2{margin:12px 0 15px;font-size:clamp(31px,9vw,44px);line-height:1.24}.editorial-copy .story-copy p{margin-bottom:6px;font-size:12px;line-height:1.55}.editorial-copy .story-highlight{margin-top:11px;font-size:14px;line-height:1.55}.editorial-image{width:100%;height:100%;margin:0}.editorial-number,.editorial-rule{display:none}.type-grid{grid-template-columns:1fr;width:84%}.type-index{opacity:.12;font-size:55vw;position:absolute;bottom:-7%;left:4%}.type-main h2{margin:12px 0 18px;font-size:clamp(34px,10vw,48px)}.type-lines p{font-size:14px;line-height:1.62}.type-highlight{margin-top:20px;padding-top:17px;font-size:15px}.photo-copy{width:auto;bottom:9%;left:8%;right:8%}.photo-copy h2{margin:12px 0 16px;font-size:clamp(38px,11vw,58px)}.photo-copy>p:not(.scene-date){font-size:13px;line-height:1.58}.photo-number{top:5%;right:7%}.collage-title{width:86%;top:6%;left:7%}.collage-title .scene-date{margin-bottom:12px}.collage-title h2{margin-bottom:12px;font-size:clamp(31px,9vw,43px)}.collage-title .story-copy p{margin-bottom:4px;font-size:11.5px;line-height:1.48}.collage-title .story-highlight{margin-top:8px;padding-top:8px;font-size:13px;line-height:1.45}.collage-a{width:43%;height:19%;top:54%;left:6%}.collage-b{width:43%;height:19%;top:54%;right:6%}.collage-c{width:43%;height:19%;bottom:6%;left:6%}.collage-d{width:43%;height:19%;bottom:6%;right:6%}.wine-photo{opacity:.22;border:0;width:100%;height:100%;top:0;left:0;transform:none}.wine-copy{width:auto;margin:0 8%}.wine-copy h2{margin:16px 0;font-size:clamp(34px,9vw,48px)}.wine-divider{margin:18px 0}.wine-copy>p:not(.scene-date){font-size:13px;line-height:1.6}.wine-highlight{margin-top:18px!important}.wine-no{font-size:70vw}.scene-family{grid-template-rows:34% 66%;grid-template-columns:1fr}.family-photo{grid-row:1}.family-content{grid-row:2;padding:5% 7% 7%}.family-content header h2{margin:8px 0 12px;font-size:clamp(29px,8vw,40px)}.family-grid{margin-top:4px}.family-block{padding:11px 12px}.family-block h3{margin:5px 0 7px;font-size:20px}.family-label{font-size:9px}.family-block>p:not(.family-label){margin-bottom:3px;font-size:10.5px;line-height:1.46}.family-number{display:none}.scene-date-focus{grid-template-rows:42% 58%;grid-template-columns:1fr;display:grid}.date-giant{display:none}.date-photo{grid-area:1/1}.date-photo:before{display:none}.date-panel{grid-area:2/1;padding:5% 8% 7%}.date-panel .scene-date{margin-bottom:9px}.date-panel h2{margin-bottom:11px;font-size:clamp(29px,8.5vw,40px)}.date-panel h2:after{margin-top:10px}.date-panel>p:not(.scene-date){margin-bottom:4px;font-size:11.5px;line-height:1.48}.date-panel .dialogue{margin:8px 0 9px!important;font-size:14px!important}.scene-certificate{grid-template-rows:58% 42%;grid-template-columns:1fr}.certificate-left{grid-area:1/1;padding:7% 8% 3%}.certificate-left .scene-date{margin-bottom:11px}.certificate-left h2{margin-bottom:12px;font-size:clamp(31px,9vw,43px)}.certificate-main{font-size:15px}.certificate-rule{margin:14px 0 12px}.certificate-highlight{font-size:14px}.certificate-number,.scene-certificate:after{display:none}.certificate-photo{grid-area:2/1;place-self:center;width:min(86%,520px);max-height:39vh;padding:10px}.certificate-photo img{max-height:calc(39vh - 20px)}.months-big{opacity:.045;font-size:95vw}.months-word{top:5%;left:7%}.months-photo{width:86%;height:38%;top:12%;left:7%}.months-copy{width:auto;top:54%;left:8%;right:8%}.months-copy h2{margin-bottom:11px;font-size:clamp(29px,8vw,40px)}.months-copy>p{margin-bottom:5px;font-size:11.5px;line-height:1.48}.months-copy blockquote{margin-top:10px;padding-top:10px;font-size:13px;line-height:1.48}.months-copy blockquote:before{display:none}.gallery-heading{width:86%;top:5%;left:7%}.gallery-heading .scene-date{margin-bottom:10px}.gallery-heading h2{font-size:clamp(30px,8vw,40px)}.gallery-heading:after{margin-top:10px}.gallery-cards{grid-template-rows:repeat(4,1fr);grid-template-columns:1fr 1fr;gap:8px;inset:28% 6% 7%}.card-1{grid-area:1/1/span 2}.card-2{grid-area:1/2}.card-3{grid-area:2/2/span 2}.card-4{grid-area:3/1}.card-5{grid-area:4/1}.card-6{grid-area:4/2}.card-7{display:none}.gallery-card figcaption{font-size:9px;bottom:7px;left:8px;right:8px}.scene-gallery:after{display:none}.wedding-day-content{left:8%;right:8%}.wedding-day-content h2 span{font-size:clamp(56px,17vw,86px)}.wedding-day-content h2 strong{margin-top:16px;font-size:clamp(74px,22vw,112px)}.wedding-day-text p{font-size:14px}.ending-content{width:84%}.scene-ending h2{margin:24px 0;font-size:clamp(34px,9.5vw,48px);line-height:1.55}.ending-small{margin-top:27px;font-size:12px}.control{width:38px;height:38px}.progress{gap:8px;padding:7px 10px;bottom:10px}.progress-track{width:84px}}@media (width<=430px){.editorial-copy{padding-top:9%}.editorial-copy h2{font-size:29px}.editorial-copy .story-copy p{font-size:11px}.editorial-copy .story-highlight{font-size:12.5px}.photo-copy h2{font-size:37px}.photo-copy>p:not(.scene-date){font-size:11.5px}.family-content header h2{font-size:27px}.family-block>p:not(.family-label){font-size:9.8px}.gallery-cards{top:27%}}.collage-title{text-align:center;width:38%;top:50%;left:6%;transform:translateY(-50%)}.collage-title .story-copy,.collage-title .story-highlight{margin-left:auto;margin-right:auto}.collage-title .scene-date,.collage-title h2,.collage-title .story-copy p,.collage-title .story-highlight{text-align:center}.months-copy{text-align:center;width:46%;top:50%;right:5%;transform:translateY(-50%)}.months-copy h2,.months-copy>p,.months-copy blockquote{text-align:center}.months-copy blockquote{margin-left:auto;margin-right:auto}@media (width<=820px){.collage-title{text-align:center;width:86%;top:6%;left:7%;transform:none}.collage-title .scene-date,.collage-title h2,.collage-title .story-copy p,.collage-title .story-highlight{text-align:center}.months-copy{text-align:center;width:auto;top:54%;left:8%;right:8%;transform:none}.months-copy h2,.months-copy>p,.months-copy blockquote{text-align:center}}.scene-stage{isolation:isolate;position:relative}.scene:not(.scene-opening):not(.scene-photo-full):not(.scene-wine):not(.scene-wedding-day):not(.scene-ending){background-image:radial-gradient(circle at 16% 20%,#681f2b06,#0000 28%),radial-gradient(circle at 82% 75%,#ad90660b,#0000 30%)}.start-overlay{background:linear-gradient(90deg,#120c0bb8 0%,#120c0b5e 43%,#120c0b14 82%),linear-gradient(#0000 42%,#120c0b70)}.start-content{width:min(900px,72%)}.start-content:before{content:"LOVE STORY / CHAPTER ONE";color:#ffffffc7;width:fit-content;font-family:var(--font-en);letter-spacing:.32em;border:1px solid #ffffff47;margin:0 auto 26px;padding:8px 15px;font-size:10px;display:block}.start-content h1{text-shadow:0 8px 30px #0000002e}.start-content button{background:#ffffff17;border-radius:999px;padding-left:42px;padding-right:42px}.scene-opening .opening-main{width:38%;top:14%;right:7%}.scene-opening .opening-main:before{content:"VOL. 01";color:#ffffffad;width:fit-content;font-family:var(--font-en);letter-spacing:.34em;border-bottom:1px solid #ffffff6b;margin:0 0 18px auto;padding-bottom:7px;font-size:10px;display:block}.scene-opening .opening-seal{-webkit-backdrop-filter:blur(7px);background:#441c1f3d}.scene-wechatStart .scene-editorial{background:linear-gradient(120deg,#f8f4ef 0%,#f0e6df 100%)}.scene-wechatStart .editorial-copy{padding-left:14%}.scene-wechatStart .editorial-copy:before{content:"";background:var(--wine);opacity:.58;width:2px;height:70%;position:absolute;top:14%;left:8%}.scene-wechatStart .editorial-image{border:10px solid #fffdfb;width:77%;height:68%;margin-left:9%;transform:rotate(1.4deg);box-shadow:0 28px 60px #3b272226}.scene-wechatStart .editorial-image:before{content:"OUR BEGINNING";z-index:4;color:#fff;font-family:var(--font-en);letter-spacing:.3em;font-size:9px;position:absolute;bottom:15px;left:18px}.scene-smallTalk .scene-date,.scene-smallTalk .type-highlight{color:#d9adb1}.scene-smallTalk .type-highlight{border-top-color:#ffffff2b}.scene-deeper .scene-editorial{background:linear-gradient(90deg,#eaded6 0% 47%,#fffdfb 47% 100%)}.scene-deeper .editorial-image{width:82%;height:78%;margin-left:9%;box-shadow:0 25px 55px #35241f1f}.scene-deeper .editorial-copy h2:after{content:"";background:var(--wine);width:56px;height:2px;margin-top:26px;display:block}.scene-beginUs .photo-shade{background:linear-gradient(90deg,#160d0dba 0%,#160d0d52 45%,#160d0d08 80%),linear-gradient(#0000 46%,#160d0d52)}.scene-beginUs .photo-copy{border-left:2px solid #ffffff9e;width:min(720px,46%);padding-left:26px}.scene-yantaiTrip .photo-copy{-webkit-backdrop-filter:blur(14px);background:#1b111057;border:1px solid #ffffff42;width:43%;padding:32px 36px;bottom:8%;left:7%}.scene-yantaiTrip .photo-copy h2{font-size:clamp(50px,5vw,86px)}.scene-threeDays .scene-collage{background:radial-gradient(circle at 15% 18%,#9c686e14,#0000 25%),linear-gradient(135deg,#f6f0ea 0%,#e9ddd5 100%)}.scene-threeDays .collage-a,.scene-threeDays .collage-b,.scene-threeDays .collage-c,.scene-threeDays .collage-d{border:10px solid #fffdfb;box-shadow:0 20px 38px #301f1b24}.scene-threeDays .collage-a{transform:rotate(-3deg)}.scene-threeDays .collage-b{transform:rotate(2deg)}.scene-threeDays .collage-c{transform:rotate(2.4deg)}.scene-threeDays .collage-d{transform:rotate(-2deg)}.scene-threeDays .collage-title:before{content:"MEMORIES";color:var(--gold);font-family:var(--font-en);letter-spacing:.42em;margin-bottom:15px;font-size:10px;display:block}.scene-goodbye .scene-wine{background:radial-gradient(circle at 67% 37%,#ffffff0d,#0000 28%),linear-gradient(115deg,#351015 0%,#4b171e 62%,#241215 100%)}.scene-goodbye .wine-photo{width:30%;height:68%;left:6%;box-shadow:0 28px 60px #00000038}.scene-goodbye .wine-copy{width:49%;margin-left:42%}.scene-backToBeijing .scene-editorial{background:linear-gradient(145deg,#fffdfb 0%,#f4ece6 100%)}.scene-backToBeijing .editorial-image{border-radius:46% 46% 0 0;width:82%;height:70%}.scene-birthdayRush .photo-copy:before{content:"FOR YOU";color:#ffffffd1;width:fit-content;font-family:var(--font-en);letter-spacing:.35em;border:1px solid #ffffff6b;margin-bottom:15px;padding:7px 12px;font-size:9px;display:block}.scene-birthdayCake .scene-collage{background:linear-gradient(135deg,#fffaf5 0%,#efe2dc 100%)}.scene-birthdayCake .collage-a,.scene-birthdayCake .collage-d{border-radius:999px 999px 0 0}.scene-birthdayCake .collage-b,.scene-birthdayCake .collage-c{border-radius:0 0 999px 999px}.scene-arguments .scene-wine{background:linear-gradient(135deg,#49151c 0%,#2b1115 100%)}.scene-arguments .wine-photo{border:8px solid #ffffff12;transform:translateY(-50%)rotate(-1.2deg)}.scene-sorryAgain .scene-type{background:radial-gradient(circle at 10% 78%,#681f2b12,#0000 30%),#f8f1ec}.scene-sorryAgain .type-index{color:#681f2b17;transform:rotate(-5deg)}.scene-sorryAgain .type-main{background:#fffdfb8f;border:1px solid #681f2b1f;padding:42px}.scene-parentsBeijing .scene-editorial{background:linear-gradient(135deg,#fffdfb 0%,#efe6df 100%)}.scene-parentsBeijing .editorial-copy:after{content:"FAMILY";color:#681f2b0e;font-family:var(--font-en);letter-spacing:.06em;pointer-events:none;font-size:clamp(92px,10vw,176px);position:absolute;top:-18%;right:2%}.scene-meetParents .scene-family{background:#f4eee9}.scene-meetParents .family-photo{height:90vh;margin:5vh 0 5vh 5vw;box-shadow:0 28px 60px #37262124}.scene-meetParents .family-content{padding-left:12%;padding-right:10%}.scene-meetParents .family-grid{background:#fffdfb8a}.scene-henan .photo-frame{border-color:#ffffff6b;inset:24px}.scene-henan .photo-copy{max-width:660px}.scene-henan .photo-copy:after{content:"HOME / FAMILY / US";color:#ffffff9e;font-family:var(--font-en);letter-spacing:.38em;margin-top:22px;font-size:9px;display:block}.scene-understanding .scene-editorial{background:linear-gradient(90deg,#f7f1ec 0% 52%,#eadfd8 52% 100%)}.scene-understanding .editorial-image{width:74%;height:68%;margin-left:11%;box-shadow:18px 18px #681f2b14}.scene-may16Morning .scene-date-focus{background:linear-gradient(110deg,#f5efe9 0%,#ece2db 100%)}.scene-may16Morning .date-giant{opacity:.62}.scene-may16Morning .date-photo{width:calc(100% - 5vw);height:88vh;margin:6vh 5vw 6vh 0;box-shadow:0 22px 60px #2d1f1b21}.scene-letsGo .scene-type{background:linear-gradient(135deg,#e9ddd5 0%,#faf6f2 58%,#fffdfb 100%)}.scene-letsGo .type-main h2{max-width:900px}.scene-letsGo .type-highlight{border-top-width:2px;max-width:900px}.scene-familyChoice .scene-certificate{background:linear-gradient(120deg,#faf7f2 0%,#eee4dd 100%)}.scene-familyChoice .certificate-left{background:#fffdfb94;border:1px solid #681f2b2e;width:84%;margin-left:8%;padding:8% 9%}.scene-familyChoice .certificate-photo{transform:rotate(1.2deg);box-shadow:0 30px 65px #31221e29}.scene-threeMonths .scene-months{background:radial-gradient(circle at 20% 20%,#b5757d2e,#0000 35%),#2c171a}.scene-threeMonths .months-big{color:#ffffff0d}.scene-threeMonths .months-word:after{background:#ffffff40}.scene-threeMonths .months-photo{border:10px solid #ffffffeb;box-shadow:0 28px 60px #00000040}.scene-threeMonths .months-copy h2{color:#fff9f5}.scene-threeMonths .months-copy>p{color:#fff9f5b3}.scene-threeMonths .months-copy blockquote{color:#e0b7bb;border-top-color:#fff3}.scene-dailyLife .scene-gallery{background:radial-gradient(circle at 20% 20%,#69424538,#0000 28%),#1b1716}.scene-dailyLife .gallery-heading .scene-date{color:#d9adb1}.scene-dailyLife .gallery-heading h2{color:#fff9f5}.scene-dailyLife .gallery-heading:after{background:#d9adb1}.scene-dailyLife .gallery-card{background:#f8f2ed;border:5px solid #f8f2ed;box-shadow:0 15px 35px #00000042}.scene-dailyLife .gallery-card:nth-child(2),.scene-dailyLife .gallery-card:nth-child(5){transform:rotate(.8deg)}.scene-dailyLife .gallery-card:nth-child(4),.scene-dailyLife .gallery-card:nth-child(6){transform:rotate(-.8deg)}.scene-dailyLife .scene-gallery:after{background:#ffffff1f}.scene-littleThings .scene-editorial{background:linear-gradient(135deg,#f3e7e3 0%,#fffaf7 65%)}.scene-littleThings .editorial-image{border:9px solid #fffdfb;width:76%;height:67%;margin-left:10%;transform:rotate(-1.5deg);box-shadow:0 25px 55px #4a2d2b26}.scene-weddingDay .wedding-day-overlay{background:linear-gradient(90deg,#120c0bba 0%,#120c0b5c 44%,#120c0b14 80%),linear-gradient(#0000 42%,#120c0b5c)}.scene-weddingDay .wedding-day-content{border-left:2px solid #ffffffa8;padding-left:34px}.scene-weddingDay .wedding-day-content:before{content:"SAVE THE DATE";color:#ffffffb3;font-family:var(--font-en);letter-spacing:.42em;margin-bottom:20px;font-size:10px;display:block}.scene-weddingDay .wedding-day-content h2 strong{color:#e7c2c4;text-shadow:0 7px 30px #0003}.scene-ending .ending-content:before{content:"L & F";color:#ffffffdb;width:64px;height:64px;font-family:var(--font-en);border:1px solid #ffffff6b;border-radius:50%;place-items:center;margin:0 auto 28px;font-size:14px;font-style:italic;display:grid}.control{-webkit-backdrop-filter:blur(12px);background:#23141557;border-color:#ffffff40}.progress{-webkit-backdrop-filter:blur(10px);background:#23141547;border:1px solid #ffffff29}@media (width<=820px){.start-content:before{margin-bottom:16px;font-size:8px}.scene-wechatStart .editorial-copy:before,.scene-deeper .editorial-copy h2:after{display:none}.scene-wechatStart .editorial-image,.scene-deeper .editorial-image,.scene-understanding .editorial-image,.scene-littleThings .editorial-image{width:100%;height:100%;box-shadow:none;border:0;border-radius:0;margin:0;transform:none}.scene-yantaiTrip .photo-copy{width:auto;padding:20px;bottom:7%;left:7%;right:7%}.scene-threeDays .collage-a,.scene-threeDays .collage-b,.scene-threeDays .collage-c,.scene-threeDays .collage-d,.scene-arguments .wine-photo,.scene-dailyLife .gallery-card{transform:none}.scene-threeDays .collage-a,.scene-threeDays .collage-b,.scene-threeDays .collage-c,.scene-threeDays .collage-d{border-width:5px}.scene-goodbye .wine-photo{width:100%;height:100%;left:0}.scene-goodbye .wine-copy{width:auto;margin:0 8%}.scene-sorryAgain .type-main{background:0 0;border:0;padding:0}.scene-meetParents .family-photo{height:100%;box-shadow:none;margin:0}.scene-may16Morning .date-photo{width:100%;height:100%;box-shadow:none;margin:0}.scene-familyChoice .certificate-left{background:0 0;border:0;width:100%;margin:0}.scene-threeMonths .months-photo{border-width:5px}.scene-weddingDay .wedding-day-content{padding-left:20px}.scene-weddingDay .wedding-day-content:before{margin-bottom:12px;font-size:8px}}#smallTalk,.scene-smallTalk{color:#8d7478}#smallTalk .section-kicker,.scene-smallTalk .section-kicker{color:#c8a3a7}#smallTalk h1,#smallTalk h2,#smallTalk .scene-title,#smallTalk .editorial-title,.scene-smallTalk h1,.scene-smallTalk h2,.scene-smallTalk .scene-title,.scene-smallTalk .editorial-title{color:#7f5b63}#smallTalk p,#smallTalk .scene-paragraph,#smallTalk .editorial-copy,.scene-smallTalk p,.scene-smallTalk .scene-paragraph,.scene-smallTalk .editorial-copy{color:#8d7478}#smallTalk .scene-highlight,#smallTalk .highlight,.scene-smallTalk .scene-highlight,.scene-smallTalk .highlight{color:#b07a83}#smallTalk .scene-number,#smallTalk .editorial-number,.scene-smallTalk .scene-number,.scene-smallTalk .editorial-number{color:#b07a8324}#smallTalk *,.scene-smallTalk *{text-shadow:none}.scene-smallTalk .scene-type{color:var(--ink)!important;background:radial-gradient(circle at 78% 24%,#681f2b12,#0000 36%),linear-gradient(135deg,#f8f4ef 0%,#eee7e1 100%)!important}.scene-smallTalk .type-index{color:#681f2b14!important}.scene-smallTalk .scene-date{color:#a36f78!important}.scene-smallTalk .type-main{color:var(--ink)!important}.scene-smallTalk .type-main h2{color:#51363b!important}.scene-smallTalk .type-lines p{color:#70625d!important}.scene-smallTalk .type-highlight{color:#a35f6b!important;border-top-color:#681f2b2e!important}.scene-smallTalk .type-corner{color:#ad9066!important}.scene-smallTalk .type-main h2,.scene-smallTalk .type-lines p,.scene-smallTalk .type-highlight,.scene-smallTalk .scene-date{text-shadow:none!important}.scene-threeMonths .months-photo{width:30%!important;height:59%!important;top:23%!important;left:14%!important}.scene-threeMonths .months-copy{text-align:left!important;width:46%!important;top:23%!important;right:5%!important;transform:none!important}.scene-threeMonths .months-copy h2{line-height:1.42;color:#fffaf7!important;text-align:left!important;margin:0 0 25px!important}.scene-threeMonths .months-copy>p{line-height:1.8;color:#fffaf7e0!important;text-align:left!important;margin:0 0 14px!important}.scene-threeMonths .months-copy blockquote{padding-top:22px;line-height:1.7;color:#edc6ca!important;text-align:left!important;border-top:1px solid #ffffff47!important;margin:28px 0 0!important}.scene-threeMonths .months-copy blockquote:before{color:#edc6ca42!important}.scene-threeMonths .months-word{color:#dcb6ba!important}.scene-threeDays .collage-b img{width:100%;height:100%;object-fit:cover!important;object-position:center 35%!important;background:0 0!important}.scene-threeDays .collage-b,.scene-birthdayCake .collage-b{width:25%!important;height:35%!important;right:6%!important}.scene-threeMonths .months-copy>p,.scene-goodbye .wine-copy>p:not(.scene-date),.scene-arguments .wine-copy>p:not(.scene-date){color:#fffaf7e0!important}.scene-threeMonths .months-word,.scene-goodbye .wine-date,.scene-arguments .wine-date{opacity:1!important}@media (width<=820px){.scene-threeMonths .months-photo{width:84%!important;height:37%!important;top:10%!important;left:8%!important;right:8%!important}.scene-threeMonths .months-copy{text-align:center!important;width:auto!important;top:52%!important;left:8%!important;right:8%!important;transform:none!important}.scene-threeMonths .months-copy h2,.scene-threeMonths .months-copy>p,.scene-threeMonths .months-copy blockquote{text-align:center!important}.scene-threeMonths .months-copy blockquote{margin-left:auto!important;margin-right:auto!important}.scene-threeDays .collage-b,.scene-birthdayCake .collage-b{width:43%!important;height:19%!important;right:6%!important}}.scene-weddingDay{position:relative;overflow:hidden}.scene-weddingDay:before{content:"";pointer-events:none;z-index:1;background:linear-gradient(90deg,#140e10b8 0%,#140e1094 18%,#140e1057 34%,#140e101f 48%,#140e1000 64%);position:absolute;inset:0}.scene-weddingDay>*{z-index:2;position:relative}.scene-weddingDay .wedding-copy{position:absolute;text-align:left!important;width:30%!important;top:18%!important;bottom:auto!important;left:7.5%!important;transform:none!important}.scene-weddingDay .wedding-copy .eyebrow,.scene-weddingDay .wedding-copy .small-title,.scene-weddingDay .wedding-copy .wedding-label{letter-spacing:.22em;text-shadow:0 2px 14px #00000047;font-size:.95rem;color:#fff5f6eb!important}.scene-weddingDay .wedding-copy .year,.scene-weddingDay .wedding-copy .wedding-year{text-shadow:0 4px 24px #00000047,0 1px #ffffff14;line-height:.95;color:#fff8f7!important;margin-top:30px!important;margin-bottom:10px!important}.scene-weddingDay .wedding-copy .day,.scene-weddingDay .wedding-copy .wedding-day,.scene-weddingDay .wedding-copy .date{text-shadow:0 4px 24px #00000042,0 1px #ffffff0f;line-height:.95;color:#f6d7dc!important;margin:0 0 28px!important}.scene-weddingDay .wedding-copy p,.scene-weddingDay .wedding-copy .meta,.scene-weddingDay .wedding-copy .location,.scene-weddingDay .wedding-copy .desc{text-shadow:0 2px 16px #00000047;line-height:1.9;color:#fff6f6f5!important}.scene-weddingDay .wedding-copy p:last-child,.scene-weddingDay .wedding-copy .desc:last-child{color:snow!important}.scene-weddingDay .wedding-copy:before,.scene-weddingDay .wedding-line{background:#fff5f68c!important;border-color:#fff5f68c!important}.scene-weddingDay img{filter:brightness(.88)}@media (width<=820px){.scene-weddingDay .wedding-copy{width:52%!important;top:14%!important;left:8%!important}.scene-weddingDay:before{background:linear-gradient(90deg,#140e10bd 0%,#140e1099 28%,#140e103d 52%,#140e1000 74%)}}.scene-weddingDay .wedding-day-photo{z-index:0!important}.scene-weddingDay .wedding-day-overlay{z-index:1!important;background:linear-gradient(90deg,#0e0a0ad1 0%,#0e0a0aad 20%,#0e0a0a6e 38%,#0e0a0a29 55%,#0e0a0a00 72%),linear-gradient(#0000 45%,#0e0a0a33)!important}.scene-weddingDay .wedding-day-content{z-index:4!important;border-left:2px solid #ffffff9e!important;width:31%!important;padding-left:32px!important;animation:.9s both weddingDayTextIn!important;position:absolute!important;top:16%!important;bottom:auto!important;left:8%!important;transform:none!important}.scene-weddingDay .wedding-day-content:before{content:"SAVE THE DATE";font-family:var(--font-en);letter-spacing:.42em;text-shadow:0 2px 12px #00000073;font-size:10px;display:block;color:#ffffffeb!important;margin-bottom:16px!important}.scene-weddingDay .wedding-day-content .scene-date{text-shadow:0 2px 12px #00000073;color:#ffffffeb!important;margin:0 0 18px!important}.scene-weddingDay .wedding-day-content h2{text-shadow:0 4px 22px #00000047;margin:12px 0 24px!important;line-height:.82!important}.scene-weddingDay .wedding-day-content h2 span{color:#fffaf7!important;font-size:clamp(74px,7.2vw,126px)!important}.scene-weddingDay .wedding-day-content h2 strong{text-shadow:0 5px 24px #0000004d;font-weight:400;display:block;color:#ecc6c9!important;margin-top:20px!important;font-size:clamp(92px,8.8vw,150px)!important}.scene-weddingDay .wedding-day-text p{text-shadow:0 2px 14px #0000008c;color:#fffffff5!important;margin:0 0 10px!important;font-size:clamp(15px,1.05vw,19px)!important;line-height:1.65!important}@keyframes weddingDayTextIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=820px){.scene-weddingDay .wedding-day-content{width:50%!important;padding-left:18px!important;top:12%!important;left:8%!important}.scene-weddingDay .wedding-day-content h2 span{font-size:clamp(54px,15vw,78px)!important}.scene-weddingDay .wedding-day-content h2 strong{font-size:clamp(68px,19vw,100px)!important}.scene-weddingDay .wedding-day-text p{font-size:12px!important}}