@import "https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@300;400;500&display=swap";:root{--wine:#6d1c24;--wine-deep:#451016;--red:#9d2933;--cream:#f4e7d8;--paper:#f7eddf;--ink:#372725;--gold:#b88955;--shadow:#2d1313;--serif:"Cormorant Garamond",Georgia,serif;--script:"Allura",cursive;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0;overflow:hidden}body{font-family:var(--sans);color:var(--ink);background:#c9ad94}button{font:inherit}.album-stage{isolation:isolate;background:radial-gradient(circle at 48% 35%,#f6e9db 0,#d7bca4 45%,#a57a69 100%);place-items:center;height:100svh;display:grid;position:relative;overflow:hidden}.album-stage:before{content:"";opacity:.22;pointer-events:none;mix-blend-mode:multiply;background-image:repeating-linear-gradient(5deg,#0000 0 3px,#5a3a2a11 4px 5px),radial-gradient(#fff8 1px,#0000 1px);background-size:auto,23px 23px;position:absolute;inset:0}.album-stage:after{content:"";filter:blur(1px);z-index:-1;opacity:.62;background:linear-gradient(170deg,#8c6856,#604539);height:55%;position:absolute;bottom:-20%;left:-10%;right:-10%}.ambient-light{filter:blur(70px);pointer-events:none;background:#fff9e8aa;border-radius:50%;width:60vw;height:45vh;position:absolute;top:-18%;left:20%}.sound-control{z-index:80;color:var(--wine);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);letter-spacing:.08em;background:#f7eddfcc;border:1px solid #6d1c2444;border-radius:999px;padding:10px 15px;font-size:12px;position:fixed;top:20px;right:22px}.sound-control span{margin-left:6px}.closed-scene{perspective:1700px;z-index:3;place-items:center;gap:25px;display:grid;position:relative}.closed-book{aspect-ratio:.72;cursor:pointer;width:min(54vw,480px);transform-style:preserve-3d;filter:drop-shadow(28px 34px 25px #351a1770);transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;transform:rotateX(5deg)rotateY(-13deg)rotate(-1deg)}.closed-book:hover{transform:rotateX(2deg)rotateY(-7deg)rotate(0)translateY(-7px)}.cover{z-index:5;background:linear-gradient(100deg,#481018,#771e28 16%,#6d1c24 70%,#56131b);border:1px solid #8f3640;border-radius:3px 12px 12px 3px;padding:10%;position:absolute;inset:0;transform:translateZ(18px);box-shadow:inset 12px 0 20px #22080b88,inset -2px 0 #a74d5344}.cover:after{content:"";opacity:.14;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 10% 20%,#fff 0 1px,#0000 1px 5px);position:absolute;inset:0}.cover-frame{text-align:center;color:#f9eddf;border:1px solid #d6b78d77;height:100%;padding:10% 8%;position:relative}.cover-frame>p{text-transform:uppercase;letter-spacing:.28em;font-size:10px}.cover-frame h1{font:500 clamp(34px,5vw,64px)/.78 var(--serif);margin:7% 0 8%}.cover-frame h1 em{font:400 1.14em/1 var(--script);color:#e1bd8d}.cover-frame>small{font:400 18px var(--script);margin-top:7%;display:block}.tiny-heart{color:#dfb47e;position:absolute;top:6%;right:8%}.book-spine{transform-origin:100%;color:#d5b083;z-index:2;background:linear-gradient(90deg,#3a0c12,#651923,#350b10);place-items:center;width:44px;display:grid;position:absolute;top:0;bottom:0;left:-25px;transform:rotateY(-90deg)translateZ(3px);box-shadow:inset 0 0 12px #0008}.book-spine span{writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.25em;font:11px var(--serif)}.book-pages{background:repeating-linear-gradient(0deg,#e7dbc9 0 2px,#bda991 3px);border-radius:2px 12px 12px 3px;position:absolute;inset:10px -12px -14px 10px;transform:translateZ(0);box-shadow:10px 14px 15px #30120f55}.cover-photo{z-index:2;width:64%;position:relative;transform:rotate(-2deg);margin:auto!important}.cover-photo img{height:190px}.open-album{background:var(--wine);color:#fff0df;text-transform:uppercase;letter-spacing:.18em;border:0;border-radius:2px;padding:14px 26px;font-size:11px;transition:all .25s;box-shadow:0 10px 25px #4b1c1840}.open-album:hover{background:var(--wine-deep);transform:translateY(-2px)}.open-album span{margin-left:20px}.opening-hint{text-transform:uppercase;letter-spacing:.16em;color:#4e2b28aa;margin:-12px 0 0;font-size:10px}.reader{perspective:2200px;z-index:4;place-items:center;width:min(94vw,1320px);height:min(82svh,820px);animation:1.1s cubic-bezier(.22,.75,.2,1) reader-in;display:grid;position:relative}@keyframes reader-in{0%{opacity:0;transform:scale(.76)translateY(30px)}to{opacity:1;transform:none}}.book{width:min(84vw,1160px);height:min(72svh,720px);min-height:560px;transform-style:preserve-3d;filter:drop-shadow(0 34px 28px #3d17155e);grid-template-columns:1fr 1fr;display:grid;position:relative;transform:rotateX(2.6deg)}.page{background:var(--paper);z-index:4;position:relative;overflow:hidden;box-shadow:inset 0 0 35px #7b45241b}.left-page{border-radius:5px 0 0 7px;box-shadow:inset -18px 0 22px #4c26151d,inset 0 0 30px #7b45241b}.right-page{border-radius:0 7px 7px 0;box-shadow:inset 18px 0 22px #4c26151d,inset 0 0 30px #7b45241b}.spine{z-index:12;pointer-events:none;filter:blur(3px);background:linear-gradient(90deg,#0000,#35130f1f 28%,#240b0955 49%,#fff4e022 56%,#0000);width:32px;height:102%;position:absolute;top:-1%;left:calc(50% - 16px)}.page-stack{z-index:1;background:repeating-linear-gradient(0deg,#fff3e5 0 2px,#bda88f 3px);width:49.5%;position:absolute;top:7px;bottom:-10px}.left-stack{border-radius:6px 0 0 8px;left:-10px}.right-stack{border-radius:0 8px 8px 0;right:-10px}.turning-sheet{z-index:30;width:50%;height:100%;transform-style:preserve-3d;pointer-events:none;position:absolute;top:0}.turning-sheet.next{transform-origin:0;animation:.78s cubic-bezier(.58,.02,.36,1) forwards flip-next;right:0}.turning-sheet.prev{transform-origin:100%;animation:.78s cubic-bezier(.58,.02,.36,1) forwards flip-prev;left:0}.sheet-front,.sheet-back{backface-visibility:hidden;background:linear-gradient(90deg,#e5d2bc,#f8eedf 16%,#f4e7d8);position:absolute;inset:0;box-shadow:inset 0 0 35px #53301b22}.sheet-back{background:linear-gradient(-90deg,#e5d2bc,#f8eedf 16%,#f4e7d8);transform:rotateY(180deg)}@keyframes flip-next{0%{transform:rotateY(0);box-shadow:-4px 4px 10px #0001}48%{box-shadow:-35px 12px 38px #1f090866}to{transform:rotateY(-180deg);box-shadow:-4px 4px 10px #0000}}@keyframes flip-prev{0%{transform:rotateY(0)}48%{box-shadow:35px 12px 38px #1f090866}to{transform:rotateY(180deg)}}.page-corner{z-index:18;color:#6d1c2466;opacity:0;background:0 0;border:0;width:68px;height:68px;font-size:28px;transition:all .2s;position:absolute;bottom:0}.page-corner:hover{opacity:1;background:radial-gradient(circle at bottom,#a36d5244,#0000 70%)}.corner-left{left:0}.corner-right{right:0}.page-corner:disabled,.nav-arrow:disabled{pointer-events:none;opacity:0!important}.nav-arrow{z-index:20;color:#5b2628;font-family:var(--serif);background:0 0;border:0;align-items:center;gap:9px;font-size:30px;transition:all .2s;display:flex;position:absolute}.nav-arrow span{font:500 10px var(--sans);text-transform:uppercase;letter-spacing:.12em}.nav-arrow:hover{color:var(--wine);transform:scale(1.04)}.nav-arrow.prev{left:-5px}.nav-arrow.next{right:-5px}.album-progress{font:500 10px var(--sans);letter-spacing:.17em;text-transform:uppercase;color:#4d292981;position:absolute;bottom:-4px}.close-album{color:var(--wine);font:400 18px var(--script);background:0 0;border:0;position:absolute;bottom:-45px}.paper-page,.burgundy-page,.back-cover{height:100%;padding:7% 8%;position:relative;overflow:hidden}.paper-page{background-color:var(--paper);background-image:radial-gradient(#5f3b2112 .7px,#0000 .8px),linear-gradient(105deg,#fff5e8aa,#e6cfb855);background-size:8px 8px,auto}.burgundy-page,.back-cover{color:#f9eddf;background:linear-gradient(135deg,#7a222b,#5d151d 70%,#491016)}.burgundy-page:after,.back-cover:after{content:"";opacity:.15;pointer-events:none;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle,#fff 0 1px,#0000 1px 6px);position:absolute;inset:0}.page-no{font:500 9px var(--sans);letter-spacing:.15em;opacity:.45;position:absolute;bottom:3%;right:5%}.paper-page h2,.burgundy-page h2,.back-cover h2{font:500 clamp(35px,4.2vw,68px)/.8 var(--serif);margin:0}.paper-page h2 em,.burgundy-page h2 em,.back-cover h2 em{font:400 1.08em var(--script);color:var(--red)}.burgundy-page h2 em,.back-cover h2 em{color:#e4bf91}.paper-page h3{font:500 clamp(24px,2.4vw,38px)/1 var(--serif)}.script{font:400 clamp(21px,2vw,34px) var(--script);color:var(--red);margin:0}.pale{color:#e7c59c}.placeholder-note{font:400 12px/1.6 var(--sans);opacity:.62}.pale-text{color:#f7e8d7}.physical-photo{cursor:zoom-in;background:#fffaf1;border:0;padding:8px 8px 28px;transition:transform .3s,box-shadow .3s;display:block;position:relative;box-shadow:0 8px 20px #27100e35}.physical-photo:hover{box-shadow:0 14px 30px #210d0d55;z-index:20!important;transform:rotate(0)scale(1.025)!important}.physical-photo img{object-fit:cover;width:100%;height:100%;display:block}.physical-photo>small{text-align:center;font:17px var(--script);color:#5a2528;position:absolute;bottom:6px;left:8px;right:8px}.tape{z-index:3;background:#e8d4af99;width:30%;height:19px;position:absolute;top:-8px;left:36%;transform:rotate(-2deg);box-shadow:0 1px 2px #58331c22}.beginning h2{z-index:2;position:relative}.begin-photo{width:62%;height:58%;margin:4% 0 0 26%;transform:rotate(2.5deg)}.begin-photo img{height:100%}.beginning .placeholder-note{background:#ead1b7;width:38%;padding:12px;position:absolute;bottom:8%;left:8%;transform:rotate(-3deg)}.doodle-heart{font:45px var(--script);color:var(--red);position:absolute;top:8%;right:10%;transform:rotate(12deg)}.film-page h3{text-align:center}.film-strip{background:#2b2221;grid-template-columns:repeat(4,1fr);gap:6px;height:42%;padding:28px 12px;display:grid;position:absolute;top:28%;left:-4%;right:-4%;transform:rotate(-2deg);box-shadow:0 10px 20px #32171333}.film-strip:before,.film-strip:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 8px,#f4e7d8 8px 14px);height:10px;position:absolute;left:0;right:0}.film-strip:before{top:6px}.film-strip:after{bottom:6px}.film-strip .physical-photo{box-shadow:none;background:0 0;padding:0;overflow:hidden}.film-strip img{height:100%}.hand-line{font:26px var(--script);color:var(--red);position:absolute;bottom:12%;right:8%;transform:rotate(-2deg)}.knowing h2{z-index:4;position:relative}.hero-polaroid{z-index:3;width:54%;height:58%;margin:3% 0 0 22%;transform:rotate(-2deg)}.hero-polaroid img{height:100%}.pressed-flower{color:#d1a66c;z-index:5;font-size:68px;position:absolute;top:38%;right:7%;transform:rotate(14deg)}.side-note{width:38%;font:14px/1.5 var(--serif);z-index:5;position:absolute;bottom:7%;right:5%;transform:rotate(-3deg)}.love-page{place-items:center;display:grid}.love-pattern{opacity:.26;grid-template-columns:repeat(3,1fr);gap:20px;display:grid;position:absolute;inset:4%;transform:rotate(-6deg)}.love-pattern span{font:28px var(--script);color:var(--red)}.photo-booth{z-index:4;background:var(--wine);width:42%;padding:10px;position:relative;transform:rotate(2deg);box-shadow:0 8px 22px #3c171550}.photo-booth .physical-photo{height:120px;box-shadow:none;background:#fff;margin:0 0 5px;padding:3px}.photo-booth .physical-photo:last-child{margin:0}.heart-easter{color:var(--red);z-index:5;background:0 0;border:0;font-size:45px;position:absolute;bottom:9%;right:10%}.vinyl-page h2{z-index:4;position:relative}.vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#171313 0 3px,#24201f 4px 6px);border-radius:50%;width:76%;animation:18s linear infinite spin;position:absolute;top:14%;left:-31%;box-shadow:0 12px 35px #18060688}.vinyl:after,.mini-vinyl:after{content:"";background:var(--cream);border:10px solid #a06d4e;border-radius:50%;position:absolute;inset:37%}.vinyl-photo{z-index:5;width:35%;height:36%;position:absolute!important}.vinyl-photo.one{top:24%;left:43%;transform:rotate(6deg)}.vinyl-photo.two{bottom:11%;right:7%;transform:rotate(-5deg)}.vinyl-photo img{height:100%}.vinyl-page>p{width:35%;font:23px var(--script);position:absolute;top:12%;right:7%}@keyframes spin{to{transform:rotate(360deg)}}.phone{color:var(--red);font-size:70px;transform:rotate(-12deg)}.calls-page h2{text-align:right;position:absolute;top:8%;right:8%}.calls-page .placeholder-note{width:48%;margin-top:3%}.mini-film{background:#3a2a28;grid-template-columns:1fr 1fr;gap:6px;height:28%;padding:18px;display:grid;position:absolute;top:48%;left:5%;right:5%;transform:rotate(2deg)}.mini-film .physical-photo{box-shadow:none;padding:0}.mini-film img{height:100%}.stat-note{align-items:center;gap:14px;width:65%;display:flex;position:absolute;bottom:5%;left:9%}.stat-note b{font:50px var(--serif);color:var(--red)}.stat-note span{font:18px var(--script)}.you-me h2{text-align:center}.duo{grid-template-columns:1fr 1fr;gap:9%;width:86%;margin:8% auto 0;display:grid}.duo .physical-photo{height:390px}.duo .physical-photo:first-child{transform:rotate(-3deg)}.duo .physical-photo:last-child{transform:rotate(3deg)}.duo img{height:100%}.you-me>.script{text-align:center;margin-top:6%}.song-page h2{z-index:3;position:relative}.record-card{height:36%;color:var(--ink);background:#f1dfcb;grid-template-columns:1fr 1.2fr;align-items:center;padding:5%;display:grid;position:absolute;top:40%;left:9%;right:9%;box-shadow:0 12px 30px #27080a66}.record-card .physical-photo{z-index:3;height:120%;padding:5px;transform:rotate(-2deg)}.record-card img{height:100%}.record-card>div:last-child{width:38%;display:grid;position:absolute;bottom:8%;right:5%}.record-card small{opacity:.6}.mini-vinyl{aspect-ratio:1;background:repeating-radial-gradient(circle,#151212 0 2px,#292322 3px 5px);border-radius:50%;width:44%;animation:18s linear infinite spin;position:absolute;top:-13%;right:10%}.music-controls{letter-spacing:.8em;position:absolute;bottom:8%;left:10%}.song-page>.placeholder-note{width:40%;position:absolute;bottom:5%;right:7%}.moments h2{z-index:3;position:relative}.photo-grid{grid-template-columns:repeat(3,1fr);gap:7px;width:82%;margin:5% auto 0;display:grid;transform:rotate(-1deg)}.photo-grid .physical-photo{background:#fdf7ee;height:150px;padding:5px}.photo-grid img{height:100%}.ribbon{font:80px var(--script);color:#e5bd8c;position:absolute;bottom:1%;right:5%}.days-page h2{z-index:3;position:relative}.days-collage{height:43%;position:absolute;top:34%;left:7%;right:7%}.days-collage .physical-photo{width:43%;height:76%;position:absolute}.days-collage .physical-photo:first-child{top:8%;left:0;transform:rotate(-4deg)}.days-collage .physical-photo:nth-child(2){z-index:3;top:0;left:29%;transform:rotate(2deg)}.days-collage .physical-photo:nth-child(3){top:12%;right:0;transform:rotate(5deg)}.days-page>p{font:24px var(--script);color:var(--red);position:absolute;bottom:8%;left:9%}.drawn-arrow{color:var(--red);font-size:50px;position:absolute;bottom:7%;right:9%}.memory-wall>.script{text-align:center}.wall-grid{position:absolute;inset:14% 7% 10%}.wall-grid .physical-photo{width:38%;height:40%;position:absolute}.wall-grid img{height:100%}.wall-grid .physical-photo:first-child{top:2%;left:0;transform:rotate(-5deg)}.wall-grid .physical-photo:nth-child(2){top:0;left:31%;transform:rotate(2deg)}.wall-grid .physical-photo:nth-child(3){top:7%;right:0;transform:rotate(5deg)}.wall-grid .physical-photo:nth-child(4){bottom:0;left:16%;transform:rotate(3deg)}.wall-grid .physical-photo:nth-child(5){bottom:1%;right:13%;transform:rotate(-4deg)}.margin-note{font:18px var(--script);color:var(--red);position:absolute;bottom:3%;left:4%;transform:rotate(-5deg)}.envelope-page h2{z-index:4;position:relative}.envelope{clip-path:polygon(0 13%,50% 53%,100% 13%,100% 100%,0 100%);filter:drop-shadow(0 10px 12px #24070988);z-index:2;background:#d9b892;position:absolute;inset:32% 9% 12%}.letter{height:88%;color:var(--ink);clip-path:polygon(2% 0,98% 2%,100% 96%,3% 100%,0 4%);font:15px/1.35 var(--serif);background:#f6eadb;padding:8%;position:absolute;top:-7%;left:8%;right:8%;transform:rotate(-2deg)}.letter span{font:24px var(--script);color:var(--red)}.wax{color:#dfb47e;background:#8e2029;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;position:absolute;bottom:9%;right:9%;box-shadow:inset 0 0 8px #3b080c}.letter-photo{z-index:5;width:26%;height:30%;bottom:2%;right:3%;transform:rotate(7deg);position:absolute!important}.letter-photo img{height:100%}.final-page{text-align:center}.final-page h2{margin-top:2%}.final-photo{width:55%;height:53%;margin:5% auto 4%;transform:rotate(-2deg)}.final-photo img{height:100%}.final-page>p:not(.script){font:22px var(--script);color:var(--red)}.final-flower{color:var(--red);font-size:55px;position:absolute;bottom:2%;right:8%}.back-cover{background:linear-gradient(100deg,#4c1118,#711d26);padding:7%}.back-frame{text-align:center;z-index:2;border:1px solid #d2ab7a66;align-content:center;place-items:center;height:100%;padding:8%;display:grid;position:relative}.back-frame>span{color:#ddb889;font-size:35px}.back-frame h2{margin:2% 0}.back-frame>p{font:25px var(--script)}.back-photo{width:42%;height:32%;margin:3%;transform:rotate(2deg)}.back-photo img{height:100%}.back-frame>small{text-transform:uppercase;letter-spacing:.22em;opacity:.65;font-size:8px}.lightbox{z-index:200;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f8ead8;background:#1d0809e8;place-items:center;padding:4vh 4vw;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border:10px solid #f8eddf;max-width:min(850px,88vw);max-height:78vh;box-shadow:0 25px 80px #0008}.lightbox button{color:#fff;background:0 0;border:0;font-size:40px;position:absolute;top:2vh;right:3vw}.lightbox p{font:26px var(--script)}@media (width<=800px){.sound-control span{display:none}.reader{width:100vw;height:91svh}.book{width:86vw;height:76svh;min-height:520px;display:block;transform:rotateX(1deg)}.left-page{display:none}.right-page{border-radius:5px;position:absolute;inset:0;box-shadow:inset 0 0 30px #7b45241b}.spine{width:15px;left:-5px}.right-stack{width:auto;left:5px;right:-9px}.left-stack{display:none}.turning-sheet{width:100%}.turning-sheet.next{left:0;right:auto}.turning-sheet.prev{transform-origin:0;left:0}.page-corner{opacity:.35}.nav-arrow{bottom:-2px}.nav-arrow.prev{left:6vw}.nav-arrow.next{right:6vw}.nav-arrow span{display:none}.album-progress{bottom:-2px}.close-album{bottom:-32px}.closed-book{width:min(72vw,390px)}.cover-photo img{height:160px}.paper-page,.burgundy-page,.back-cover{padding:8%}.paper-page h2,.burgundy-page h2,.back-cover h2{font-size:clamp(38px,11vw,58px)}.film-strip{grid-template-columns:repeat(2,1fr);height:40%;padding:22px 10px}.film-strip .physical-photo:nth-child(n+3){display:none}.hero-polaroid{height:56%}.photo-booth .physical-photo{height:105px}.vinyl-photo{height:34%}.duo .physical-photo{height:330px}.photo-grid .physical-photo{height:120px}.record-card{height:34%}}@media (width<=450px){.book{width:92vw;height:74svh;min-height:500px}.closed-book{width:76vw}.cover{padding:8%}.cover-frame h1{font-size:40px}.cover-frame>small{font-size:15px}.cover-photo img{height:145px}.page{font-size:14px}.begin-photo{height:54%}.hero-polaroid{width:60%;height:51%;margin-left:18%}.photo-grid{width:90%}.photo-grid .physical-photo{height:110px}.duo{gap:4%;width:94%}.duo .physical-photo{height:300px}.letter{font-size:13px}.memory-wall .physical-photo{height:36%}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.vinyl,.mini-vinyl{animation:none}.turning-sheet{display:none}}.reason-notes{z-index:6;gap:4px;width:44%;display:grid;position:absolute;bottom:5%;right:4%;transform:rotate(-2deg)}.reason-notes span{color:#5b1a20;font:17px var(--script);background:#f4e7d8;padding:5px 9px;box-shadow:0 3px 8px #21090944}.reason-notes span:nth-child(2n){transform:translate(-18px)rotate(2deg)}.reasons-list{grid-template-columns:1fr 1fr;gap:7px;width:53%;display:grid;position:absolute;top:15%;bottom:14%;left:7%}.reasons-list span{color:#612028;font:16px var(--script);background:#ead3bb;padding:7px 8px;transform:rotate(-1deg);box-shadow:0 3px 8px #50271922}.reasons-list span:nth-child(3n){background:#f8ead9;transform:rotate(2deg)}.reasons-list b{font:8px var(--sans);opacity:.5;margin-right:6px}.reasons-photo{width:35%;height:52%;top:24%;right:6%;transform:rotate(4deg);position:absolute!important}.reasons-photo img{height:100%}.music-controls{color:#f9eddf;text-decoration:none}@media (width<=450px){.reason-notes{width:48%;right:2%}.reason-notes span{font-size:14px}.reasons-list{gap:4px;width:58%;left:5%}.reasons-list span{padding:5px;font-size:13px}.reasons-photo{width:36%;right:3%}}body{background:#000}.album-stage{background:radial-gradient(circle at 50% 37%,#261215 0,#0b0809 45%,#000 78%)}.album-stage:before{opacity:.12;mix-blend-mode:normal;background-image:radial-gradient(#fff .6px,#0000 .8px);background-size:24px 24px}.album-stage:after{opacity:.74;background:linear-gradient(#0000,#000 88%);height:42%;bottom:0;left:0;right:0}.ambient-light{filter:blur(90px);background:#6d1c243d;width:56vw;height:34vh;top:-18%;left:22%}.reader{filter:drop-shadow(0 38px 50px #000)}.nav-arrow,.album-progress,.close-album,.opening-hint{color:#ead8c5}.sound-control{color:#ead8c5;background:#080607cc;border-color:#ead8c533}.physical-photo{padding:9px 9px 34px}.physical-photo>small{bottom:7px}.tape,.tiny-heart,.doodle-heart,.pressed-flower,.ribbon,.drawn-arrow,.final-flower,.wax{display:none!important}.beginning,.knowing{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;gap:7%;display:grid}.beginning .page-heading,.knowing .page-heading{z-index:4;align-self:center;position:relative}.beginning h2,.knowing h2{position:static}.begin-photo,.hero-polaroid{align-self:center;width:100%;height:66%;margin:0;transform:rotate(1.5deg)}.begin-photo img,.hero-polaroid img{height:100%}.beginning .placeholder-note{background:#ead1b7;width:auto;margin-top:28px;padding:13px 14px;position:static;transform:rotate(-1deg)}.reason-notes{gap:6px;width:auto;margin-top:26px;position:static;transform:none}.reason-notes span,.reason-notes span:nth-child(2n){transform:none}.days-collage{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;height:auto;margin-top:7%;display:grid;position:static}.days-collage .physical-photo,.days-collage .physical-photo:nth-child(n){width:100%;height:260px;position:relative;inset:auto;transform:none}.days-collage img{height:100%}.days-page>p{text-align:center;margin:7% 0 0;position:static}.envelope{inset:31% 8% 9%}.letter{height:96%;padding:7%;font-size:clamp(12px,1.15vw,15px)}@media (width<=800px){.beginning,.knowing{grid-template-rows:auto 1fr;grid-template-columns:1fr;align-content:start;gap:3%}.beginning .page-heading,.knowing .page-heading{text-align:center}.beginning .placeholder-note{max-width:90%;margin:10px auto 0;padding:8px 10px}.begin-photo,.hero-polaroid{width:58%;height:43%;margin:0 auto}.reason-notes{grid-template-columns:repeat(2,1fr);width:90%;margin:10px auto 0}.days-collage{gap:7px;margin-top:10%}.days-collage .physical-photo,.days-collage .physical-photo:nth-child(n){height:230px;padding:5px}}@media (width<=450px){.begin-photo,.hero-polaroid{width:66%;height:40%;margin:0 auto}.reason-notes{width:94%;position:static;right:auto}.reason-notes span{padding:4px 6px;font-size:13px}.days-collage .physical-photo,.days-collage .physical-photo:nth-child(n){height:190px}}.physical-photo.preserve-photo img{object-fit:contain;background:#eee3d6}.selected-memories .film-strip{grid-template-columns:repeat(3,1fr);height:39%;top:26%}.selected-memories .memory-captions{text-align:center;grid-template-columns:repeat(3,1fr);gap:10px;display:grid;position:absolute;bottom:7%;left:6%;right:6%}.selected-memories .memory-captions p{font:17px/1.05 var(--script);color:var(--red);margin:0}.selected-memories .memory-captions b{font:500 8px var(--sans);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);opacity:.6;margin-bottom:4px;display:block}@media (width<=800px){.selected-memories .film-strip{grid-template-columns:repeat(3,1fr);height:34%;padding:20px 8px;top:27%}.selected-memories .film-strip .physical-photo:nth-child(n+3){display:block}.selected-memories .memory-captions{gap:5px;bottom:8%}.selected-memories .memory-captions p{font-size:14px}}.reader{width:min(96vw,1320px);height:min(88svh,820px)}.book{aspect-ratio:1.61;width:min(86vw,1160px,122.36svh);height:auto;min-height:0}.physical-photo img,.physical-photo.preserve-photo img{object-fit:cover;background:0 0}.cover-tree-photo img{object-position:center 62%}.expanded-grid{grid-template-columns:repeat(4,1fr);gap:6px;width:90%;margin-top:3%}.expanded-grid .physical-photo{height:108px;padding:4px}.four-days{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:4%}.days-collage.four-days .physical-photo,.days-collage.four-days .physical-photo:nth-child(n){height:145px}.envelope{cursor:pointer;text-align:left;font:inherit;border:0}.envelope:hover .letter{transform:rotate(0)translateY(-8px)}.letter{transition:transform .3s}.letter-modal{z-index:250;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050303e8;place-items:center;padding:5vh 5vw;display:grid;position:fixed;inset:0}.letter-modal article{width:min(680px,90vw);max-height:84svh;color:var(--ink);clip-path:polygon(1% 0,99% 1%,100% 97%,2% 100%,0 3%);font:clamp(18px,2vw,24px)/1.55 var(--serif);background:#f6eadb;padding:clamp(34px,7vw,72px);position:relative;overflow:auto;box-shadow:0 30px 90px #000b}.letter-modal article:before{content:"";pointer-events:none;opacity:.2;background-image:radial-gradient(#6e402322 .7px,#0000 .8px);background-size:7px 7px;position:absolute;inset:0}.letter-modal article p,.letter-modal article span{position:relative}.letter-modal article span{color:var(--red);font:32px var(--script);margin-top:25px;display:block}.letter-close{z-index:2;color:var(--wine);cursor:pointer;background:0 0;border:0;font-size:30px;position:absolute;top:12px;right:18px}.final-background{color:#fff8ed;text-shadow:0 3px 18px #000;flex-direction:column;justify-content:center;align-items:center;display:flex;background-position:50%!important;background-size:cover!important}.final-background .script,.final-background h2 em,.final-background>p:not(.script){color:#fff2df}.final-background h2{max-width:90%;margin:4% 0 12%}.final-background>p:not(.script){font-size:30px}.love-page{background:radial-gradient(circle,#fffaf3 0,#f7eddf 52%,#ead6c4 100%)}.love-pattern{z-index:0;opacity:.16;clip-path:polygon(0 0,100% 0,100% 25%,0 25%,0 75%,100% 75%,100% 100%,0 100%);grid-template-columns:repeat(3,1fr);gap:24px;inset:3% 4%}.love-pattern span{color:#a93e49}.photo-booth{z-index:3;background:linear-gradient(145deg,#6d1c24,#481017);border:1px solid #b77a6544;width:42%;padding:12px;box-shadow:0 18px 35px #35101755}.photo-booth .physical-photo{z-index:4;position:relative}.heart-easter{display:none!important}.physical-photo>small{background:#fffaf1;padding-top:3px;bottom:0}@media (width<=800px){.reader{height:89svh}.book{aspect-ratio:.73;width:min(92vw,54.75svh);height:auto;min-height:0}.expanded-grid{grid-template-columns:repeat(3,1fr);gap:4px;width:94%;margin-top:5%}.expanded-grid .physical-photo{height:95px}.four-days{gap:6px;margin-top:6%}.days-collage.four-days .physical-photo,.days-collage.four-days .physical-photo:nth-child(n){height:150px}}@media (width<=450px){.book{width:min(94vw,53.29svh)}.expanded-grid .physical-photo{height:80px}.days-collage.four-days .physical-photo,.days-collage.four-days .physical-photo:nth-child(n){height:125px}}.closed-scene{gap:0}.open-album,.opening-hint{display:none!important}.love-page{padding:6%}.photo-booth{grid-template-rows:repeat(3,minmax(0,1fr));gap:7px;width:min(54%,300px);height:78%;padding:14px;display:grid;transform:rotate(1deg)}.photo-booth .physical-photo,.photo-booth .physical-photo:last-child{width:100%;height:100%;min-height:0;margin:0;padding:4px;overflow:hidden}.photo-booth .physical-photo img{object-fit:cover;object-position:center;width:100%;height:100%}.love-pattern{clip-path:none;opacity:.11;pointer-events:none;grid-template-columns:repeat(2,1fr);align-content:space-between}.calls-page{grid-template-rows:auto minmax(0,1fr) auto;gap:4%;padding:6% 7%;display:grid}.calls-page header{grid-template-columns:auto 1fr;align-items:center;gap:20px;display:grid}.calls-page header>div{grid-template-columns:1fr 1fr;align-items:end;gap:20px;display:grid}.calls-page h2{text-align:right;font-size:clamp(34px,4vw,58px);position:static}.calls-page .placeholder-note{align-self:center;width:auto;margin:0}.phone{font-size:44px;line-height:1;transform:none}.mini-film{background:linear-gradient(145deg,#3b2928,#211717);grid-template-columns:1fr 1fr;gap:8px;height:auto;min-height:0;padding:14px;display:grid;position:relative;inset:auto;overflow:hidden;transform:rotate(1deg)}.mini-film .physical-photo{width:100%;height:100%;min-height:0;overflow:hidden}.mini-film img{object-fit:cover;object-position:center;width:100%;height:100%}.conversation-note{text-align:center;color:var(--red);font:20px var(--script);margin:0}.stat-note{display:none}.days-page{grid-template-rows:auto minmax(0,1fr) auto;gap:4%;padding:6% 7%;display:grid}.days-page h2{font-size:clamp(34px,4vw,58px)}.days-collage.four-days{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:10px;height:auto;min-height:0;margin:0;display:grid;position:relative;inset:auto}.days-collage.four-days .physical-photo,.days-collage.four-days .physical-photo:nth-child(n){width:100%;height:100%;min-height:0;padding:7px 7px 22px;position:relative;inset:auto;overflow:hidden;transform:none}.days-collage.four-days img{object-fit:cover;width:100%;height:100%}.days-page>p{text-align:center;margin:0;font-size:21px;position:static}.back-frame{grid-template-rows:auto auto auto minmax(0,1fr) auto;align-content:stretch;gap:2%;padding:5% 7%;display:grid}.back-frame>span{font-size:24px}.back-frame h2{font-size:clamp(32px,4vw,54px)}.back-frame>p{margin:0;font-size:22px}.back-photo{width:70%;height:100%;min-height:0;margin:0 auto;padding:7px 7px 24px;overflow:hidden;transform:none}.back-photo img{object-fit:cover;object-position:center 58%;width:100%;height:100%}.reasons-list{gap:8px;width:55%;top:16%;bottom:18%;left:6%}.reasons-list button{color:#612028;font:16px var(--script);text-align:left;cursor:pointer;background:#ead3bb;border:0;padding:8px 10px;overflow:hidden;transform:rotate(-1deg);box-shadow:0 3px 8px #50271922}.reasons-list button:nth-child(3n){background:#f8ead9;transform:rotate(1.5deg)}.reasons-list button b{font:8px var(--sans);opacity:.55;margin-right:7px}.reasons-list button span{opacity:0;filter:blur(4px);transition:opacity .25s,filter .25s}.reasons-list button:hover span,.reasons-list button:focus-visible span,.reasons-list button.revealed span{opacity:1;filter:none}.game-launch{background:var(--wine);color:#fff2e2;font:17px var(--script);cursor:pointer;border:1px solid #8d293444;padding:9px 14px;position:absolute;bottom:12%;right:7%;box-shadow:0 6px 14px #35101733}.memory-wall .margin-note{bottom:4%;left:7%}.game-modal{z-index:270;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050303e8;place-items:center;padding:5vw;display:grid;position:fixed;inset:0}.game-modal section{text-align:center;background:linear-gradient(145deg,#f9efe2,#e8d2bd);border:1px solid #c7a27d;width:min(470px,90vw);padding:38px;position:relative;box-shadow:0 25px 80px #000b}.game-modal h2{font:500 38px var(--serif);margin:3px 0 22px}.game-close{color:var(--wine);cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:8px;right:12px}.memory-game-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.memory-game-grid button{aspect-ratio:1;color:#f3d8b0;font:42px var(--serif);cursor:pointer;background:linear-gradient(145deg,#6e1b24,#4a1017);border:1px solid #b77b71;transition:transform .35s,background .35s;transform:rotateY(180deg);box-shadow:0 6px 12px #3a15143b}.memory-game-grid button span{opacity:0}.memory-game-grid button.is-visible{background:#fff8ec;transform:rotateY(0)}.memory-game-grid button.is-visible span{opacity:1}.game-modal small{font:13px var(--sans);opacity:.65}@media (width<=800px){.photo-booth{width:58%;height:76%}.calls-page header{grid-template-columns:1fr;gap:7px}.calls-page header>div{grid-template-columns:1fr;gap:5px}.calls-page h2{text-align:center;font-size:40px}.calls-page .placeholder-note{text-align:center;font-size:10px}.phone{display:none}.mini-film{padding:10px}.conversation-note{font-size:16px}.days-page h2{font-size:40px}.days-collage.four-days{gap:7px}.days-collage.four-days .physical-photo,.days-collage.four-days .physical-photo:nth-child(n){height:100%;padding:5px 5px 18px}.back-photo{width:78%}.reasons-list{gap:5px;width:58%;left:5%}.reasons-list button{padding:5px;font-size:13px}.game-launch{padding:7px 9px;font-size:14px;bottom:10%;right:4%}}