@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{padding:32px 34px}.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}}