:root{--rose:#c74f76;--blush:#f8dce6;--ink:#5c293a;--paper:#fff7ed;--serif:'Lora',Georgia,serif;--body:'Be Vietnam Pro',sans-serif;--hand:'Dancing Script',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);color:var(--ink);background:#fae5ec;overflow-x:hidden}body.sealed,body.viewing-photo{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:2px solid currentColor;outline-offset:7px}button{touch-action:manipulation}[hidden]{display:none!important}.drawing-library{position:absolute;width:0;height:0;overflow:hidden}.paper-grain{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.032;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' d='M0 0h180v180H0z' filter='url(%23noise)' opacity='.45'/%3E%3C/svg%3E")}.motif{display:block;width:100%;height:auto;overflow:visible}.mail-gate{position:fixed;inset:0;z-index:80;background:#f9dfe9;display:flex;flex-direction:column;justify-content:center;align-items:center;isolation:isolate;transition:opacity .7s ease,visibility .7s;perspective:1200px}.mail-gate:before{content:'';position:absolute;width:620px;height:620px;border-radius:50%;background:#fcecf1;z-index:-1;top:50%;left:50%;transform:translate(-50%,-48%)}.mail-gate h2{font:600 clamp(42px,5vw,75px)/1.1 var(--hand);color:#9d395a;margin:0 0 110px;transform:rotate(-5deg);transition:opacity .3s,translate .5s}.mail-decoration{position:absolute;inset:0;pointer-events:none;z-index:-1;color:#d57794}.gate-bow{position:absolute;width:135px;top:14%;left:12%;transform:rotate(-17deg)}.gate-heart{position:absolute;width:95px;right:13%;top:23%;transform:rotate(12deg)}.gate-spark{position:absolute;width:65px;right:18%;bottom:15%}.envelope{position:relative;width:min(540px,76vw);height:min(345px,44vh);background:none;border:0;padding:0;isolation:isolate;filter:drop-shadow(0 17px 12px #ac567421);transform:rotate(-5deg);transition:transform .5s}.envelope:hover{transform:rotate(-2deg) translateY(-7px)}.envelope-back{position:absolute;inset:0;background:#efb8cc;border:1px solid #d99bb5;border-radius:9px}.letter-insert{position:absolute;left:7%;width:86%;height:100%;top:-53px;background:#fff7ef;border:1px solid #ebd6cf;padding:15px 15px 38px;transform:rotate(4deg);z-index:2;transition:transform .8s cubic-bezier(.25,.7,.2,1),top .8s cubic-bezier(.25,.7,.2,1)}.letter-insert img{display:block;width:100%;height:100%;object-fit:contain;background:#fff7ef}.insert-heart{position:absolute;left:0;right:0;text-align:center;bottom:6px;color:#bd426c;font-size:23px}.envelope-flap{position:absolute;inset:0 0 27%;background:#f5cadb;clip-path:polygon(0 0,100% 0,50% 84%);z-index:4;transform-origin:top;transition:transform .65s ease;backface-visibility:hidden}.envelope-front{position:absolute;inset:0;z-index:3;border-radius:7px;background:#f0bdd0;clip-path:polygon(0 0,50% 47%,100% 0,100% 100%,0 100%)}.envelope-front:after{content:'';position:absolute;inset:0;background:#f7cedf;clip-path:polygon(0 100%,50% 45%,100% 100%)}.wax-seal{position:absolute;top:40%;left:calc(50% - 30px);width:60px;height:60px;display:grid;place-items:center;color:#fbe5ea;background:#b9456a;border:4px double #d47f9b;border-radius:47% 52% 45% 51%;z-index:6;font-size:27px;box-shadow:0 3px 0 #962f533d;transition:scale .3s,opacity .3s}.gate-tap{width:30px;color:#b95376;margin-top:45px;animation:heart-beat 2.3s ease-in-out infinite}.is-opening .envelope-flap{transform:rotateX(180deg)}.is-opening .wax-seal{scale:.5;opacity:0}.is-opening .letter-insert{top:-145px;transform:rotate(0deg)}.is-opening h2{opacity:0;translate:0 -15px}.mail-gate.leaving{opacity:0;visibility:hidden}.greeting{min-height:100svh;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;background:#fae5ec;padding:80px 30px;isolation:isolate}.greeting-copy{max-width:750px;position:relative;z-index:3;transition:opacity .8s,transform .8s}.sealed .greeting-copy{opacity:0;transform:translateY(40px)}.greeting h1{font:600 clamp(65px,7.5vw,116px)/.97 var(--hand);color:#b44368;letter-spacing:-2px;margin:0 0 34px;position:relative}.greeting h1 em{font-weight:500}.greeting h1>span{font:400 55px var(--serif);display:inline-block;position:absolute;margin-left:13px;bottom:-8px;transform:rotate(12deg)}.greeting p{font-size:16px;line-height:2.15;max-width:610px;margin:0 auto;color:#825163;text-wrap:pretty}.greeting-art{position:absolute;inset:0;pointer-events:none;color:#d38ca4}.greeting-bow{width:115px;position:absolute;top:12%;left:18%;transform:rotate(-18deg)}.greeting-heart{position:absolute;right:15%;bottom:18%;font:400 130px var(--hand);transform:rotate(14deg)}.greeting-ring{position:absolute;width:750px;height:750px;left:50%;top:50%;translate:-50% -50%;border:1px solid #ebc9d5;border-radius:50%;transform:scaleX(.92) rotate(-15deg)}.greeting-ring:after{content:'';position:absolute;inset:33px;border:1px solid #ebc9d5;border-radius:50%;transform:rotate(10deg) scaleX(1.08)}.journey-header{position:fixed;top:0;left:0;right:0;z-index:30;height:74px;display:flex;align-items:center;padding:0 4vw;gap:24px;color:#71354a;transition:opacity .35s,color .4s;pointer-events:none}.journey-header:before{content:'';position:absolute;inset:0;background:#fff9f1e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:-1;border-bottom:1px solid #b5718a20}.journey-header nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,2.8vw,45px);flex:1;pointer-events:auto}.chapter-link{background:none;border:0;padding:10px 0;font-size:12px;opacity:.5;position:relative;white-space:nowrap;transition:opacity .25s}.chapter-link.active{opacity:1}.chapter-link.active:after{content:'';position:absolute;bottom:5px;left:calc(50% - 12px);width:24px;height:2px;background:currentColor;border-radius:2px}.small-heart{border:0;background:none;font:30px var(--hand);padding:0;pointer-events:auto;width:30px}.chapter-count{font-size:11px;width:40px;text-align:right;letter-spacing:.7px}.journey-header.soft-hidden{opacity:0;pointer-events:none}.journey-header.soft-hidden nav,.journey-header.soft-hidden button{pointer-events:none}.chapter{position:relative}.chapter-sticky{position:relative;overflow:hidden}.chapter-track{display:block}.js .chapter{height:calc(var(--count) * 100svh)}.js .chapter-sticky{position:sticky;top:0;height:100svh}.js .chapter-track{height:100%;display:flex;will-change:transform}.memory{position:relative;min-height:100svh;width:100vw;flex:0 0 100vw;overflow:hidden;isolation:isolate;background:var(--ground);color:var(--ink);--ground:#fae4eb;--ink:#713348;--accent:#bd587b;--paper:#fff9ef;--petal:#fff9e8;--rotation:-3deg}.memory-layout{position:relative;z-index:3;max-width:1250px;min-height:100svh;margin:0 auto;padding:112px 70px 90px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(45px,6vw,100px)}.reverse .memory-copy{order:-1}.photo-piece{position:relative;margin:0;justify-self:center;width:100%;max-width:535px;transform:rotate(var(--rotation));transition:opacity .8s,transform .9s cubic-bezier(.22,.7,.2,1);transform-origin:center;--photo-height:min(62svh,600px);padding:13px 13px 34px;background:var(--paper);box-shadow:3px 9px 0 #6b3c4e0c}.photo-button{display:block;width:100%;padding:0;border:0;background:none}.photo-button img{width:100%;height:var(--photo-height);object-fit:contain;display:block}.photo-corner{position:absolute;bottom:4px;left:0;right:0;text-align:center;color:var(--accent);font:25px/1 var(--hand)}.tape{position:absolute;width:87px;height:27px;background:#e0adbb80;z-index:4;left:calc(50% - 43px);top:-12px;transform:rotate(5deg);clip-path:polygon(0 5%,97% 0,100% 94%,4% 100%)}.photo-sticker{position:absolute;width:110px;height:110px;right:-42px;bottom:-27px;color:var(--accent);transform:rotate(18deg);pointer-events:none}.memory-copy{position:relative;max-width:490px;justify-self:center;transition:opacity .6s,transform .8s cubic-bezier(.22,.7,.2,1)}.description{font:400 15px/1.95 var(--body);margin:0 0 28px;color:var(--ink);opacity:.85;max-width:440px;text-wrap:pretty}.message-paper{position:relative}.message{font:600 clamp(26px,2.65vw,40px)/1.45 var(--serif);letter-spacing:-.9px;display:block;text-wrap:pretty;white-space:pre-line}.hand-heart{display:block;font:45px/1 var(--hand);margin-top:27px;color:var(--accent);transform:rotate(-12deg);width:max-content}.js .memory:not(.is-current) .memory-copy{opacity:.13;transform:translateY(30px)}.js .memory:not(.is-current) .photo-piece{opacity:.58;transform:rotate(calc(var(--rotation) - 3deg)) translateY(27px) scale(.96)}.scene-art{position:absolute;inset:0;z-index:-1;pointer-events:none;color:var(--accent)}.art-large{position:absolute;width:220px;left:43%;top:10%;opacity:.45;transform:rotate(-15deg)}.art-small{position:absolute;width:100px;right:6%;bottom:11%;opacity:.7;transform:rotate(14deg)}.shape{position:absolute;pointer-events:none}.shape-one{width:50vw;height:50vw;max-width:720px;max-height:720px;left:-10vw;top:50%;translate:0 -50%;border-radius:50%;background:var(--shape,#e8b9ca);opacity:.28}.shape-two{width:330px;height:440px;border:1px solid currentColor;border-radius:170px 170px 0 0;right:-90px;bottom:10%;opacity:.13;transform:rotate(13deg)}.shape-three{width:15px;height:15px;right:12%;top:17%;border:1px solid currentColor;transform:rotate(45deg);opacity:.4}.palette-rose{--ground:#f7dfe7;--ink:#742e49;--accent:#c16083;--shape:#e4b2c5}.palette-night{--ground:#29272d;--ink:#fae7e9;--accent:#d7a5b5;--paper:#f7eee3;--shape:#8b6872}.palette-coffee{--ground:#e9dccb;--ink:#634532;--accent:#9d7864;--paper:#fff9ef;--shape:#cfbda3}.palette-butter{--ground:#fff1bf;--ink:#80414a;--accent:#d67787;--paper:#fffaf0;--shape:#eedc91}.palette-quilt{--ground:#f2d5de;--ink:#713348;--accent:#b56986;--paper:#fff5e8;--shape:#e7b1c3}.palette-sage{--ground:#dde7d8;--ink:#3f5c4b;--accent:#748f72;--paper:#fff9ee;--shape:#b4c8af}.palette-wine{--ground:#3d272d;--ink:#fae7db;--accent:#dea7b9;--paper:#ffefdf;--shape:#8b5b69}.palette-blue{--ground:#d5e2df;--ink:#425c59;--accent:#7e9994;--paper:#fff9ef;--shape:#abc9c4}.palette-cherry{--ground:#df665c;--ink:#fff4df;--accent:#ffe8ad;--paper:#fff4e1;--shape:#f79c85}.palette-stripe{--ground:#f8dbe7;--ink:#873a59;--accent:#c97095;--paper:#fff8ef;--shape:#e8a5c2}.palette-forest{--ground:#335c4e;--ink:#fff4df;--accent:#d6cba5;--paper:#fbf2df;--shape:#6f9880}.palette-disco{--ground:#4e2636;--ink:#fff0e2;--accent:#efa2be;--paper:#fbeadc;--shape:#994969}.palette-picnic{--ground:#f2d2b5;--ink:#903e37;--accent:#bf6856;--paper:#fff4df;--shape:#dfa587}.palette-ivory{--ground:#f5efe3;--ink:#543b3f;--accent:#b1738a;--paper:#fffcf4;--shape:#e4d7d0}.palette-pink{--ground:#f2a8c0;--ink:#78263e;--accent:#a64165;--paper:#fff6eb;--shape:#d7769b}.palette-peach{--ground:#f5decf;--ink:#7b4e48;--accent:#c78383;--paper:#fff9eb;--shape:#e4b6a9}.frame-arch{padding:34px 20px 33px;border-radius:50% 50% 4px 4px/24% 24% 4px 4px;--rotation:2deg}.frame-arch .tape{display:none}.frame-arch .photo-button{border-radius:38% 38% 0 0/18% 18% 0 0;overflow:hidden}.frame-arch .photo-sticker{width:130px;height:130px;right:-50px;bottom:15px}.frame-window{border:9px solid var(--paper);padding:0;background:#ffffff0a;box-shadow:0 0 0 1px #b786822b;--rotation:0deg}.frame-window .photo-button img{--photo-height:min(62svh,580px)}.frame-window .photo-corner{display:none}.frame-window .tape{display:none}.frame-window .photo-sticker{bottom:-55px;right:-40px}.frame-polaroid{padding:14px 14px 47px;--rotation:-5deg}.frame-polaroid .photo-corner{bottom:12px}.frame-phone{width:88%;max-width:390px;border:2px solid #b9677a;border-radius:44px;padding:37px 15px 35px;box-shadow:inset 0 0 0 6px #f4c2d2,5px 9px 0 #d6ad9c33;--rotation:5deg}.frame-phone:before{content:'';position:absolute;width:76px;height:6px;top:16px;left:calc(50% - 38px);background:#d4a1ac;border-radius:8px}.frame-phone .photo-button img{--photo-height:min(55svh,530px)}.frame-phone .tape{display:none}.frame-phone .photo-corner{font-size:20px;bottom:8px}.frame-rounded{border-radius:35px;padding:15px 15px 33px;--rotation:3deg}.frame-rounded .photo-button{border-radius:22px;overflow:hidden}.frame-rounded .tape{display:none}.frame-scallop{padding:18px 18px 34px;border:9px dotted var(--accent);outline:4px solid var(--paper);background:var(--paper);--rotation:4deg}.frame-scallop .photo-sticker{right:-55px;bottom:-25px}.frame-receipt{padding:17px 17px 35px;--rotation:4deg}.frame-receipt:after{content:'';position:absolute;left:0;right:0;bottom:-12px;height:16px;background:linear-gradient(135deg,var(--paper) 25%,transparent 25%) -8px 0/16px 16px,linear-gradient(225deg,var(--paper) 25%,transparent 25%) -8px 0/16px 16px}.frame-record{padding:15px;border-radius:10px;--rotation:-4deg}.frame-record:before{content:'';position:absolute;width:78%;aspect-ratio:1;background:#29232b;border:16px double #655362;border-radius:50%;top:15%;right:-26%;z-index:-1}.frame-record .photo-corner{display:none}.frame-film{width:min(31vw,345px);padding:17px 23px 22px;background:#382b2c;--rotation:-2deg}.frame-film:before,.frame-film:after{content:'';position:absolute;width:8px;top:12px;bottom:10px;left:7px;background:repeating-linear-gradient(to bottom,#f6eddf 0 7px,transparent 7px 19px)}.frame-film:after{left:auto;right:7px}.frame-film .photo-corner{display:none}.frame-film .photo-button img{height:min(66svh,650px)}.frame-film .tape{display:none}.frame-portrait{width:min(31vw,345px);padding:15px;--rotation:3deg}.frame-portrait .photo-button img{height:min(66svh,650px)}.frame-portrait .photo-corner{display:none}.frame-stamp{border:12px dotted var(--ground);outline:2px solid #dcbac4;padding:14px 14px 38px;--rotation:3deg}.frame-stamp .tape{display:none}.design-confession .shape-one{border-radius:250px 250px 0 0;width:48vw;left:-8%;height:100vh;background:#edbfd0;opacity:.5}.design-confession .art-large{left:auto;right:6%;top:7%;width:130px}.design-confession .message{font-style:italic}.design-confession .hand-heart{font-size:70px}.design-first-meeting .shape-one,.design-small-evenings .shape-one{background:none;border:1px solid #dab8c255;border-radius:260px 260px 0 0;width:44vw;height:80vh;left:auto;right:5%;top:58%;opacity:1}.design-first-meeting .shape-two,.design-small-evenings .shape-two{border-radius:0;width:100vw;height:17vh;left:0;bottom:0;border:0;background:repeating-linear-gradient(90deg,#6b535b 0 48px,transparent 48px 90px);opacity:.14;transform:none}.design-first-meeting .art-large{left:4%;top:8%;width:130px}.design-small-evenings .art-large{left:47%;top:11%;width:130px}.design-tiny-cafe{background-color:var(--ground);background-image:linear-gradient(#94735f10 1px,transparent 1px),linear-gradient(90deg,#94735f10 1px,transparent 1px);background-size:38px 38px}.design-tiny-cafe .message-paper{background:#fff9ed;padding:30px 26px 35px;box-shadow:5px 6px 0 #90745712;transform:rotate(-2deg)}.design-tiny-cafe .message{font-size:clamp(25px,2.5vw,35px);line-height:1.65}.design-tiny-cafe .art-large{left:3%;top:6%;width:105px}.design-first-selfie .shape-one{background:#f9df9e;width:70vw;height:70vw;left:32%;opacity:.5}.design-first-selfie .art-large{width:170px;left:46%;top:4%}.design-first-selfie .message{font-family:var(--hand);font-weight:700;font-size:clamp(40px,4vw,58px);line-height:1.3;letter-spacing:-1px}.design-comfort,.design-muse-playful{background-image:repeating-linear-gradient(0deg,#fffffe12 0 24px,#b5738c10 24px 26px),repeating-linear-gradient(90deg,#fffffe12 0 24px,#b5738c10 24px 26px)}.design-comfort .message-paper{background:#fff0bf;padding:32px 28px 40px;transform:rotate(-4deg);box-shadow:5px 6px 0 #a85a7912}.design-comfort .message-paper:before{content:'';position:absolute;left:30%;top:-10px;width:90px;height:25px;background:#c7889c70;transform:rotate(4deg)}.design-comfort .message{font-family:var(--hand);font-size:clamp(38px,4vw,57px);font-weight:700}.design-comfort .art-large{left:8%;top:6%;width:95px}.design-flower .art-large{left:auto;right:-4%;top:-3%;width:360px;opacity:.5}.design-flower .art-small{left:2%;bottom:0;width:240px;opacity:.6}.design-flower .shape-one{height:120vh;width:36vw;border-radius:50% 50% 0 0;left:9%;opacity:.4}.design-flower .message{font-style:italic}.design-late-visits .art-large{left:auto;right:9%;top:7%;width:145px}.design-late-visits .shape-one{left:auto;right:3%;background:#5b3941;border-radius:50%}.design-late-visits .photo-piece{--rotation:4deg}.design-late-visits .message{color:#f4d7c2}.design-ordinary .shape-two{border:0;background:#ebb99a;width:80vw;height:110px;bottom:3%;right:-5%;transform:rotate(-5deg);opacity:.32;border-radius:0}.design-ordinary .art-large{left:8%;top:5%;width:110px}.design-ordinary .photo-sticker{width:140px;height:140px}.design-ordinary .message{font-size:clamp(26px,2.8vw,38px);font-style:italic}.design-after-work .shape-one{width:42vw;height:76vh;left:auto;right:0;border-radius:50% 50% 0 0;background:#c0d3cc;opacity:.5}.design-after-work .art-small{right:auto;left:2%;bottom:4%;width:190px}.design-after-work .message{font-size:clamp(25px,2.6vw,36px)}.design-diner .shape-one{background:#ef9a76;opacity:.5;left:2%;width:55vw;height:70vh;border-radius:45%}.design-diner .shape-two{border:0;border-radius:0;width:100vw;height:90px;bottom:0;left:0;background-color:#ffe8bd;background-image:conic-gradient(#dd6559 25%,transparent 0 50%,#dd6559 0 75%,transparent 0);background-size:60px 60px;transform:none;opacity:.8}.design-diner .art-large{left:auto;right:5%;top:4%;width:130px}.design-diner .message{font-size:clamp(26px,2.8vw,38px)}.design-diner .photo-piece{border-radius:42px;--rotation:-3deg}.design-diner .photo-button{border-radius:27px;overflow:hidden}.design-photobooth{background-image:repeating-linear-gradient(90deg,#fff9f51f 0 40px,#d97ba910 40px 80px)}.design-photobooth .art-large{left:5%;top:4%;width:135px}.design-photobooth .message{font-family:var(--hand);font-size:clamp(48px,4.8vw,70px);font-weight:700;line-height:1.2;letter-spacing:-1px}.design-highland .shape-one{background:#466d58;border-radius:40% 40% 0 0;opacity:.6}.design-highland .art-large{left:auto;right:9%;top:7%;width:150px}.design-highland .message-paper{padding:29px 27px 34px;border:1px solid #e8dbc544;background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,#e5d9b92b 44px,transparent 45px);transform:rotate(1deg)}.design-highland .message{font-size:clamp(26px,2.6vw,36px)}.design-karaoke .shape-one{background:#b06083;opacity:.2;border-radius:0;transform:rotate(27deg);width:15vw;height:150vh;top:20%;left:10%}.design-karaoke .shape-two{background:#e1b897;border:0;opacity:.07;border-radius:0;width:20vw;height:160vh;top:20%;right:10%;transform:rotate(-25deg)}.design-karaoke .art-large{left:3%;top:10%;width:120px}.design-karaoke .art-small{right:1%;bottom:3%;width:140px}.design-karaoke .photo-sticker{color:#e3bf77}.design-karaoke .message{font-size:clamp(26px,2.6vw,37px)}.design-barbecue .shape-two{height:17vh;bottom:0;left:0;width:100vw;opacity:.25;border:0;border-radius:0;background-color:#fff8db;background-image:conic-gradient(#bd6650 25%,transparent 0 50%,#bd6650 0 75%,transparent 0);background-size:70px 70px;transform:none}.design-barbecue .art-large{right:7%;left:auto;top:7%;width:150px}.design-barbecue .message{font-size:clamp(30px,3.2vw,44px);font-style:italic}.design-supermarket .shape-one{border-radius:0;background:none;border:1px solid #75947444;width:40vw;height:100vh;left:4%;transform:rotate(9deg);opacity:.7}.design-supermarket .message-paper{background:#fff9e7;padding:32px 28px 40px;transform:rotate(-3deg);box-shadow:5px 6px 0 #537c4f10}.design-supermarket .message-paper:after{content:'';position:absolute;left:0;right:0;height:10px;bottom:-10px;background:linear-gradient(135deg,#fff9e7 25%,transparent 25%) -7px 0/14px 14px,linear-gradient(225deg,#fff9e7 25%,transparent 25%) -7px 0/14px 14px}.design-supermarket .art-large{left:4%;top:5%;width:115px}.design-supermarket .message{font-size:clamp(30px,3.1vw,43px)}.design-muse-film .memory-layout,.design-muse-highlight .memory-layout,.design-muse-playful .memory-layout,.design-muse-crush .memory-layout{grid-template-columns:1fr 1fr;max-width:1130px;gap:100px}.design-muse-film .shape-one{width:560px;height:560px;left:1%;background:#e8dcd3}.design-muse-film .art-large{left:auto;right:7%;top:10%;width:110px}.design-muse-film .message{font-size:clamp(32px,3.5vw,48px);font-style:italic}.design-muse-highlight .shape-one{width:42vw;height:75vh;left:auto;right:2%;border-radius:45% 45% 0 0;background:#edc1d1}.design-muse-highlight .art-large{left:2%;top:10%;width:130px}.design-muse-highlight .message{font-size:clamp(31px,3.2vw,44px);font-style:italic}.design-muse-playful .art-large{left:auto;right:4%;top:9%;width:150px}.design-muse-playful .shape-two{border-radius:50%;border-width:2px;right:-5%;height:70vh;width:70vh;opacity:.2;bottom:12%}.design-muse-playful .message{font-size:clamp(29px,2.8vw,40px)}.design-muse-crush .photo-piece{width:min(31vw,340px);--photo-height:min(63svh,630px)}.design-muse-crush .art-large{left:0;top:-5%;width:300px;opacity:.25}.design-muse-crush .message{font-size:clamp(30px,3.1vw,44px)}.design-daily-light .shape-one{border-radius:42%;left:-6%;width:54vw;height:76vh;transform:rotate(-12deg);background:#f3cabb;opacity:.7}.design-daily-light .art-large{left:auto;right:5%;top:6%;width:100px}.design-daily-light .message{font-size:clamp(27px,2.8vw,38px)}.design-daily-booth .shape-one{border-radius:45% 45% 0 0;background:#c1d0ba;left:auto;right:1%;width:50vw;height:90vh;opacity:.55}.design-daily-booth .art-large{left:3%;top:7%;width:130px}.design-daily-booth .message{font-style:italic}.design-daily-silly .art-large{left:auto;right:3%;top:8%;width:160px;opacity:.9;transform:rotate(12deg)}.design-daily-silly .photo-sticker{width:125px;height:125px;transform:rotate(-14deg)}.design-daily-silly .message{font-family:var(--hand);font-weight:700;font-size:clamp(42px,4.5vw,64px);line-height:1.3}.design-daily-silly .shape-one{background:#f6d59b;left:-5%;opacity:.45}.design-daily-see-you .message-paper{border:1px solid #d4b9bd;padding:30px 27px 40px;background:#fffaf0;transform:rotate(-2deg)}.design-daily-see-you .message{font-size:clamp(28px,2.9vw,40px);font-style:italic}.design-daily-see-you .art-large{left:3%;top:7%;width:120px}.design-daily-thanks .art-large{left:43%;top:3%;width:190px;opacity:.45}.design-daily-thanks .art-small{right:1%;bottom:4%;width:250px}.design-daily-thanks .message{font-size:clamp(33px,3.5vw,48px);font-style:italic}.design-daily-thanks .photo-piece{--rotation:-3deg}.journey-tools{position:fixed;bottom:24px;left:4vw;right:4vw;z-index:30;display:flex;align-items:center;justify-content:space-between;color:#86546a;transition:opacity .3s;pointer-events:none}.journey-tools.invisible{opacity:0;pointer-events:none}.scroll-guidance{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2px;background:#fff9f1e6;padding:10px 15px;border-radius:40px;pointer-events:auto}.scroll-arrow{display:inline-block;animation:hint-down 2s infinite;font-size:19px;line-height:1}.horizontal-arrow{font-size:19px;margin-left:5px;opacity:.7}.page-steps{display:flex;align-items:center;gap:13px;padding:6px 9px;background:#fff9f1eb;border-radius:30px;color:#9c6177;pointer-events:auto}.page-steps[aria-hidden='true']{visibility:hidden}.page-steps button{border:0;background:none;width:29px;height:29px;padding:0;font:18px var(--body);color:inherit}.page-steps button:hover{color:#9f2f59}.step-dots{display:flex;align-items:center;gap:9px}.step-dots .step-dot{display:block;width:6px;height:6px;border-radius:50%;border:1px solid #bb8b9b;background:none;padding:0;transition:scale .2s,background .2s}.step-dots .step-dot.active{background:#b75f7f;scale:1.35}.last-notes{position:relative;min-height:115svh;display:flex;align-items:center;justify-content:center;padding:100px 65px;background:#f4dce6;overflow:hidden;isolation:isolate}.notes-spread{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px;max-width:1070px;width:100%;position:relative;z-index:2}.closing-photo{margin:0;background:#fff8eb;padding:20px 20px 68px;position:relative;transform:rotate(-6deg);box-shadow:4px 8px 0 #a3617d10;transition:transform 1.1s cubic-bezier(.2,.7,.15,1),opacity .8s}.closing-photo>img{width:100%;height:auto;display:block}.closing-bow{position:absolute;width:110px;height:110px;right:-37px;top:-38px;color:#b75a7b;transform:rotate(15deg)}.closing-heart{position:absolute;font:65px var(--hand);bottom:0;left:35px;color:#c26a88;transform:rotate(14deg)}.closing-note{background:#fff2bf;padding:43px 35px 50px;position:relative;transform:rotate(4deg);box-shadow:5px 9px 0 #a3617d10;transition:transform 1.1s cubic-bezier(.2,.7,.15,1) .15s,opacity .8s .15s}.closing-note p{font:500 clamp(19px,2vw,27px)/1.8 var(--serif);margin:0;white-space:pre-line;letter-spacing:-.5px;color:#7c4c4a}.closing-note .tape{background:#ba91a36b}.notes-art{position:absolute;inset:0;z-index:-1;color:#d19aaf;pointer-events:none}.notes-art>.motif:first-child{position:absolute;width:290px;left:-30px;top:50px;transform:rotate(-20deg);opacity:.4}.notes-art>.motif:last-child{position:absolute;width:350px;right:-110px;bottom:0;opacity:.35}.js .last-notes:not(.is-visible) .closing-photo{opacity:0;transform:translateX(-100px) rotate(-13deg)}.js .last-notes:not(.is-visible) .closing-note{opacity:0;transform:translateX(100px) rotate(13deg)}.goodbye{min-height:100svh;background:#efb8cb;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}.goodbye>p{font:600 clamp(75px,9vw,140px)/1 var(--hand);margin:45px 0 0;color:#913953;transform:rotate(-4deg);transition:opacity 1s,transform 1s}.mini-envelope{position:relative;width:250px;height:162px;background:#fae3ec;border:1px solid #cf91aa;border-radius:6px;transform:rotate(-7deg);transition:transform 1s cubic-bezier(.2,.7,.15,1),opacity 1s}.mini-envelope:before{content:'';position:absolute;inset:0;background:#f2cad9;clip-path:polygon(0 0,100% 0,50% 59%)}.mini-envelope:after{content:'';position:absolute;inset:0;background:#f7d7e3;clip-path:polygon(0 100%,50% 45%,100% 100%);border-radius:5px}.mini-envelope>span{position:absolute;left:calc(50% - 20px);top:40%;width:40px;height:40px;display:grid;place-items:center;color:#fff4f4;background:#b74d72;border:3px double #dca6b8;border-radius:50%;font:24px var(--hand);z-index:2}.closing-orbit{position:absolute;inset:0;pointer-events:none;color:#bd6b87}.end-heart{position:absolute;width:160px}.end-heart-one{top:12%;left:19%;transform:rotate(-20deg)}.end-heart-two{bottom:16%;right:15%;transform:rotate(15deg);width:120px}.end-bow{position:absolute;width:110px;top:13%;right:20%;transform:rotate(12deg)}.back-to-letter{position:absolute;bottom:33px;left:calc(50% - 20px);width:40px;height:40px;display:grid;place-items:center;background:none;border:1px solid #b76985;border-radius:50%;color:#9c4060;font-size:20px}.js .goodbye:not(.is-visible) .mini-envelope{opacity:0;transform:translateY(50px) rotate(5deg)}.js .goodbye:not(.is-visible)>p{opacity:0;transform:translateY(35px) rotate(0)}.photo-viewer{padding:25px;border:0;border-radius:5px;width:min(1100px,92vw);max-height:92svh;background:#fff8ed;color:#613849;grid-template-columns:1.15fr 1fr;gap:35px;align-items:center}.photo-viewer[open]{display:grid}.photo-viewer::backdrop{background:#31262bd4;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}#close-viewer{position:absolute;right:12px;top:8px;background:none;border:0;font-size:30px;width:35px;height:35px;color:#9b5b74}.viewer-photo img{width:100%;height:auto;max-height:82svh;object-fit:contain;display:block}.viewer-copy{padding:30px 20px 20px 0}.viewer-copy p{font:15px/1.9 var(--body);opacity:.8;margin-bottom:25px}.viewer-copy strong{font:600 30px/1.5 var(--serif);display:block;text-wrap:pretty}@keyframes hint-down{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}@keyframes heart-beat{0%,100%{scale:1}50%{scale:1.12}}
@media(min-width:1700px){.memory-layout{max-width:1500px;padding-left:100px;padding-right:100px;gap:140px}.memory-copy{max-width:570px}.message{font-size:43px}.description{font-size:17px}.photo-piece{max-width:640px}.photo-button img{--photo-height:64svh}.notes-spread{max-width:1250px;gap:100px}.closing-note{padding:55px 45px 60px}.closing-note p{font-size:29px}.journey-header{height:85px}.chapter-link{font-size:14px}}
@media(max-height:800px) and (min-width:1000px){.journey-header{height:62px}.memory-layout{padding-top:91px;padding-bottom:76px;gap:65px}.photo-piece{--photo-height:60svh;max-width:490px}.frame-phone .photo-button img{--photo-height:53svh}.frame-film .photo-button img,.frame-portrait .photo-button img{height:65svh}.frame-window .photo-button img{--photo-height:60svh}.message{font-size:31px}.description{font-size:14px;line-height:1.85;margin-bottom:22px}.hand-heart{margin-top:20px;font-size:38px}.photo-sticker{width:90px;height:90px}.art-large{width:170px}.journey-tools{bottom:18px}.last-notes{padding-top:80px;padding-bottom:80px}.closing-note{padding:33px 29px 38px}.closing-note p{font-size:22px;line-height:1.8}.closing-photo{padding:17px 17px 57px}.greeting h1{font-size:95px}.greeting p{font-size:15px}.mail-gate h2{margin-bottom:90px}.envelope{height:300px;width:490px}}
@media(max-width:1100px) and (min-width:761px){.journey-header{padding:0 24px;gap:12px}.journey-header nav{gap:20px}.chapter-link{font-size:10px}.memory-layout{padding-left:50px;padding-right:50px;gap:50px}.message{font-size:29px}.description{font-size:14px}.memory-copy{max-width:430px}.photo-piece{max-width:440px}.design-muse-film .memory-layout,.design-muse-highlight .memory-layout,.design-muse-playful .memory-layout,.design-muse-crush .memory-layout{gap:70px;padding-left:60px;padding-right:60px}.notes-spread{gap:50px}.closing-note p{font-size:21px}.last-notes{padding-left:50px;padding-right:50px}}
@media(max-width:760px){.mail-gate:before{width:410px;height:410px}.mail-gate h2{font-size:47px;margin-bottom:95px}.envelope{width:79vw;height:220px}.letter-insert{top:-35px;padding:10px 10px 30px}.wax-seal{width:46px;height:46px;left:calc(50% - 23px);font-size:21px}.gate-bow{width:83px;left:6%;top:10%}.gate-heart{width:65px;right:5%;top:24%}.gate-spark{width:45px;right:9%;bottom:14%}.gate-tap{margin-top:35px}.is-opening .letter-insert{top:-110px}.greeting{padding:70px 27px}.greeting h1{font-size:65px;line-height:1.03;margin-bottom:30px;letter-spacing:-1px}.greeting h1>span{font-size:35px;bottom:-20px;right:20px}.greeting p{font-size:13px;line-height:2.1;max-width:340px}.greeting-bow{width:76px;left:8%;top:13%}.greeting-heart{font-size:90px;right:8%;bottom:15%}.greeting-ring{width:440px;height:590px}.journey-header{height:65px;padding:0 17px;gap:12px}.journey-header nav{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;gap:23px}.journey-header nav::-webkit-scrollbar{display:none}.chapter-link{font-size:10px;padding:12px 0}.small-heart{font-size:25px;width:23px;flex-shrink:0}.chapter-count{font-size:9px;width:30px;flex-shrink:0}.memory-layout{padding:85px 30px 91px;grid-template-columns:1fr;grid-template-rows:auto auto;gap:26px;align-content:center;min-height:100svh}.reverse .memory-copy{order:0}.photo-piece{max-width:300px;--photo-height:36svh;padding:9px 9px 25px}.photo-sticker{width:66px;height:66px;right:-25px;bottom:-18px}.tape{width:65px;height:19px;left:calc(50% - 32px);top:-9px}.photo-corner{font-size:20px;bottom:2px}.memory-copy{width:100%;max-width:360px;text-align:center}.description{font-size:11px;line-height:1.8;margin:0 0 14px;max-width:none}.message{font-size:23px;line-height:1.5;letter-spacing:-.5px}.hand-heart{font-size:29px;margin:13px auto 0}.art-large{width:125px;top:4%;left:auto;right:-15px;opacity:.35}.art-small{width:70px;bottom:7%;left:5%;right:auto;opacity:.5}.shape-one{width:90vw;height:90vw;left:-22%}.shape-two{width:200px;height:330px;bottom:10%;right:-100px}.frame-arch{padding:19px 13px 25px;max-width:280px}.frame-arch .photo-sticker{width:85px;height:85px;right:-32px;bottom:-15px}.frame-window{border-width:6px;padding:0}.frame-window .photo-button img{--photo-height:37svh}.frame-window .photo-sticker{right:-26px;bottom:-27px}.frame-polaroid{padding:9px 9px 30px;max-width:290px}.frame-polaroid .photo-corner{bottom:5px}.frame-phone{max-width:230px;padding:24px 10px 22px;border-radius:30px}.frame-phone .photo-button img{--photo-height:33svh}.frame-phone:before{height:4px;width:56px;left:calc(50% - 28px);top:10px}.frame-phone .photo-corner{font-size:16px;bottom:3px}.frame-rounded{padding:10px 10px 25px;border-radius:23px}.frame-scallop{padding:10px 10px 23px;border-width:6px;max-width:275px}.frame-scallop .photo-sticker{right:-30px;bottom:-16px}.frame-receipt{padding:10px 10px 26px;max-width:280px}.frame-record{padding:10px;max-width:270px}.frame-record:before{right:-17%;width:75%}.frame-film,.frame-portrait{width:auto;max-width:210px}.frame-film{padding:11px 17px 14px}.frame-film .photo-button img,.frame-portrait .photo-button img{height:42svh}.frame-film:before,.frame-film:after{width:5px;left:5px}.frame-film:after{left:auto;right:5px}.frame-portrait{padding:10px}.frame-stamp{border-width:8px;padding:8px 8px 28px;max-width:285px}.design-confession .message{font-size:25px}.design-confession .hand-heart{font-size:35px}.design-confession .art-large{width:90px;top:4%;right:0}.design-first-meeting .art-large,.design-small-evenings .art-large{left:0;top:8%;width:90px}.design-tiny-cafe .message-paper{padding:15px 17px 20px}.design-tiny-cafe .message{font-size:23px;line-height:1.5}.design-tiny-cafe .art-large{left:0;top:7%;width:75px}.design-first-selfie .message{font-size:34px;line-height:1.25}.design-first-selfie .art-large{width:100px;top:6%;left:auto;right:-10px}.design-comfort .message-paper{padding:20px 18px 25px;max-width:310px;margin:auto}.design-comfort .message{font-size:33px}.design-comfort .message-paper:before{width:65px;height:19px;top:-7px}.design-comfort .art-large{width:75px;left:0;top:5%}.design-flower .art-large{width:230px;right:-80px;top:5%;opacity:.4}.design-flower .art-small{width:160px;left:-50px;bottom:5%}.design-late-visits .art-large{width:90px;right:0;top:6%}.design-ordinary .message,.design-after-work .message,.design-diner .message,.design-highland .message,.design-karaoke .message,.design-daily-light .message,.design-daily-see-you .message{font-size:23px}.design-ordinary .photo-sticker{width:95px;height:95px}.design-ordinary .art-large,.design-diner .art-large,.design-highland .art-large,.design-karaoke .art-large,.design-barbecue .art-large,.design-supermarket .art-large,.design-daily-light .art-large,.design-daily-booth .art-large,.design-daily-see-you .art-large{width:80px;top:4%;left:1%;right:auto}.design-after-work .art-small{width:110px;left:-30px;bottom:5%}.design-photobooth .message{font-size:43px}.design-highland .message-paper{padding:12px 14px 18px}.design-karaoke .art-small{width:90px;bottom:8%;right:0;left:auto}.design-barbecue .message,.design-supermarket .message{font-size:27px}.design-supermarket .message-paper{padding:20px 17px 22px}.design-muse-film .memory-layout,.design-muse-highlight .memory-layout,.design-muse-playful .memory-layout,.design-muse-crush .memory-layout{grid-template-columns:1fr;gap:24px;padding-left:30px;padding-right:30px}.design-muse-film .message,.design-muse-highlight .message,.design-muse-crush .message{font-size:28px}.design-muse-playful .message{font-size:24px}.design-muse-crush .photo-piece{width:215px;--photo-height:40svh}.design-muse-film .art-large,.design-muse-highlight .art-large,.design-muse-playful .art-large{width:85px;left:0;top:5%;right:auto}.design-muse-crush .art-large{width:200px;left:-50px;top:5%}.design-daily-silly .message{font-size:36px}.design-daily-silly .art-large{width:95px;top:6%;right:0}.design-daily-silly .photo-sticker{width:85px;height:85px}.design-daily-thanks .message{font-size:29px}.design-daily-thanks .art-large{width:110px;left:0;top:5%}.design-daily-thanks .art-small{width:150px;right:-45px;left:auto;bottom:2%}.journey-tools{bottom:16px;left:16px;right:16px;gap:8px}.scroll-guidance{font-size:8px;padding:9px 11px;gap:7px}.scroll-arrow{font-size:15px}.horizontal-arrow{font-size:16px;margin-left:0}.page-steps{padding:5px 6px;gap:5px}.page-steps button{width:24px;height:24px;font-size:15px}.step-dots{gap:7px}.step-dots .step-dot{width:5px;height:5px}.last-notes{padding:95px 32px 80px;min-height:145svh}.notes-spread{grid-template-columns:1fr;max-width:380px;gap:55px}.closing-photo{max-width:330px;padding:13px 13px 46px}.closing-bow{width:75px;height:75px;right:-26px;top:-27px}.closing-heart{font-size:47px;left:25px;bottom:-3px}.closing-note{padding:32px 26px 35px}.closing-note p{font-size:20px;line-height:1.8}.notes-art>.motif:first-child{width:190px;left:-50px;top:20px}.notes-art>.motif:last-child{width:250px;right:-90px;bottom:2%}.goodbye>p{font-size:92px;margin-top:35px}.mini-envelope{width:220px;height:145px}.end-heart-one{width:100px;left:4%;top:13%}.end-heart-two{width:80px;right:4%;bottom:15%}.end-bow{width:75px;right:9%;top:20%}.photo-viewer[open]{display:flex;flex-direction:column;gap:20px}.photo-viewer{padding:30px 18px 25px;width:93vw;max-height:94svh}.viewer-photo img{max-height:55svh}.viewer-copy{padding:0 5px 5px;text-align:center}.viewer-copy p{font-size:11px;margin-bottom:14px}.viewer-copy strong{font-size:22px;line-height:1.6}#close-viewer{top:4px;right:4px;font-size:27px}.js .memory:not(.is-current) .memory-copy{transform:translateY(15px)}}
@media(max-height:700px) and (max-width:760px){.memory-layout{padding-top:76px;padding-bottom:75px;gap:17px}.photo-piece{--photo-height:32svh}.description{font-size:10px;margin-bottom:10px}.message{font-size:21px!important;line-height:1.4}.frame-film .photo-button img,.frame-portrait .photo-button img{height:36svh}.hand-heart{margin-top:7px;font-size:25px}.message-paper{padding-top:12px!important;padding-bottom:17px!important}.frame-phone .photo-button img{--photo-height:29svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .memory:not(.is-current) .memory-copy,.js .memory:not(.is-current) .photo-piece{opacity:1;transform:rotate(var(--rotation,0deg))}.js .last-notes:not(.is-visible) .closing-photo,.js .last-notes:not(.is-visible) .closing-note,.js .goodbye:not(.is-visible) .mini-envelope,.js .goodbye:not(.is-visible)>p{opacity:1}}

@media(min-width:761px){.mail-gate h2{margin-bottom:155px}.letter-insert{top:-105px}}
@supports(overflow:clip){body{overflow-x:clip}}
@media(max-width:760px){body .journey-header{padding-right:78px}body .music-record{top:10px;right:13px;bottom:auto;width:43px;height:43px}body .music-record .record-disc{width:43px;height:43px}body:has(.journey-header.soft-hidden) .music-record{visibility:hidden;pointer-events:none}}

.mail-gate{background:#402a32;justify-content:flex-end;padding:0 7vw 8svh;align-items:flex-end}.gate-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.mail-gate:before{inset:0;width:100%;height:100%;border-radius:0;transform:none;background:linear-gradient(180deg,#25182038 0%,transparent 40%,#25182099 100%);z-index:-2}.mail-gate h2{position:absolute;left:6vw;top:6svh;margin:0;color:#fff7ee;font-size:clamp(50px,7vw,100px);text-shadow:0 2px 22px #30202a80;transform:rotate(-4deg)}.mail-gate .envelope{width:clamp(180px,20vw,290px);height:clamp(120px,13vw,190px)}.mail-gate .letter-insert{top:-20px;padding:15px}.mail-gate .letter-insert img{display:none}.mail-gate .gate-tap{display:none}.mail-gate .mail-decoration{color:#ffe8ef}.mail-gate .gate-bow{left:auto;right:6%;top:7%;width:80px}.mail-gate .gate-heart,.mail-gate .gate-spark{display:none}.mail-gate .wax-seal{width:46px;height:46px;left:calc(50% - 23px);font-size:22px}.mail-gate.is-opening .letter-insert{top:-90px}@media(max-width:760px){.mail-gate{padding:0 9vw 10svh}.gate-cover{object-fit:contain;background:#edc7d5}.mail-gate h2{top:8svh;left:8vw;font-size:52px}.mail-gate .envelope{width:190px;height:125px}.mail-gate .gate-bow{width:55px;top:auto;bottom:12%;left:8%;right:auto}}

.music-record{position:fixed;right:20px;bottom:82px;z-index:65;width:54px;height:54px;padding:0;border:0;border-radius:50%;background:none;filter:drop-shadow(0 3px 7px #40233230)}.record-disc{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:repeating-radial-gradient(circle at center,#302c31 0 2px,#494049 3px,#302c31 4px);border:2px solid #62505b;animation:record-spin 7s linear infinite;animation-play-state:paused}.record-disc>span{display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#f2a9c5;color:#8f3258;font-size:17px;border:2px solid #f7d7e5}.music-record.is-playing .record-disc{animation-play-state:running}.record-state{position:absolute;right:-3px;bottom:-2px;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#fff3e9;color:#9d395a;font-size:10px;border:1px solid #e5bacb}@keyframes record-spin{to{transform:rotate(360deg)}}@media(max-width:760px){.music-record{right:16px;bottom:75px}}@media(prefers-reduced-motion:reduce){.record-disc{animation:none}}