.opening-experience{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#33202b;color:#f5ddca;overflow-y:auto;overscroll-behavior:contain;isolation:isolate}.opening-experience::backdrop{background:#2b1c24e6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.opening-inner{position:relative;min-height:100%;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:36px 24px 24px;background:radial-gradient(ellipse at 50% 42%,#69414a,#452b38 40%,#291e2b 92%)}.opening-close{position:absolute;z-index:6;top:24px;right:30px;width:46px;height:46px;border:1px solid #dbc1b333;border-radius:50%;display:grid;place-items:center;color:#ecd1c3;transition:background .2s}.opening-close:hover{background:#f5e0d116}.opening-experience button:focus-visible{outline:2px solid #f5d3a0;outline-offset:5px}.opening-halo{position:absolute;top:18%;left:calc(50% - 350px);width:700px;height:700px;border:1px solid #d6b08a16;border-radius:50%;pointer-events:none}.opening-halo:before,.opening-halo:after{content:"";position:absolute;top:38px;right:38px;bottom:38px;left:38px;border:1px solid #d6b08a10;border-radius:50%}.opening-halo:after{top:77px;right:77px;bottom:77px;left:77px}.opening-heading{position:relative;z-index:3;text-align:center;flex-shrink:0;margin-top:2px}.opening-heading .eyebrow{color:#cfa999;font-size:8px;letter-spacing:3px}.opening-heading h2{font-family:var(--serif);font-size:26px;font-weight:400;letter-spacing:2px;margin:18px 0 12px;color:#f8e4d3}.opening-heading p{font-size:11px;letter-spacing:1px;color:#c4a3a3}.opening-arena{position:relative;z-index:2;flex:1;min-height:430px;width:min(700px,100%);display:flex;align-items:center;justify-content:center;padding-top:112px}.ceremony-envelope{position:relative;width:420px;height:252px;flex-shrink:0;perspective:1400px;transform:rotate(-6deg);filter:drop-shadow(0 20px 20px #130d1c55);--paper-lift: -155px;--paper-height: 320px}.ceremony-back{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#c49583,#dab19b);border:1px solid #e8c6ac;border-radius:5px;z-index:1}.ceremony-card{position:absolute;top:8px;left:7%;width:86%;height:var(--paper-height);padding:27px 23px;z-index:2;background:linear-gradient(130deg,#fffcf6,#f8ede0);color:#8b5260;display:flex;align-items:center;flex-direction:column;opacity:0;transform:translateY(65px) rotate(2deg) scale(.88);box-shadow:0 2px 18px #6c3b341c}.ceremony-card-border{position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #bc987133;pointer-events:none}.ceremony-card>.handwritten{font-size:24px;color:#a88180;align-self:flex-start;white-space:nowrap}.ceremony-card-heart{margin-top:18px;color:#ad7580}.ceremony-confession{font-family:var(--serif);font-size:31px;letter-spacing:2px;white-space:nowrap;line-height:1.5;margin:12px 0 7px}.ceremony-card-line{font-family:var(--serif);font-size:11px;letter-spacing:1px;color:#9f7d78}.ceremony-card-sender{font-family:var(--serif);font-size:12px;margin-top:25px;color:#9b696e}.ceremony-card-english{font-size:5px;letter-spacing:1.5px;color:#b39686;margin-top:8px}.ceremony-front{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:4px;overflow:hidden;filter:drop-shadow(0 -1px 1px #b5897125);pointer-events:none}.ceremony-front>div{position:absolute;top:0;right:0;bottom:0;left:0}.ceremony-left{background:linear-gradient(100deg,#f6e0ce,#e4bfa7);clip-path:polygon(0 0,58% 55%,0 100%)}.ceremony-right{background:linear-gradient(260deg,#f5decc,#dfb79f);clip-path:polygon(100% 0,42% 55%,100% 100%)}.ceremony-bottom{background:linear-gradient(170deg,#eed0b9,#f6e3d1);clip-path:polygon(0 100%,0 98%,49% 43%,51% 43%,100% 98%,100% 100%)}.ceremony-front>span{position:absolute;bottom:25px;left:26px;font-family:var(--serif);font-size:14px;letter-spacing:1px;color:#a27a6c}.ceremony-front>small{position:absolute;right:25px;bottom:24px;font-size:6px;letter-spacing:1.3px;color:#ac8d79}.ceremony-flap{position:absolute;left:0;top:0;width:100%;height:64%;transform-origin:top center;transform-style:preserve-3d;z-index:5;pointer-events:none}.ceremony-flap>span{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:polygon(0 0,100% 0,54% 91%,50% 95%,46% 91%);backface-visibility:hidden;-webkit-backface-visibility:hidden}.ceremony-flap-outside{background:linear-gradient(165deg,#f6dfca,#e1b99e)}.ceremony-flap-inside{background:linear-gradient(165deg,#e4bd9f,#f2d6bb);transform:rotateX(180deg)}.ceremony-seal{position:absolute;top:calc(54% - 29px);left:calc(50% - 35px);width:70px;height:70px;z-index:6;border-radius:47% 50% 44% 49%;background:radial-gradient(circle at 30% 20%,#b36c77,#914353 52%,#6f293c);box-shadow:2px 5px 6px #673a3855,inset 2px 2px 3px #d2948877,inset -2px -2px 3px #59243699;display:grid;place-items:center;color:#d9989e;transform:rotate(-5deg)}.ceremony-seal>span{width:53px;height:53px;border:1px solid #63253444;border-radius:50%;display:grid;place-items:center;box-shadow:inset 1px 1px 3px #59253655,1px 1px 1px #d5959277}.ceremony-gold-dust{position:absolute;top:56%;left:50%;z-index:7;pointer-events:none}.ceremony-gold-dust>i{position:absolute;width:3px;height:3px;border-radius:50%;background:#e6bc80;opacity:0;transform:rotate(var(--dust-angle)) translateY(0)}.is-unsealing.ceremony-envelope{animation:envelope-settle 2.55s cubic-bezier(.2,.7,.3,1) both}.is-unsealing .ceremony-seal{animation:seal-release .65s ease-out both}.is-unsealing .ceremony-flap{animation:flap-open 1.1s .35s cubic-bezier(.4,.05,.2,1) both}.is-unsealing .ceremony-card{animation:card-emerge 1.6s 1.03s cubic-bezier(.24,.75,.25,1) both}.is-unsealing .ceremony-gold-dust>i{animation:seal-dust .8s .15s ease-out both}@keyframes envelope-settle{0%{transform:rotate(-6deg)}35%{transform:rotate(1deg)}to{transform:rotate(0) translateY(33px)}}@keyframes seal-release{0%{opacity:1;transform:rotate(-5deg) scale(1)}35%{opacity:1;transform:rotate(12deg) scale(1.12)}to{opacity:0;transform:translateY(40px) rotate(24deg) scale(.6)}}@keyframes flap-open{0%{transform:rotateX(0);z-index:5}49%{z-index:5}50%,to{z-index:1}to{transform:rotateX(-180deg)}}@keyframes card-emerge{0%{opacity:0;transform:translateY(65px) rotate(2deg) scale(.88);z-index:2}12%{opacity:1}70%{transform:translateY(calc(var(--paper-lift) - 42px)) rotate(-3deg) scale(1);z-index:2}71%{z-index:7}to{opacity:1;transform:translateY(var(--paper-lift)) rotate(-2deg) scale(1);z-index:7}}@keyframes seal-dust{0%{opacity:0}15%{opacity:1}to{opacity:0;transform:rotate(var(--dust-angle)) translateY(-95px)}}.opening-controls{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;flex-shrink:0;min-height:145px;padding-top:18px}.opening-status{font-size:11px;letter-spacing:.7px;color:#d5b5ac;line-height:1.9;text-align:center}.opening-actions{display:flex;align-items:center;gap:24px;margin-top:20px}.opening-read{background:#f0d5b9;color:#683d47;min-height:48px;min-width:175px;font-size:12px;gap:29px}.opening-read:hover{background:#ffe4c7;box-shadow:0 5px 25px #edcda815}.opening-replay{display:flex;align-items:center;gap:8px;font-size:11px;min-height:44px;padding:0 5px;color:#ddbaaa;border-bottom:1px solid #ddbaaa44}.opening-replay:disabled{opacity:.36;cursor:default}.opening-effects{display:flex;align-items:center;gap:6px;min-height:44px;font-size:9px;letter-spacing:.4px;color:#bd979d;margin-top:5px}.opening-effects:disabled{cursor:default}.celebration-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none}.opening-stars{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.opening-stars>i{position:absolute;width:3px;height:3px;background:#e6c09b;border-radius:50%;opacity:.45;box-shadow:0 0 8px #d8b08255}.opening-stars>i:nth-child(1){top:18%;left:12%}.opening-stars>i:nth-child(2){top:44%;left:7%;width:2px;height:2px}.opening-stars>i:nth-child(3){top:74%;left:20%}.opening-stars>i:nth-child(4){top:27%;right:17%;width:2px;height:2px}.opening-stars>i:nth-child(5){top:62%;right:9%}.opening-stars>i:nth-child(6){top:83%;right:25%;width:2px;height:2px}.opening-stars>i:nth-child(7){top:9%;left:35%}.opening-stars>i:nth-child(8){top:15%;right:28%}@media(min-height:850px){.opening-inner{padding-top:58px;padding-bottom:32px}.opening-arena{min-height:490px}.opening-heading h2{font-size:29px}.opening-controls{padding-bottom:8px}}@media(max-width:640px){.opening-inner{padding:65px 20px 20px;min-height:100dvh}.opening-close{top:15px;right:15px;width:44px;height:44px}.opening-heading .eyebrow{font-size:6px;letter-spacing:2px}.opening-heading h2{font-size:20px;letter-spacing:.6px;line-height:1.7;margin-top:15px}.opening-heading p{font-size:9px;letter-spacing:.6px}.opening-arena{min-height:350px;padding-top:76px}.ceremony-envelope{width:min(320px,85vw);height:192px;--paper-lift: -128px;--paper-height: 268px}.ceremony-card{padding:23px 18px}.ceremony-card>.handwritten{font-size:20px}.ceremony-card-heart{width:21px;height:21px;margin-top:14px}.ceremony-confession{font-size:22px;letter-spacing:1px;margin-top:9px}.ceremony-card-line{font-size:9px;letter-spacing:.3px}.ceremony-card-sender{font-size:10px;margin-top:19px}.ceremony-card-english{font-size:4px;letter-spacing:1px}.ceremony-seal{width:60px;height:60px;left:calc(50% - 30px);top:calc(54% - 25px)}.ceremony-seal>span{width:46px;height:46px}.ceremony-seal svg{width:25px;height:25px}.ceremony-front>span{font-size:11px;left:19px;bottom:20px}.ceremony-front>small{font-size:4px;right:17px;bottom:19px}.opening-controls{min-height:152px;padding-top:16px;width:100%}.opening-status{font-size:9px;letter-spacing:.3px}.opening-actions{gap:20px;margin-top:18px}.opening-read{font-size:11px;min-width:151px;gap:17px;min-height:48px;padding-inline:17px}.opening-replay{font-size:10px;gap:6px}.opening-effects{font-size:8px}.opening-halo{width:500px;height:500px;left:calc(50% - 250px);top:20%}}@media(max-height:690px)and (min-width:641px){.opening-inner{padding-top:21px;padding-bottom:8px}.opening-heading h2{font-size:22px;margin:10px 0 7px}.opening-arena{min-height:330px;padding-top:95px}.ceremony-envelope{width:340px;height:204px;--paper-height: 265px;--paper-lift: -115px}.ceremony-card{padding:21px}.ceremony-card>.handwritten{font-size:20px}.ceremony-confession{font-size:28px;margin:8px 0}.ceremony-card-heart{margin-top:9px}.ceremony-card-sender{margin-top:16px;font-size:10px}.opening-controls{padding-top:9px;min-height:129px}.opening-actions{margin-top:10px}}@media(max-height:480px){.opening-inner{min-height:680px}.opening-heading p{display:none}.opening-arena{min-height:355px}}.motion-reduced .ceremony-envelope{animation:none!important;transform:translateY(33px)}.motion-reduced .ceremony-card{animation:none!important;opacity:1;transform:translateY(var(--paper-lift)) rotate(-2deg);z-index:7}.motion-reduced .ceremony-flap{animation:none!important;transform:rotateX(-180deg);z-index:1}.motion-reduced .ceremony-seal,.motion-reduced .ceremony-gold-dust{display:none}@media(prefers-reduced-motion:reduce){.opening-experience *{animation:none!important;transition:none!important}}.ceremony-seal:enabled{cursor:pointer}.ceremony-seal:enabled:hover{filter:brightness(1.12)}.ceremony-seal:disabled{cursor:default;pointer-events:none}.opening-experience .opening-read-secondary{background:transparent;color:#e5cbbb;border-color:#e5cbbb44;box-shadow:none}.opening-experience .opening-read-secondary:hover{background:#fff4dc10}.opening-inner{background:#30151e;padding:max(36px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom))}.opening-scenery,.opening-scenery:after{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.opening-scenery img{width:100%;height:100%;object-fit:cover;opacity:.8}.opening-scenery:after{content:"";background:linear-gradient(180deg,#23101933,transparent 40%,#23101977),radial-gradient(ellipse at 50% 48%,#9d626a20,#23101922 75%)}.opening-frame{position:absolute;top:19px;right:19px;bottom:19px;left:19px;border:1px solid #dec39c30;pointer-events:none}.opening-frame:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #dec39c12}.opening-close{top:max(32px,env(safe-area-inset-top));right:max(32px,env(safe-area-inset-right));background:#3118229c}.opening-halo{display:none}.opening-heading{margin-top:0}.opening-monogram{display:grid;place-items:center;width:33px;height:40px;margin:0 auto 14px;border:1px solid #dfc09288;border-radius:50% 50% 45% 45%;color:#e4c7a4}.opening-heading .eyebrow{color:#ddc3b1;font-size:9px;letter-spacing:3.5px}.opening-heading h2{font-size:clamp(23px,2.5vw,32px);margin:17px 0 10px;text-shadow:0 2px 18px #210a19}.opening-heading p{color:#e0bfc0;font-size:12px}.opening-arena{width:min(820px,100%);min-height:490px;padding-top:152px}.ceremony-envelope{width:470px;height:282px;--paper-height: 360px;--paper-lift: -195px;filter:drop-shadow(0 28px 27px #10060ca6)}.ceremony-back{background:linear-gradient(135deg,#937456a8,#dbbb8566),url(../images/ceremony-paper.webp) center / 100% 100%;border-color:#ddc69e}.ceremony-left,.ceremony-right,.ceremony-bottom{background-image:linear-gradient(100deg,#ac875e20,#fff4dc15),url(../images/ceremony-paper.webp);background-size:100% 100%}.ceremony-right{background-image:linear-gradient(260deg,#a8805540,#fff4dc00),url(../images/ceremony-paper.webp)}.ceremony-bottom{background-image:linear-gradient(180deg,#9e764634,#fff3d900 80%),url(../images/ceremony-paper.webp)}.ceremony-flap-outside{background:linear-gradient(180deg,#fffdf330,#d5b78636),url(../images/ceremony-paper.webp) center / 100% 160%}.ceremony-flap-inside{background:linear-gradient(180deg,#b0926380,#f1dfb611),url(../images/ceremony-paper.webp) center / 100% 160%}.ceremony-front>span{color:#795841;bottom:28px;left:31px}.ceremony-front>small{color:#796044;bottom:29px;right:30px;letter-spacing:2px}.ceremony-seal{width:78px;height:78px;left:calc(50% - 39px);top:calc(54% - 32px);background:radial-gradient(ellipse at 27% 20%,#c58480,#a45863 20%,#793247 58%,#541d32 85%);box-shadow:2px 7px 10px #522e3066,inset 2px 3px 3px #e4b4949c,inset -3px -3px 3px #381524;color:#e7b491}.ceremony-seal>span{width:59px;height:59px;border:1px solid #dfa28c77}.ceremony-card{background:#fcf5e6 url(../images/ceremony-paper.webp) center / 100% 100%;padding:36px 29px;box-shadow:0 9px 30px #321a2533,inset 0 0 0 1px #fff9ebcc}.ceremony-card-border{top:13px;right:13px;bottom:13px;left:13px;border-color:#a98b5847}.ceremony-card>.handwritten{font-size:26px;color:#97656a}.ceremony-card-heart{margin-top:25px;color:#965365}.ceremony-confession{font-size:33px;color:#713548;margin:17px 0 12px;letter-spacing:1px}.ceremony-card-line{font-size:13px;color:#7e5b57}.ceremony-card-sender{margin-top:28px;font-size:13px;color:#804b53}.ceremony-card-english{font-size:6px;color:#806c55;margin-top:12px}.opening-controls{padding-top:17px;min-height:156px}.opening-status{color:#e0c4ba;font-size:12px}.opening-actions{margin-top:17px;gap:27px}.opening-read{background:linear-gradient(110deg,#f4e6cb,#dec6a0);color:#562b3b;border:1px solid #faefd599;border-radius:2px;min-height:50px;font-size:13px;box-shadow:0 5px 20px #12061126}.opening-replay{color:#ead3c3;font-size:12px}.opening-effects{font-size:10px;color:#d6b7b9}@media(max-width:640px){.opening-inner{padding:max(66px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}.opening-frame{top:10px;right:10px;bottom:10px;left:10px}.opening-close{top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right))}.opening-scenery img{object-position:24% center;opacity:.58}.opening-monogram{width:27px;height:33px;margin-bottom:12px}.opening-heading .eyebrow{font-size:7px;letter-spacing:2px}.opening-heading h2{font-size:21px;letter-spacing:.2px;margin-top:13px}.opening-heading p{font-size:11px}.opening-arena{min-height:381px;padding-top:102px}.ceremony-envelope{width:min(320px,84vw);height:200px;--paper-height: 295px;--paper-lift: -145px}.ceremony-card{padding:28px 17px}.ceremony-card-border{top:8px;right:8px;bottom:8px;left:8px}.ceremony-card>.handwritten{font-size:21px}.ceremony-card-heart{margin-top:18px}.ceremony-confession{font-size:24px;margin:15px 0 10px;letter-spacing:0}.ceremony-card-line{font-size:10px;letter-spacing:0}.ceremony-card-sender{margin-top:24px;font-size:11px}.ceremony-card-english{font-size:5px;letter-spacing:.8px;margin-top:10px}.ceremony-front>span{left:20px;bottom:23px;font-size:11px}.ceremony-front>small{right:19px;bottom:24px;font-size:4px;letter-spacing:1px}.ceremony-seal{width:64px;height:64px;left:calc(50% - 32px);top:calc(54% - 26px)}.ceremony-seal>span{width:48px;height:48px}.opening-controls{min-height:160px;padding-top:17px}.opening-status{font-size:10px}.opening-actions{gap:19px;margin-top:16px}.opening-read{min-width:151px;min-height:48px;font-size:12px}.opening-replay{font-size:11px}.opening-effects{font-size:9px}}@media(max-width:360px){.opening-heading h2{font-size:18px}.ceremony-confession{font-size:21px}.ceremony-card-line{font-size:9px}}@media(max-height:740px)and (min-width:641px){.opening-inner{padding-top:25px}.opening-monogram{display:none}.opening-heading h2{font-size:25px}.opening-arena{min-height:370px;padding-top:100px}.ceremony-envelope{width:370px;height:222px;--paper-height: 290px;--paper-lift: -140px}.ceremony-card{padding:23px}.ceremony-card-heart{margin-top:13px}.ceremony-confession{font-size:26px;margin:12px 0 9px}.ceremony-card-line{font-size:11px}.ceremony-card-sender{margin-top:18px;font-size:11px}.opening-controls{min-height:145px}}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400 500;font-display:swap;src:url(../fonts/cormorant-garamond-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:italic;font-weight:400 500;font-display:swap;src:url(../fonts/cormorant-garamond-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/cormorant-garamond-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/cormorant-garamond-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 550;font-display:swap;src:url(../fonts/dm-sans-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:DM Sans;font-style:normal;font-weight:400 550;font-display:swap;src:url(../fonts/dm-sans-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:La Belle Aurore;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/la-belle-aurore-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:La Belle Aurore;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/la-belle-aurore-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:"Noto Serif SC";font-style:normal;font-weight:400 600;font-display:swap;src:url(../fonts/noto-serif-sc-normal-page-subset.woff2) format("woff2");unicode-range:U+b7,U+2014,U+2026,U+2197,U+221e,U+2661,U+3001-3002,U+300c-300d,U+4e00,U+4e09-4e0b,U+4e0d-4e0e,U+4e16,U+4e1c-4e1d,U+4e2a,U+4e2d,U+4e3a-4e3b,U+4e45,U+4e48,U+4e50,U+4e5f,U+4e66,U+4e86,U+4e8b,U+4e8e,U+4e9b,U+4eab,U+4eae,U+4eb2,U+4eba,U+4ec0,U+4eca,U+4ece,U+4ee5,U+4eec,U+4ef6,U+4efd,U+4f1a,U+4f4f,U+4f60,U+4f7f,U+4f9d,U+4fdd,U+4fe1,U+4fee,U+5019,U+501f,U+503c,U+504f,U+505c,U+50cf,U+513f,U+5148-5149,U+5171,U+5173,U+5176,U+5185,U+518d,U+5199,U+51e0-51e1,U+51fa,U+5206,U+521a,U+522b,U+5230,U+5236-5237,U+523b,U+524d,U+529b,U+52a8,U+52c7,U+534a,U+5355,U+5374,U+5386,U+538b,U+539f,U+53bb,U+53c8,U+53d1,U+53d7-53d8,U+53e3,U+53e5,U+53ea,U+53ef,U+53f6,U+5403,U+5408,U+540c-540e,U+542c,U+544a,U+548c,U+54ea,U+552f,U+559c-559d,U+5668,U+56de,U+56e0,U+5728,U+5730,U+573a,U+58f0,U+5904,U+590d,U+591a,U+5927,U+5929-592a,U+5934,U+594f,U+597d,U+5982,U+59cb,U+5b50,U+5b57-5b58,U+5b83,U+5b89,U+5b8c,U+5b9e,U+5bb9,U+5bf9,U+5bfb-5bfc,U+5c01,U+5c0f,U+5c31,U+5c3e,U+5c55,U+5de5,U+5dee,U+5df1-5df2,U+5e0c,U+5e26,U+5e38,U+5e73,U+5e94,U+5e97,U+5f00,U+5f20,U+5f53,U+5f69,U+5f80,U+5f85,U+5f88,U+5f90,U+5f97,U+5faa,U+5fae,U+5fc3,U+5fc5,U+5fd8,U+5feb,U+5ff5,U+600e,U+6025,U+603b,U+6084,U+60c5,U+60f3,U+610f,U+611f,U+613f,U+6162,U+6210-6211,U+6216,U+6240,U+624b,U+6253,U+627e,U+628a,U+62c6,U+62cd,U+6309,U+6392,U+63a5,U+642d,U+64ad,U+6536,U+6539,U+653e,U+6545,U+6548,U+6562-6563,U+6574,U+6587,U+65b0,U+65b9,U+65c1,U+65e0,U+65e5,U+65f6,U+661f-6620,U+662f,U+665a,U+666f,U+6682,U+6696,U+66f4,U+66ff-6700,U+6709,U+671b,U+671f,U+672b,U+6735,U+673a,U+674f,U+675f,U+6761,U+6765,U+6784,U+679c-679d,U+67d0,U+67d4,U+6837,U+6848,U+68c9,U+6982,U+69df,U+6b21-6b22,U+6b4c,U+6b62-6b63,U+6b65,U+6bb5,U+6bcf,U+6bd4,U+6c14,U+6ca1,U+6cd5,U+6d41,U+6d4f,U+6dfb,U+6f06,U+706b,U+70b9,U+70df,U+7136,U+7167,U+7231,U+7247,U+7279,U+72b9,U+732b,U+73ab,U+73af-73b0,U+7406,U+7470,U+751c,U+7528,U+7531,U+753b,U+754c,U+7559,U+7684,U+76db,U+76ee,U+76f4,U+76f8,U+76fc,U+770b,U+771f,U+773c,U+7740,U+77ac,U+77e5,U+78b0,U+793c,U+7968,U+7a7a,U+7b2c,U+7b49,U+7b54,U+7c89,U+7c98,U+7cbe,U+7d27,U+7d2b,U+7ea2,U+7eb8,U+7ec3,U+7ec8,U+7ecf,U+7ed3,U+7ed9,U+7eff,U+7f72,U+7f8e,U+7fa4,U+8005,U+800c,U+804a,U+80fd,U+81ea,U+81f3,U+822a,U+8272,U+8282,U+82b1,U+8349,U+83dc,U+843d,U+85cf,U+865a,U+86cb,U+888b,U+88ab,U+88c5,U+897f,U+8981,U+89c1,U+89c8-89c9,U+89e3,U+89e6,U+8a00,U+8ba4,U+8ba9,U+8bb0,U+8bb2,U+8bb8,U+8bba,U+8bc6,U+8bc9,U+8bdd,U+8be5,U+8bf4,U+8bf7,U+8bfb,U+8c22,U+8c6b,U+8d34,U+8d70,U+8d76-8d77,U+8da3,U+8def,U+8df3,U+8eab,U+8f6f,U+8f7b,U+8f7d,U+8fb9,U+8fc7,U+8fd1,U+8fd4,U+8fd8-8fd9,U+8fdb-8fdc,U+9001-9002,U+9047,U+904d,U+9053,U+90a3,U+90ae,U+90d1,U+90fd,U+914d,U+9152,U+91cc-91cd,U+957f,U+95e8,U+95ed-95ee,U+95f4,U+9644,U+96e8,U+9700,U+971e,U+9759,U+975e,U+9760,U+9762,U+97f3,U+9875,U+987a,U+98ce,U+996d,U+9996,U+9999,U+9c9c,U+9f20,U+ff0c,U+ff1a-ff1b,U+ff1f}:root{font-family:DM Sans,Microsoft YaHei,sans-serif;color:#60434a;background:#fbf7f2;font-synthesis:none;--paper: #fbf7f2;--wine: #843c4a;--ink: #60434a;--muted: #947b7c;--line: #e5d8d2;--serif: "Noto Serif SC", "Songti SC", SimSun, serif;--latin: "Cormorant Garamond", Georgia, serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:40px}body{margin:0;min-width:320px}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;border:0;background:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,textarea:focus-visible{outline:2px solid var(--wine);outline-offset:5px}::selection{background:#ecd1d2;color:#773b46}.page-width{width:calc(100% - 144px);max-width:1296px;margin-inline:auto}.paper-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;pointer-events:none;opacity:.043;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.84' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23grain)'/%3E%3C/svg%3E")}.handwritten{font-family:La Belle Aurore,cursive;font-weight:400}.eyebrow{font-size:9px;font-weight:500;letter-spacing:2.1px;color:#997f7f;display:block}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:51px;padding:0 24px;font-size:12px;letter-spacing:.5px;border-radius:3px;transition:background .2s,box-shadow .2s,color .2s}.primary-button{background:var(--wine);color:#fff7f1;border:1px solid var(--wine)}.primary-button:hover{background:#6e2d3b;box-shadow:0 5px 18px #843c4a1b}.outline-button{border:1px solid #cfb9b7;color:var(--wine)}.outline-button:hover{background:#f3e8e3}.skip-link{position:fixed;left:15px;top:-80px;z-index:100;padding:13px;background:var(--wine);color:#fff}.skip-link:focus{top:10px}.mobile-only{display:none}.site-header{height:100px;position:relative;z-index:20}.header-inner{max-width:1440px;width:calc(100% - 112px);margin:auto;display:flex;align-items:center;height:100%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;color:var(--wine)}.brand-heart{display:grid;place-items:center;width:33px;height:40px;transform:rotate(-12deg)}.brand>span:last-child{font-family:var(--serif);font-size:16px;letter-spacing:2px}.brand small{display:block;font-family:DM Sans,sans-serif;font-size:6px;letter-spacing:2.4px;margin-top:7px;font-weight:400;color:#9b777d}.main-nav{display:flex;align-items:center;gap:36px;margin:auto}.main-nav>a{font-size:11px;letter-spacing:.5px;min-height:44px;display:flex;align-items:center;gap:7px;transition:color .2s}.main-nav>a:hover{color:var(--wine)}.main-nav>a:last-child{color:var(--wine)}.music-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:10px;letter-spacing:.3px;border:1px solid #ddccca;border-radius:25px;padding:0 13px;color:#856a70}.music-button:hover{background:#f4e8e6}.music-bars{display:flex;align-items:center;gap:2px;height:13px;margin-left:5px}.music-bars>i{width:1px;background:#956d76;height:6px}.music-bars>i:nth-child(2){height:11px}.music-bars>i:nth-child(3){height:8px}.playing .music-bars>i{animation:soundbar .9s ease-in-out infinite alternate}.playing .music-bars>i:nth-child(2){animation-delay:.25s}.playing .music-bars>i:nth-child(3){animation-delay:.5s}@keyframes soundbar{to{height:3px}}.menu-button{display:none}.music-unavailable{position:absolute;right:50px;top:83px;padding:10px;background:var(--paper);font-size:10px;box-shadow:0 3px 13px #52303912;border:1px solid var(--line);z-index:21}.hero{display:grid;grid-template-columns:1fr 1.05fr;min-height:640px;align-items:center;gap:25px;padding-top:13px;padding-bottom:9px}.hero-copy{padding:35px 0 28px 12px;position:relative;z-index:2}.recipient-label{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.7px;color:#9c727a}.small-line{display:inline-block;height:1px;width:25px;background:#b68a91}.hero-salutation{font-family:var(--serif);font-size:17px;color:#916f75;margin-top:38px;letter-spacing:3px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(42px,4.2vw,64px);line-height:1.6;letter-spacing:1px;color:var(--wine);margin-top:15px;white-space:nowrap}.you-word{position:relative;display:inline-block}.you-word>svg{position:absolute;bottom:6px;left:-5%;width:110%;color:#ad6a76}.hero-description{font-size:11px;line-height:2.3;letter-spacing:1.1px;color:#927b7d;margin-top:24px}.hero-action-row{display:flex;align-items:center;gap:25px;margin-top:29px}.hero-button{min-height:52px;padding-inline:23px;gap:12px;font-size:11px}.hero-button>svg:last-child{margin-left:9px}.hero-handwritten{font-size:19px;color:#a77e84;transform:rotate(-6deg);white-space:nowrap;position:relative;top:5px}.hero-footnote{font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:7px;color:#ae9295;margin-top:27px}.tiny-heart{display:flex;align-items:center;color:#bc959c}.hero-art{height:592px;position:relative;isolation:isolate}.art-halo{position:absolute;width:110%;height:100%;left:-5%;top:0;background:radial-gradient(ellipse at 51% 50%,#e9d2cb60,#f4e8df38 46%,#fbf7f200 71%);z-index:-2}.art-oval{position:absolute;top:31px;right:19px;bottom:32px;left:19px;border:1px solid #d7b7b932;border-radius:49% 51% 46% 54%/48% 47% 53% 52%;transform:rotate(13deg);z-index:-1}.art-top-caption{position:absolute;top:22px;left:39%;font-size:7px;letter-spacing:1.9px;color:#ab888b;transform:rotate(5deg);white-space:nowrap}.bouquet{position:absolute;width:91%;height:87%;object-fit:contain;left:5%;top:0;transform:rotate(-7deg);filter:drop-shadow(7px 10px 6px #7153420d);z-index:1}.envelope-scene{position:absolute;width:79%;height:253px;left:10%;top:287px;transform:rotate(-9deg);filter:drop-shadow(2px 17px 19px #715c4527);perspective:1000px}.envelope-back{position:absolute;top:0;right:0;bottom:0;left:0;background:#e6c8bb;border-radius:3px;box-shadow:inset 0 0 0 1px #b68d7433}.letter-peek{position:absolute;background:#fffcf7;left:6%;top:-68px;width:88%;height:245px;transform:rotate(5deg);box-shadow:0 -1px 6px #724e4410;padding:28px 29px;transition:transform .6s,top .6s}.peek-handwriting{font-family:var(--latin),var(--serif);font-style:italic;font-size:25px;color:#956b72;display:block;letter-spacing:.5px}.peek-line{display:block;height:1px;background:#b7999233;margin-top:16px;width:82%}.peek-line.short{width:66%;margin-top:12px}.letter-peek>svg{position:absolute;right:24px;top:25px;color:#b68a90;transform:rotate(13deg)}.envelope-face{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;overflow:hidden;border-radius:3px}.envelope-fold{position:absolute;top:0;right:0;bottom:0;left:0}.envelope-fold.left{background:linear-gradient(112deg,#f7e3d6,#edd4c4);clip-path:polygon(0 0,58% 55%,0 100%);filter:drop-shadow(1px 0 1px #b59580)}.envelope-fold.right{background:linear-gradient(250deg,#f7e4d6,#e8caba);clip-path:polygon(100% 0,42% 55%,100% 100%)}.envelope-fold.bottom{background:linear-gradient(175deg,#f4decd 10%,#f5e4d5 75%);clip-path:polygon(0 100%,0 98%,49% 43%,51% 43%,100% 98%,100% 100%);box-shadow:inset 0 -1px #b6927722}.envelope-flap{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(170deg,#f4dfcd,#ebcdbb 61%);clip-path:polygon(0 0,100% 0,54% 56%,51% 58%,48% 57%);z-index:3;transform-origin:top;filter:drop-shadow(0 2px 1px #a57f7122);transition:transform .55s ease}.wax-seal{position:absolute;left:calc(50% - 32px);top:103px;z-index:4;width:67px;height:67px;background:radial-gradient(circle at 30% 20%,#ad6070,#944554 42%,#7e3243 90%);border-radius:45% 51% 45% 49%/49% 44% 52% 45%;transform:rotate(6deg);box-shadow:2px 4px 4px #68454140,inset 1px 2px 3px #d8939380,inset -2px -2px 3px #56233477;display:grid;place-items:center;transition:transform .25s,box-shadow .25s,opacity .4s}.wax-seal>span{width:51px;height:51px;border:1px solid #6126375c;border-radius:50%;box-shadow:inset 1px 1px 3px #6d2b3d66,1px 1px 2px #d4878555;display:grid;place-items:center;color:#ce8e92}.wax-seal>span>svg{filter:drop-shadow(1px 1px 0 #642737)}.wax-seal:hover{transform:rotate(-2deg) scale(1.06);box-shadow:3px 6px 7px #68454140,inset 1px 2px 3px #d8939380}.envelope-recipient{position:absolute;bottom:28px;left:25px;z-index:4;font-family:var(--serif);font-size:15px;color:#9d7c74;letter-spacing:1px}.envelope-small{position:absolute;bottom:18px;right:20px;z-index:4;font-size:5px;letter-spacing:1.2px;color:#b28f84}.seal-hint{position:absolute;right:0;bottom:27px;display:flex;align-items:flex-end;gap:3px;transform:rotate(-5deg);z-index:5;pointer-events:none;color:#a58385}.seal-hint>svg{width:61px;height:49px}.seal-hint>span{font-family:var(--serif);font-size:10px;letter-spacing:1px;padding-bottom:6px}.art-bottom-caption{position:absolute;bottom:0;left:11%;font-size:6px;letter-spacing:1.8px;color:#b49696;display:flex;gap:9px;align-items:center}.art-bottom-caption>span{font-size:12px}.art-sparkle{position:absolute;right:5px;top:174px;color:#bb9898;transform:rotate(8deg)}.petal{position:absolute;width:21px;height:30px;border-radius:80% 15% 75% 10%;background:linear-gradient(30deg,#e5b6b985,#fae1d8);box-shadow:1px 3px 5px #a2776c13}.petal-one{left:1%;top:170px;transform:rotate(-18deg)}.petal-two{right:6%;top:75px;transform:rotate(46deg) scale(.65)}.petal-three{left:3%;bottom:65px;transform:rotate(45deg) scale(.7)}.is-opening .letter-peek{top:-117px;transform:rotate(2deg)}.is-opening .envelope-flap{transform:rotateX(150deg);z-index:0}.is-opening .wax-seal{opacity:0;pointer-events:none}.hero-baseline{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:23px 12px 25px;border-bottom:1px solid var(--line);font-size:8px;letter-spacing:1px;color:#a58b8c}.hero-baseline>a{display:flex;align-items:center;gap:13px;font-size:8px;color:#896a71;min-height:30px}.baseline-number{font-family:var(--latin);font-size:13px;letter-spacing:2px}.little-things{padding-top:81px;padding-bottom:0}.section-heading{text-align:center}.section-heading h2{font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:1px;line-height:1.5;color:var(--wine);margin-top:17px}.section-heading>p{font-size:10px;color:#9e8886;letter-spacing:1px;margin-top:14px}.wish-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:39px}.wish-card{padding:29px 28px 23px;border:1px solid #e8dcd5;border-radius:3px;text-align:left;background:#fffdf82b;transition:background .25s,border-color .25s,box-shadow .25s;position:relative;min-height:244px;align-self:start}.wish-card:nth-child(2){background:#f3e7e254}.wish-card:nth-child(3){background:#eeeee530}.wish-card:hover,.wish-card.expanded{border-color:#caa7ab;box-shadow:0 9px 26px #70444508;background:#f6e9e25e}.wish-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.wish-top>span{font-family:var(--latin);font-size:15px;color:#b49392;font-style:italic}.wish-top>svg{color:#af7e83}.wish-card:nth-child(2) .wish-top>svg{color:#bf9295}.wish-card:nth-child(3) .wish-top>svg{color:#8e9879}.wish-card h3{font-family:var(--serif);font-size:18px;font-weight:400;color:#81555d;letter-spacing:.5px}.wish-card>p{font-size:10px;line-height:2.1;margin-top:14px;color:#a08988;letter-spacing:.3px}.wish-bottom{display:flex;justify-content:space-between;align-items:center;font-size:6px;letter-spacing:1.25px;color:#aa8c8c;margin-top:26px}.wish-detail{display:block;font-family:var(--serif);font-size:11px;line-height:1.9;border-top:1px solid #e6d1cd;padding-top:15px;margin-top:17px;color:#865461;animation:softReveal .3s ease}.little-divider{display:flex;gap:16px;align-items:center;justify-content:center;color:#bc999d;margin:58px auto}.little-divider>span{display:block;width:71px;height:1px;background:var(--line)}.letter-section{position:relative;padding:20px 24px 76px;overflow:hidden;outline:none!important;isolation:isolate}.letter-section .section-heading{position:relative;z-index:2}.letter-flower-side{position:absolute;left:-105px;top:205px;width:440px;opacity:.13;transform:rotate(24deg);z-index:-1;pointer-events:none}.letter-paper{max-width:680px;margin:40px auto 0;padding:32px 51px 30px;background:#fffcf6;box-shadow:0 10px 50px #6e503c09,0 1px 2px #6e503c09;border:1px solid #eddfd4;position:relative;isolation:isolate}.letter-paper:before{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border:1px solid #efdfd333;z-index:-1;pointer-events:none}.letter-paper-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.letter-paper-top>.handwritten{font-size:27px;color:#b48c8b;transform:rotate(-4deg)}.postage-stamp{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;width:54px;height:67px;border:1px dashed #c09c99;outline:3px solid #f1e4da;outline-offset:-5px;color:#ad8687;background:#f8eee3}.postage-stamp>span{font-size:5px;letter-spacing:1px}.letter-greeting{font-family:var(--serif);font-size:19px;letter-spacing:2px;color:#895563;line-height:1.6}.letter-preview>p:last-child{font-family:var(--serif);font-size:12px;line-height:2.3;color:#a08781;margin-top:18px}.letter-body{animation:softReveal .6s ease}.letter-body>p{font-family:var(--serif);font-size:13px;line-height:2.4;color:#927a72;letter-spacing:.4px;margin-top:22px}.letter-body>p strong{font-weight:500;color:var(--wine)}.letter-signature{display:flex;flex-direction:column;align-items:flex-end;margin-top:34px;color:#947570;gap:9px}.letter-signature>span:first-child{font-family:var(--serif);font-size:11px;letter-spacing:1px}.letter-signature>p{font-family:var(--serif);font-size:16px;letter-spacing:1px;color:#855662}.letter-signature>.handwritten{font-size:17px;color:#b39391;margin-top:2px}.letter-end{display:flex;justify-content:center;margin-top:35px;color:#b28c8e}.letter-fold-button{font-size:9px;color:#9d7f7d;display:flex;gap:8px;align-items:center;margin:15px auto 0;padding:12px;min-height:44px}.letter-fold-button:hover{color:var(--wine)}.letter-closed{display:flex;flex-direction:column;align-items:center;position:relative}.preview-lines{width:100%;display:flex;gap:16px;flex-direction:column;opacity:.35;margin:16px 0 23px;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}.preview-lines>i{height:1px;background:#cbb7a9;width:100%}.preview-lines>i:nth-child(2){width:90%}.preview-lines>i:nth-child(3){width:75%}.letter-closed>.button{min-height:46px;font-size:10px;padding-inline:25px;background:#fffbf5}.letter-closed-note{font-size:8px;letter-spacing:1px;color:#b49893;margin-top:17px;margin-bottom:8px}.paper-corner{position:absolute;bottom:0;right:0;width:27px;height:27px;background:linear-gradient(135deg,#fffcf6,#eadbcb 49%,#fbf7f2 50%);box-shadow:-2px -2px 3px #9f7d6008}.letter-marginal{display:block;text-align:center;font-size:17px;color:#bba09a;margin-top:28px;transform:rotate(-3deg)}@keyframes softReveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.quote-section{text-align:center;border-top:1px solid var(--line);padding:51px 0 68px}.quote-flower{width:64px;height:64px;color:#b59894;transform:rotate(-10deg)}.quote-section>p{font-family:var(--serif);font-weight:400;font-size:27px;line-height:1.9;letter-spacing:2px;color:#876b6d;margin-top:7px}.quote-section>p>span{color:var(--wine);position:relative}.quote-section>p>span:after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:3px;border-bottom:1px solid #b58d92;border-radius:50%}.quote-section>.eyebrow{margin-top:22px;font-size:7px;letter-spacing:2.2px;color:#b19795}.answer-section{position:relative;overflow:hidden;background:#f3e7e1;border-block:1px solid #ecddd6;isolation:isolate}.answer-inner{padding:48px 0 52px;display:flex;flex-direction:column;align-items:center;text-align:center}.answer-heart{margin-bottom:16px;color:#a4707e;transform:rotate(-12deg)}.answer-inner>.eyebrow{font-size:7px;letter-spacing:2px;color:#af8b8d}.answer-inner h2{font-family:var(--serif);font-size:30px;letter-spacing:1px;font-weight:400;color:var(--wine);margin:17px 0}.answer-inner>p{font-size:11px;line-height:2.2;color:#a38284;letter-spacing:.5px}.answer-buttons{display:flex;align-items:center;gap:18px;margin-top:27px}.answer-buttons>.primary-button{font-size:11px;min-height:49px;gap:11px;padding-inline:19px}.answer-buttons>.primary-button>svg:last-child{margin-left:10px}.answer-later{font-size:11px;color:#9c7b80;border-bottom:1px solid #ceb4b3;border-radius:0;padding:0 4px;min-height:44px;margin-left:9px;gap:20px}.answer-later:hover{color:var(--wine)}.answer-later>span{font-size:20px;line-height:15px}.answer-afterword{font-size:8px;color:#b29593;letter-spacing:.7px;margin-top:22px;line-height:1.8}.answer-flower{position:absolute;width:210px;height:210px;color:#cda7a64a;z-index:-1}.answer-flower.left{left:6%;top:20%;transform:rotate(10deg)}.answer-flower.right{right:4%;bottom:-36px;transform:rotate(-19deg)}.site-footer{display:flex;align-items:center;justify-content:space-between;padding:30px 0;gap:20px}.footer-brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:11px;color:#8c6870;white-space:nowrap}.site-footer>p{font-size:8px;letter-spacing:.5px;color:#af9594;display:flex;gap:10px}.site-footer>.handwritten{font-size:18px;color:#a17e82;transform:rotate(-5deg);white-space:nowrap}.dialog{width:min(540px,calc(100vw - 30px));max-height:90dvh;background:var(--paper);border:1px solid #d4b8b5;border-radius:5px;padding:0;color:var(--ink);box-shadow:0 20px 100px #442b3833;overscroll-behavior:contain}.dialog::backdrop{background:#3a202b66;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.close-button{position:absolute;right:13px;top:13px;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;z-index:5}.close-button:hover{background:#f0e1dc}.reply-content{padding:38px}.dialog-heart{width:51px;height:51px;background:#f1e2dc;display:grid;place-items:center;border-radius:50%;color:var(--wine);margin-bottom:20px}.reply-content>.eyebrow{font-size:7px}.reply-content>h2{font-family:var(--serif);font-size:28px;font-weight:400;color:var(--wine);margin-top:12px}.reply-content>p{font-size:11px;line-height:1.9;color:#a08483;margin-top:12px}.reply-content form{margin-top:25px}.reply-content label{font-size:10px;color:#977780;display:block;margin-bottom:10px}.reply-content textarea{width:100%;border:1px solid #dfcac3;background:#fffcf7;border-radius:3px;padding:13px;font-family:var(--serif);font-size:13px;line-height:2;color:#7a525d;resize:vertical;max-height:320px;min-height:130px}.reply-content textarea::placeholder{color:#b4a0a0}.reply-actions{display:flex;gap:12px;margin-top:20px}.reply-actions>.button{font-size:10px;gap:9px;min-height:46px;padding:0 19px}.local-note{font-size:9px;color:#a38b88;line-height:1.9;margin-top:15px}.reply-status{font-size:10px;color:var(--wine);line-height:1.9;min-height:20px;margin-top:10px}@media(min-width:1500px){.hero{min-height:700px;gap:40px}.hero h1{font-size:66px}.hero-art{height:646px}.envelope-scene{height:270px;top:309px}.envelope-recipient{bottom:35px}.wax-seal{top:112px}.hero-description{font-size:12px}.hero-salutation{font-size:18px}.hero-copy{padding-left:18px}.hero-action-row{margin-top:36px}}@media(max-width:1150px){.page-width{width:calc(100% - 96px)}.header-inner{width:calc(100% - 80px)}.main-nav{gap:25px}.hero{min-height:590px;gap:15px}.hero-copy{padding-left:0}.hero-art{height:554px}.hero h1{font-size:clamp(38px,4.1vw,49px);letter-spacing:0}.hero-salutation{margin-top:32px;font-size:15px}.hero-description{font-size:10px;margin-top:19px}.hero-action-row{gap:18px}.hero-button{font-size:10px;padding-inline:18px;gap:9px}.hero-handwritten{font-size:17px}.bouquet{width:102%;left:-1%;height:84%}.envelope-scene{width:83%;left:8%;top:276px;height:224px}.wax-seal{top:91px;width:62px;height:62px;left:calc(50% - 30px)}.wax-seal>span{width:47px;height:47px}.letter-peek{top:-63px;padding:25px}.peek-handwriting{font-size:21px}.envelope-recipient{font-size:13px;bottom:29px;left:23px}.envelope-small{font-size:4px;right:15px}.art-top-caption{left:29%;font-size:6px;letter-spacing:1.5px;top:22px}.seal-hint{bottom:18px;right:-11px}.seal-hint>span{font-size:8px}.art-bottom-caption{font-size:5px;left:8%}.art-sparkle{right:-4px;width:28px;height:28px}.wish-grid{gap:18px}.wish-card{padding:25px 23px 22px}.wish-card h3{font-size:16px}.wish-card>p{font-size:9px}.wish-bottom{font-size:5px;letter-spacing:1px}.answer-flower.left{left:0}.answer-flower.right{right:-3%}}@media(max-width:900px){.page-width{width:calc(100% - 64px)}.header-inner{width:calc(100% - 56px)}.site-header{height:86px}.brand>span:last-child{font-size:13px;letter-spacing:1px}.brand small{font-size:5px;letter-spacing:1.6px}.brand{gap:6px}.brand-heart{width:28px}.brand-heart>svg{width:23px}.main-nav{gap:21px}.main-nav>a{font-size:9px}.music-button{font-size:9px;gap:6px;padding-inline:10px}.music-bars{display:none}.hero{gap:10px;min-height:530px}.hero-art{height:502px}.hero h1{font-size:clamp(34px,4.3vw,43px);letter-spacing:-.5px}.hero-salutation{font-size:13px;letter-spacing:2px;margin-top:25px}.recipient-label{font-size:6px;letter-spacing:1.4px}.small-line{width:19px}.hero-description{font-size:9px;line-height:2.2;letter-spacing:.5px}.hero-action-row{gap:12px;margin-top:26px}.hero-button{padding-inline:14px;gap:8px;min-height:47px;font-size:9px}.hero-button>svg{width:15px;height:15px}.hero-button>svg:last-child{margin-left:4px}.hero-handwritten{font-size:14px}.hero-footnote{font-size:7px;letter-spacing:.5px;margin-top:22px}.envelope-scene{height:190px;top:270px;width:87%;left:7%}.wax-seal{top:77px;width:55px;height:55px;left:calc(50% - 27px)}.wax-seal>span{width:41px;height:41px}.wax-seal>span>svg{width:23px;height:23px}.envelope-recipient{font-size:11px;bottom:21px;left:18px}.envelope-small{font-size:3px;letter-spacing:1px;right:13px}.letter-peek{top:-57px;padding:21px}.peek-handwriting{font-size:18px}.letter-peek>svg{height:14px;width:14px}.peek-line{margin-top:12px}.peek-line.short{margin-top:10px}.bouquet{height:88%;top:2%;width:115%;left:-6%}.art-oval{top:25px;right:0;bottom:25px;left:0}.art-top-caption{left:14%;top:30px;font-size:5px}.seal-hint{bottom:3px;right:-4px}.seal-hint>svg{height:38px;width:48px}.seal-hint>span{font-size:7px;letter-spacing:.5px}.art-bottom-caption{bottom:-20px;left:14%;font-size:5px;letter-spacing:1px}.art-sparkle{top:140px;width:25px;height:25px;right:0}.hero-baseline{margin-top:28px;padding:19px 0;font-size:7px;letter-spacing:.5px}.hero-baseline>a{font-size:7px;gap:9px}.baseline-number{font-size:12px}.little-things{padding-top:65px}.section-heading h2{font-size:25px}.eyebrow{font-size:7px;letter-spacing:1.7px}.section-heading>p{font-size:9px}.wish-grid{gap:14px;margin-top:31px}.wish-card{padding:21px 18px;min-height:227px}.wish-top{margin-bottom:21px}.wish-top>svg{width:29px;height:29px}.wish-card h3{font-size:15px}.wish-card>p{font-size:8px;line-height:2.2}.wish-bottom{font-size:4px;letter-spacing:.8px;margin-top:23px}.wish-detail{font-size:10px}.little-divider{margin-block:46px}.letter-paper{max-width:620px;padding:31px 40px}.letter-flower-side{width:310px;left:-120px}.letter-section{padding-bottom:62px}.quote-section{padding-top:39px;padding-bottom:53px}.quote-section>p{font-size:24px}.answer-inner h2{font-size:28px}.answer-flower{width:155px;height:155px}.answer-flower.left{left:-36px}.answer-flower.right{right:-42px}.site-footer>p{font-size:7px;letter-spacing:0;gap:7px}.site-footer>.handwritten{font-size:16px}.footer-brand{font-size:10px}}@media(max-width:640px){html{scroll-padding-top:24px}.page-width{width:calc(100% - 40px)}.header-inner{width:calc(100% - 36px)}.site-header{height:77px}.brand>span:last-child{font-size:12px;letter-spacing:1px}.brand small{font-size:4px;letter-spacing:1.6px;margin-top:6px}.brand-heart{width:26px}.brand-heart>svg{width:23px;height:23px}.main-nav{display:none}.main-nav.open{display:flex;position:absolute;top:76px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;margin:0;background:var(--paper);padding:14px 25px;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #843c4a0a}.main-nav>a{font-size:12px;min-height:45px}.music-button{margin-left:auto;font-size:8px;min-height:44px;padding:0 10px;gap:5px;border-color:transparent}.music-button>svg{width:14px;height:14px}.menu-button{display:grid;place-items:center;width:44px;height:44px;margin-left:4px;margin-right:-6px}.hero{display:flex;flex-direction:column;min-height:0;gap:0;padding-top:0;padding-bottom:0}.hero-copy{width:100%;padding:33px 7px 4px;text-align:left}.recipient-label{font-size:6px;letter-spacing:1.5px}.hero-salutation{font-size:14px;letter-spacing:2px;margin-top:24px}.hero h1{font-size:clamp(35px,8.5vw,48px);line-height:1.65;letter-spacing:1px;margin-top:11px}.you-word>svg{bottom:4px}.hero-description{font-size:10px;letter-spacing:.8px;margin-top:16px;line-height:2.2}.hero-action-row{margin-top:24px;gap:20px}.hero-button{font-size:10px;min-height:49px;padding-inline:18px;gap:9px}.hero-button>svg:first-child{width:17px;height:17px}.hero-handwritten{font-size:17px;top:4px}.hero-footnote{font-size:7px;margin-top:19px;letter-spacing:.5px}.hero-art{height:462px;width:min(100%,410px);margin-top:14px}.art-top-caption{top:13px;left:27%;font-size:5px}.art-oval{top:22px;right:6px;bottom:27px;left:6px}.bouquet{width:103%;left:0;height:89%;top:-4px}.envelope-scene{width:83%;height:193px;top:231px;left:9%}.wax-seal{top:78px;width:57px;height:57px;left:calc(50% - 28px)}.wax-seal>span{width:44px;height:44px}.letter-peek{top:-56px;padding:20px 22px}.peek-handwriting{font-size:20px}.peek-line{margin-top:12px}.envelope-recipient{font-size:12px;left:21px;bottom:24px}.envelope-small{font-size:3px;bottom:14px;right:16px}.seal-hint{right:-3px;bottom:2px}.seal-hint>svg{height:38px;width:54px}.seal-hint>span{font-size:8px;letter-spacing:.3px}.art-bottom-caption{bottom:-14px;left:11%;font-size:5px}.art-sparkle{right:8px;top:121px}.petal-one{top:113px;left:2%;transform:scale(.75) rotate(-18deg)}.petal-two{top:59px;right:4%}.petal-three{bottom:61px;left:0}.hero-baseline{margin-top:30px;padding-top:17px;padding-bottom:19px;font-size:6px;letter-spacing:.3px}.hero-baseline>a{font-size:6px;gap:7px}.hero-baseline>a>svg{width:12px;height:12px}.baseline-number{display:none}.little-things{padding-top:47px}.eyebrow{font-size:6px;letter-spacing:1.6px}.section-heading h2{font-size:21px;letter-spacing:.3px;line-height:1.6;margin-top:14px}.section-heading>p{font-size:8px;letter-spacing:.5px;margin-top:10px}.wish-grid{grid-template-columns:1fr;gap:13px;margin-top:28px}.wish-card{padding:23px 24px 20px;min-height:196px}.wish-top{margin-bottom:13px}.wish-top>span{font-size:14px}.wish-top>svg{position:absolute;right:27px;top:26px;width:39px;height:39px}.wish-card h3{font-size:18px;letter-spacing:1px}.wish-card>p{font-size:10px;line-height:2.2;margin-top:12px}.wish-bottom{font-size:6px;letter-spacing:1.4px;margin-top:20px}.wish-detail{font-size:11px;margin-top:16px}.little-divider{margin:36px auto 30px;gap:14px}.little-divider>span{width:49px}.letter-section{padding:12px 20px 46px}.letter-section .section-heading h2{font-size:20px}.letter-paper{margin-top:30px;padding:25px 25px 22px}.letter-paper-top{margin-bottom:26px}.letter-paper-top>.handwritten{font-size:22px}.postage-stamp{width:43px;height:56px;gap:5px}.postage-stamp>svg{width:22px;height:22px}.postage-stamp>span{font-size:4px}.letter-greeting{font-size:17px;letter-spacing:1px}.letter-preview>p:last-child{font-size:11px;line-height:2.2;letter-spacing:.3px}.mobile-only{display:block}.letter-body>p{font-size:12px;line-height:2.3;letter-spacing:.2px;margin-top:21px}.letter-signature{margin-top:28px;gap:8px}.letter-signature>span:first-child{font-size:10px}.letter-signature>p{font-size:14px}.letter-signature>.handwritten{font-size:14px}.letter-marginal{font-size:14px;margin-top:23px}.letter-flower-side{left:-141px;top:221px;width:260px}.letter-closed>.button{font-size:9px;gap:15px;min-height:45px}.letter-closed-note{font-size:7px}.quote-section{padding-top:31px;padding-bottom:42px}.quote-flower{width:51px;height:51px}.quote-section>p{font-size:19px;line-height:2;letter-spacing:1px;margin-top:5px}.quote-section>.eyebrow{font-size:5px;letter-spacing:1.5px;margin-top:19px}.answer-inner{padding:37px 0 39px}.answer-heart{margin-bottom:15px}.answer-inner>.eyebrow{font-size:6px;letter-spacing:1.5px}.answer-inner h2{font-size:22px;margin-top:16px;margin-bottom:16px;letter-spacing:.5px}.answer-inner>p{font-size:9px;letter-spacing:.4px;line-height:2.3}.answer-buttons{gap:14px;margin-top:24px}.answer-buttons>.primary-button{font-size:9px;gap:6px;padding:0 14px;min-height:47px}.answer-buttons>.primary-button>svg{width:14px;height:14px}.answer-buttons>.primary-button>svg:last-child{margin-left:3px;width:13px;height:13px}.answer-later{font-size:9px;gap:12px;min-height:44px;margin-left:0}.answer-afterword{font-size:7px;letter-spacing:.3px;margin-top:19px}.answer-flower{width:115px;height:115px}.answer-flower.left{left:-56px;top:13%}.answer-flower.right{right:-40px;bottom:-35px}.site-footer{padding:23px 0;flex-wrap:wrap;gap:16px}.footer-brand{font-size:10px;gap:7px}.site-footer>.handwritten{font-size:16px;margin-left:auto}.site-footer>p{order:3;width:100%;font-size:7px;letter-spacing:.3px;line-height:1.9;justify-content:center;gap:7px;margin-top:2px}.dialog{max-height:91dvh}.reply-content{padding:30px 23px 22px}.reply-content h2{font-size:26px}.reply-content>p{font-size:10px}.reply-content textarea{font-size:12px}.reply-actions{gap:10px}.reply-actions>.button{font-size:9px;padding-inline:16px;min-height:46px}.local-note{font-size:8px}.reply-status{font-size:9px}.music-unavailable{left:20px;right:20px;top:65px;font-size:9px}.is-opening .letter-peek{top:-89px}}@media(max-width:370px){.page-width{width:calc(100% - 32px)}.hero-copy{padding-inline:2px}.hero h1{font-size:33px;letter-spacing:.3px}.hero-handwritten{font-size:14px}.hero-action-row{gap:13px}.hero-art{height:427px}.envelope-scene{top:221px;height:177px}.wax-seal{top:68px}.seal-hint{bottom:-7px}.art-bottom-caption{bottom:-25px}.hero-baseline{margin-top:43px}.answer-buttons{gap:10px}.answer-buttons>.primary-button{padding-inline:10px}.answer-later{gap:8px}.section-heading h2{font-size:19px}.letter-section .section-heading h2{font-size:18px}.answer-inner h2{font-size:20px}.brand>span:last-child{font-size:11px}.music-button>span:not(.music-bars){display:none}.music-button{width:44px;padding:0}.hero-baseline>a{font-size:5px}}main{overflow-x:clip}.envelope-scene{z-index:2}.bouquet{transform:translateY(-25px) rotate(-7deg)}.hero-description,.wish-card>p,.section-heading>p{color:#806b6d}.letter-body>p,.letter-preview>p:last-child{color:#806a63}.answer-inner>p,.answer-later{color:#85666b}.local-note{color:#87716d}.hero-description{font-size:12px}.wish-card>p{font-size:11px}.letter-body>p{font-size:14px}.section-heading>p{font-size:11px}.answer-inner>p{font-size:12px}.reply-content>p{color:#82696a}.wish-detail{color:#754352}.skip-link:not(:focus){visibility:hidden}@media(max-width:900px)and (min-width:641px){.hero-description,.wish-card>p{font-size:10px}.section-heading>p{font-size:10px}.answer-inner>p{font-size:11px}}@media(max-width:640px){.hero-description{font-size:11px}.wish-card>p{font-size:11px}.section-heading>p{font-size:10px}.letter-body>p{font-size:13px}.letter-preview>p:last-child{font-size:12px}.answer-inner>p{font-size:11px}.reply-content>p{font-size:11px}.answer-afterword{color:#927676;font-size:8px}.hero-footnote{color:#95767c;font-size:8px}.hero-button{font-size:11px}.answer-buttons>.primary-button,.answer-later{font-size:10px}}.letter-paper.open .letter-preview>p:last-child{display:none}.envelope-hitbox{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;background:transparent;border-radius:4px}.envelope-scene:has(.envelope-hitbox:hover) .wax-seal{transform:rotate(-2deg) scale(1.06)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}:root{--paper: #faf6ef;--wine: #773749;--ink: #654951;--line: #dfd0c5;background:var(--paper);color:var(--ink)}body{background:radial-gradient(ellipse at 86% 12%,#eee4d826,transparent 45%),var(--paper)}.page-width{width:calc(100% - 112px);max-width:1240px}.paper-grain{opacity:.065}.site-header{height:106px}.header-inner{width:calc(100% - 112px);max-width:1240px;border-color:#d9c7bd99}.brand{gap:13px}.brand-heart{width:41px;height:48px;border:1px solid #a7747b77;border-radius:48% 48% 45% 45%;transform:rotate(-7deg);position:relative}.brand-heart:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid #a7747b33;border-radius:inherit}.brand-heart svg{height:24px}.brand>span:last-child{font-size:17px;letter-spacing:1.5px}.brand small{font-size:7px;letter-spacing:2px;margin-top:9px}.main-nav{gap:35px}.main-nav>a{font-size:12px;letter-spacing:1px;color:#785e65;position:relative}.main-nav>a:after{content:"";position:absolute;height:1px;bottom:7px;left:0;width:100%;background:var(--wine);transform:scaleX(0);transform-origin:left;transition:transform .25s}.main-nav>a:hover:after{transform:scaleX(1)}.music-button{font-size:11px;min-height:43px;padding:0 17px;border-color:#d4bfbb;background:#fffaf33d}.hero{grid-template-columns:1fr 1.05fr;gap:34px;min-height:698px;padding-block:33px 24px}.hero-copy{padding:10px 0 30px 8px}.recipient-label{font-size:9px;letter-spacing:2px;color:#946776}.small-line{width:29px}.hero-salutation{font-size:16px;letter-spacing:2px;margin-top:39px;color:#946c75}.hero h1{font-size:clamp(40px,4.05vw,58px);line-height:1.55;letter-spacing:-1.5px;margin-top:15px;white-space:nowrap}.you-word{color:#a6636d}.you-word>svg{bottom:0}.hero-description{font-size:13px;line-height:2.2;color:#806d6d;letter-spacing:.4px;margin-top:27px}.hero-action-row{gap:26px;margin-top:33px}.hero-button{white-space:nowrap;flex-shrink:0;min-height:55px;font-size:12px;padding-inline:24px;gap:15px;box-shadow:0 7px 20px #7c354b15;border-radius:2px}.hero-handwritten{font-size:23px;color:#a1757e}.hero-footnote{font-size:10px;color:#9b7d7d;margin-top:24px;letter-spacing:.5px}.hero-art{height:596px}.botanical-arch{position:absolute;top:4px;right:19px;bottom:42px;left:26px;border:1px solid #c3b8a866;border-radius:49% 49% 3px 3px;background:radial-gradient(ellipse at 41% 28%,#f5f0df 0,#e8e9db 38%,#d5dac95e 70%,#ece7dd);overflow:hidden;z-index:-1;box-shadow:inset 0 0 75px #aab29910,0 18px 45px #7d5f3e08}.botanical-arch:before{content:"";position:absolute;top:11px;right:11px;bottom:11px;left:11px;border:1px solid #faf7e6a1;border-radius:inherit}.botanical-arch:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(118deg,transparent 32%,#fffaf066 33%,#fffaf030 39%,transparent 40%,transparent 52%,#faf4e633 53%,transparent 60%);opacity:.9}.arch-letter{position:absolute;left:19px;top:40px;font-family:var(--latin);font-size:290px;font-style:italic;color:#8085680d;line-height:1;transform:rotate(-15deg)}.arch-caption{position:absolute;right:22px;bottom:18px;font-size:6px;line-height:1.8;letter-spacing:1.8px;color:#81866b}.art-halo{display:none}.art-oval{top:17px;right:0;bottom:26px;left:13px;transform:rotate(-7deg);border-color:#b79c722f;border-radius:49% 49% 3px 3px;z-index:-2}.art-top-caption{top:22px;left:calc(50% - 122px);font-size:6px;letter-spacing:1.7px;transform:none;color:#7c846d;z-index:3}.bouquet{top:-6px;left:1%;height:87%;width:98%;transform:rotate(-9deg);filter:drop-shadow(8px 12px 9px #78684c1c);z-index:1}.envelope-scene{left:3%;width:90%;top:306px;height:248px;transform:rotate(-8deg);filter:drop-shadow(8px 17px 15px #6d51382b)}.envelope-back{background:#d8b9a0}.letter-peek{top:-65px;width:86%;left:7%;transform:rotate(4deg);background:linear-gradient(135deg,#fffdf7,#f8f0e4);border:1px solid #e5d7c777}.letter-peek:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #b28e6830;pointer-events:none}.peek-handwriting{font-size:25px}.envelope-fold.left{background:linear-gradient(108deg,#a7835520,#d9bea01f),url(../images/ceremony-paper.webp) center / 100% 100%}.envelope-fold.right{background:linear-gradient(257deg,#a783553b,#e0c4a715),url(../images/ceremony-paper.webp) center / 100% 100%}.envelope-fold.bottom{background:linear-gradient(175deg,#ae84552f,#f6e7d000 88%),url(../images/ceremony-paper.webp) center / 100% 100%}.envelope-flap{background:linear-gradient(169deg,#fff9ed30,#cbaa7829 64%),url(../images/ceremony-paper.webp) center / 100% 100%}.envelope-recipient{font-size:14px;color:#8c6b60;left:26px;bottom:28px}.envelope-small{font-size:5px;color:#987a63;bottom:23px;right:24px}.wax-seal{top:100px;background:radial-gradient(circle at 28% 23%,#b67480,#8d4054 48%,#6e2b43 94%)}.seal-hint{right:-2px;bottom:12px;color:#986d79}.seal-hint>span{font-size:10px}.art-bottom-caption{bottom:-15px;left:10%;font-size:6px;letter-spacing:1.9px;color:#9b7a7c}.art-sparkle{right:0;top:188px;color:#af8c6d;width:26px;height:26px}.petal-one{left:2%;top:142px}.petal-two{right:-3%;top:68px}.silk-ribbon{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none;transform:translate(23px,29px) rotate(-5deg);opacity:.9}.keepsake-stamp{position:absolute;left:-13px;top:179px;width:83px;height:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:1px dashed #aa8270;background:#f9efdf;outline:4px solid #f9efdf;box-shadow:0 6px 10px #6b483e13;z-index:4;transform:rotate(-13deg);color:#8d5863;pointer-events:none}.keepsake-stamp:after{content:"";position:absolute;top:5px;right:5px;bottom:5px;left:5px;border:1px solid #ac8b7540}.keepsake-stamp>span{font-size:7px;letter-spacing:1.4px}.hero-baseline{padding:20px 8px 24px;margin-top:0;font-size:10px;color:#957d7c;letter-spacing:.4px}.hero-baseline>a{font-size:10px;min-height:44px;color:#81616a;gap:15px}.baseline-number{font-size:17px;color:#936f78}.little-things{padding-top:84px;padding-bottom:0}.section-heading .eyebrow{font-size:9px;letter-spacing:2px;color:#9e7c7b}.section-heading h2{font-size:32px;letter-spacing:.3px;margin-top:18px;color:#793f50}.section-heading>p{font-size:13px;letter-spacing:.4px;color:#8a7473;margin-top:16px}.wish-grid{gap:27px;margin-top:46px;align-items:start}.wish-card{min-height:386px;padding:24px 28px 26px;border:1px solid #dfd0bf;background:#fcf8f0;box-shadow:0 7px 24px #7b503209;transition:box-shadow .3s,border-color .3s,transform .3s;isolation:isolate}.wish-card:before{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px solid #e9ddcb7a;pointer-events:none;z-index:-1}.wish-card:nth-child(1){transform:rotate(-1.3deg);background:#fbf1e9}.wish-card:nth-child(2){transform:translateY(12px) rotate(1deg);background:#fbf7ef}.wish-card:nth-child(3){transform:rotate(-.8deg);background:#f1f2e9}.wish-card:hover,.wish-card.expanded{transform:translateY(-4px) rotate(0);border-color:#c3a59f;box-shadow:0 12px 30px #7b503212}.wish-top{margin-bottom:0;align-items:center;color:#a1807d}.wish-top>span{font-size:19px}.wish-top>svg{width:20px;height:20px;opacity:.6}.keepsake-illustration{display:block;width:calc(100% + 16px);height:160px;margin:-3px -8px 8px}.wish-card h3{font-size:20px;letter-spacing:.8px;color:#7e545d}.wish-card>p{font-size:12px;line-height:2;color:#88736e;margin-top:14px}.wish-bottom{font-size:7px;letter-spacing:1.1px;margin-top:29px;color:#977775}.wish-bottom>svg{width:17px;height:17px}.wish-detail{font-size:12px;line-height:2;color:#7d4c58}.little-divider{margin:75px auto 65px;gap:19px}.little-divider>span{width:95px}.letter-section{background:#633143;color:#f7e7d5;padding:78px 0 45px;isolation:isolate}.letter-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 11% 10%,#a76f712f,transparent 55%),linear-gradient(130deg,#623247,#6e3545 48%,#572c3d);z-index:-2}.letter-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:center}.letter-intro{align-self:start;padding-top:52px;position:relative;z-index:2}.letter-section .section-heading{text-align:left}.letter-section .section-heading .eyebrow{color:#cfacaa;font-size:9px}.letter-section .section-heading h2{font-size:35px;line-height:1.7;letter-spacing:1px;color:#f3dbc6;max-width:285px;margin-top:24px}.letter-section .section-heading>p{font-size:12px;line-height:2.2;letter-spacing:.5px;color:#d5b4ad;max-width:270px;margin-top:19px}.letter-intro-script{display:block;font-size:31px;line-height:1.5;transform:rotate(-6deg);margin-top:43px;color:#bf9699}.letter-intro-rule{display:flex;gap:18px;align-items:center;margin-top:60px;padding-top:19px;border-top:1px solid #c99b982e;max-width:255px;color:#c9a3a0}.letter-intro-rule>span{font-size:7px;letter-spacing:1.5px}.letter-intro-rule>svg{margin-left:auto}.letter-flower-side{top:auto;bottom:-260px;left:-119px;width:520px;opacity:.18;transform:rotate(19deg);filter:sepia(.5);z-index:-1}.letter-paper{width:100%;max-width:none;margin:0;padding:38px 46px 32px;border:1px solid #e4d2b7;box-shadow:0 22px 48px #29172233,4px 4px #ebddc5,5px 5px #b5957833;background:linear-gradient(140deg,#fffdf57d,#fff9ed6b),url(../images/ceremony-paper.webp) center / 100% 100%;transform:rotate(1deg)}.letter-paper:before{top:12px;right:12px;bottom:12px;left:12px;border-color:#dcc3a333}.letter-paper-top{margin-bottom:29px}.letter-paper-top>.handwritten{font-size:31px;color:#a26d71}.postage-stamp{height:70px;width:56px;background:#ede3d1;color:#9c776b}.postage-stamp>span{font-size:6px}.letter-greeting{font-size:20px;color:#80495a}.letter-preview>p:last-child{font-size:14px;color:#8a7367;line-height:2.25}.preview-lines{gap:21px;margin:22px 0 29px}.letter-closed>.button{font-size:12px;min-height:51px;padding-inline:28px;background:transparent;border-color:#c5a793}.letter-closed-note{font-size:10px;color:#9d7f73;margin-top:20px}.letter-body>p{font-size:15px;line-height:2.3;color:#765e59;letter-spacing:.4px}.letter-signature{margin-top:35px}.letter-signature>span:first-child{font-size:12px;color:#927167}.letter-signature>p{font-size:16px;color:#79485a}.letter-signature>.handwritten{font-size:19px}.letter-fold-button{font-size:11px}.letter-end{margin-top:28px}.paper-corner{background:linear-gradient(135deg,#fbf5e9 0,#d2b99a 49%,#663142 50%)}.letter-marginal{font-size:18px;color:#c39b9d;margin-top:38px;letter-spacing:.3px;transform:rotate(-2deg)}.quote-section{border-top:0;padding:66px 0 77px;position:relative}.quote-flower{width:73px;height:73px;color:#a58c7b}.quote-section>p{font-size:32px;line-height:1.9;letter-spacing:1.4px;color:#886c70;margin-top:7px}.quote-section>p>span{color:#793f50}.quote-section>.eyebrow{font-size:8px;color:#9c807f;letter-spacing:2px;margin-top:22px}.answer-section{background:#ebe6d9;border-color:#dad1c2}.answer-inner{padding:59px 0 58px}.answer-inner>.eyebrow{font-size:8px;color:#8d7c70;letter-spacing:2px}.answer-heart{width:48px;height:48px;border:1px solid #ae8f8766;border-radius:50%;display:grid;place-items:center;color:#8c5b6b;margin-bottom:22px}.answer-inner h2{font-size:34px;color:#774152;margin:21px 0}.answer-inner>p{font-size:13px;line-height:2.2;color:#7b6968}.answer-buttons{margin-top:29px;gap:25px}.answer-buttons>.primary-button{min-height:53px;font-size:12px;padding-inline:24px}.answer-later{font-size:12px;color:#85676d;border-color:#b89992}.answer-afterword{font-size:10px;color:#947b73;margin-top:25px}.answer-flower{color:#a2aa8433;width:230px;height:230px}.site-footer{padding:33px 0}.footer-brand{font-size:12px}.site-footer>p{font-size:10px;color:#997e7e;gap:10px}.site-footer>.handwritten{font-size:23px}.reply-content>p{font-size:13px}.reply-content textarea{font-size:14px}.reply-content label{font-size:12px}.reply-actions>.button{font-size:12px}.local-note{font-size:11px}.reply-status{font-size:12px}@media(min-width:1550px){.hero h1{font-size:59px}.hero-art{height:615px}.hero{min-height:725px}.envelope-scene{top:326px;height:249px}}@media(max-width:1100px){.page-width,.header-inner{width:calc(100% - 72px)}.hero{gap:26px;min-height:630px}.hero h1{font-size:41px;letter-spacing:-1px}.hero-copy{padding-left:0}.hero-art{height:534px}.hero-salutation{font-size:15px;margin-top:29px}.hero-description{font-size:12px}.hero-action-row{gap:16px}.hero-button{padding-inline:17px;font-size:11px;gap:10px}.hero-handwritten{font-size:18px}.hero-footnote{font-size:9px}.envelope-scene{top:280px;height:219px}.wax-seal{top:87px;width:61px;height:61px;left:calc(50% - 30px)}.wax-seal>span{width:46px;height:46px}.bouquet{width:111%;left:-5%;top:-2%;height:86%}.botanical-arch{top:5px;right:10px;bottom:34px;left:19px}.art-top-caption{left:calc(50% - 110px);font-size:5px}.keepsake-stamp{top:164px;width:66px;height:82px;gap:6px;left:-10px}.keepsake-stamp>span{font-size:6px}.keepsake-stamp>svg{width:17px;height:17px}.silk-ribbon{transform:translate(22px,24px) rotate(-5deg)}.seal-hint>span{font-size:9px}.peek-handwriting{font-size:22px}.letter-peek{top:-56px}.envelope-recipient{font-size:12px}.envelope-small{font-size:4px}.wish-grid{gap:20px}.wish-card{padding:23px 22px;min-height:359px}.keepsake-illustration{height:138px}.wish-card h3{font-size:19px}.wish-card>p{font-size:11px}.wish-bottom{font-size:6px;letter-spacing:.7px}.letter-layout{gap:45px;grid-template-columns:.75fr 1.25fr}.letter-intro{padding-top:35px}.letter-section .section-heading h2{font-size:29px}.letter-paper{padding:32px 35px}.letter-intro-script{font-size:27px}.letter-intro-rule{margin-top:40px}.quote-section>p{font-size:29px}.main-nav{gap:23px}.brand>span:last-child{font-size:15px}.music-button{font-size:10px;padding-inline:12px}}@media(max-width:820px)and (min-width:641px){.page-width,.header-inner{width:calc(100% - 48px)}.site-header{height:87px}.brand-heart{width:33px;height:40px}.brand>span:last-child{font-size:12px;letter-spacing:1px}.brand small{font-size:5px}.main-nav{gap:16px}.main-nav>a{font-size:10px;letter-spacing:0}.music-button{font-size:9px;padding-inline:9px}.hero{gap:18px;min-height:575px;padding-top:24px}.hero h1{font-size:34px;letter-spacing:-1.3px}.hero-description{font-size:10px;letter-spacing:.3px}.hero-salutation{font-size:13px;margin-top:27px}.hero-action-row{gap:11px;margin-top:26px}.hero-button{font-size:10px;padding-inline:12px;gap:8px;min-height:48px}.hero-button>svg:last-child{margin-left:1px}.hero-handwritten{font-size:16px}.hero-footnote{font-size:8px}.hero-art{height:490px}.envelope-scene{top:266px;height:185px;width:93%;left:1%}.wax-seal{top:69px;width:56px;height:56px;left:calc(50% - 28px)}.wax-seal>span{width:42px;height:42px}.bouquet{height:88%;width:119%;left:-10%;top:1%}.letter-peek{top:-49px;padding:22px 20px}.peek-handwriting{font-size:19px}.envelope-small{bottom:18px;right:18px;font-size:3px}.envelope-recipient{font-size:10px;bottom:21px;left:21px}.keepsake-stamp{top:175px;width:57px;height:72px;left:-5px}.keepsake-stamp>span{font-size:5px}.art-top-caption{top:23px;left:calc(50% - 100px);font-size:4px}.silk-ribbon{transform:translate(22px,30px) rotate(-5deg)}.seal-hint{bottom:8px;right:-5px}.seal-hint>span{font-size:8px}.hero-baseline{font-size:8px}.hero-baseline>a{font-size:8px}.little-things{padding-top:62px}.section-heading h2{font-size:28px}.wish-grid{gap:14px}.wish-card{padding:19px 17px;min-height:331px}.keepsake-illustration{height:122px}.wish-card h3{font-size:17px}.wish-card>p{font-size:10px}.wish-bottom{font-size:5px}.letter-layout{gap:30px;grid-template-columns:.7fr 1.3fr}.letter-section{padding-top:58px}.letter-section .section-heading h2{font-size:25px}.letter-section .section-heading>p{font-size:11px}.letter-section .section-heading .eyebrow{font-size:7px}.letter-paper{padding:30px 26px}.letter-body>p{font-size:14px}.letter-intro-script{font-size:25px}.letter-intro-rule>span{font-size:5px}.quote-section>p{font-size:26px}.answer-inner h2{font-size:29px}.site-footer>p{font-size:8px}.site-footer>.handwritten{font-size:20px}.footer-brand{font-size:11px}}@media(max-width:640px){.page-width{width:calc(100% - 40px)}.header-inner{width:calc(100% - 36px)}.site-header{height:82px}.brand{gap:9px}.brand-heart{width:31px;height:39px}.brand-heart svg{width:21px;height:21px}.brand>span:last-child{font-size:12px;letter-spacing:1px}.brand small{font-size:5px;letter-spacing:1.3px;margin-top:6px}.music-button{min-height:44px;font-size:9px;padding:0 8px;border:0;background:none}.main-nav.open{top:81px;padding-inline:25px}.main-nav>a{font-size:12px}.hero{gap:0;padding-top:0;padding-bottom:13px;min-height:0}.hero-copy{padding:32px 2px 11px}.recipient-label{font-size:7px;letter-spacing:1.3px}.small-line{width:20px}.hero-salutation{font-size:14px;letter-spacing:1.5px;margin-top:24px}.hero h1{font-size:clamp(33px,8.6vw,46px);letter-spacing:-.8px;line-height:1.55;margin-top:11px}.hero-description{font-size:12px;line-height:2.05;letter-spacing:.2px;margin-top:19px}.hero-action-row{gap:20px;margin-top:24px}.hero-button{font-size:12px;min-height:51px;gap:10px;padding-inline:19px}.hero-button>svg:last-child{margin-left:3px}.hero-handwritten{font-size:19px}.hero-footnote{font-size:9px;letter-spacing:.2px;margin-top:20px}.hero-art{height:440px;width:min(100%,380px);margin-top:16px}.botanical-arch{top:0;right:11px;bottom:26px;left:17px}.arch-letter{font-size:210px;top:34px;left:3px}.arch-caption{font-size:4px;right:15px;bottom:15px;letter-spacing:1px}.art-oval{top:12px;right:0;bottom:15px;left:8px;transform:rotate(-6deg)}.art-top-caption{font-size:4px;top:22px;left:calc(50% - 99px);letter-spacing:1.6px}.bouquet{top:-1px;left:-5%;width:112%;height:88%;transform:rotate(-9deg)}.envelope-scene{top:238px;left:0;width:96%;height:176px;transform:rotate(-8deg)}.letter-peek{top:-48px;padding:19px 23px;width:84%;left:8%;height:189px}.letter-peek:after{top:8px;right:8px;bottom:8px;left:8px}.peek-handwriting{font-size:20px}.letter-peek>svg{right:20px;top:22px}.peek-line{margin-top:12px}.wax-seal{top:66px;width:58px;height:58px;left:calc(50% - 29px)}.wax-seal>span{width:44px;height:44px}.envelope-recipient{font-size:11px;bottom:23px;left:21px}.envelope-small{font-size:3px;right:19px;bottom:17px;letter-spacing:1px}.keepsake-stamp{top:134px;left:0;width:58px;height:72px;gap:6px;outline-width:3px;transform:rotate(-13deg)}.keepsake-stamp>span{font-size:5px;letter-spacing:1px}.keepsake-stamp>svg{width:16px;height:16px}.silk-ribbon{transform:translate(15px,29px) rotate(-4deg)}.seal-hint{right:1px;bottom:-1px}.seal-hint>span{font-size:8px;letter-spacing:.3px}.seal-hint>svg{width:44px;height:29px}.art-bottom-caption{bottom:-24px;left:5%;font-size:4px;letter-spacing:1.5px}.art-sparkle{right:-5px;top:117px;width:21px;height:21px}.petal-one{top:102px;left:-5px}.petal-two{right:-5px;top:55px}.petal-three{bottom:49px;left:-8px}.hero-baseline{margin-top:26px;padding:13px 0 17px;font-size:7px;letter-spacing:.2px}.hero-baseline>a{font-size:7px;gap:8px;min-height:44px}.baseline-number{display:none}.little-things{padding-top:49px}.section-heading .eyebrow{font-size:7px;letter-spacing:1.5px}.section-heading h2{font-size:24px;line-height:1.6;margin-top:15px;letter-spacing:0}.section-heading>p{font-size:11px;line-height:1.9;letter-spacing:.2px;margin-top:12px}.wish-grid{grid-template-columns:1fr;gap:21px;margin-top:31px}.wish-card,.wish-card:nth-child(1),.wish-card:nth-child(2),.wish-card:nth-child(3){min-height:232px;padding:25px 25px 22px;transform:none;overflow:hidden}.wish-card:nth-child(1){transform:rotate(-1deg)}.wish-card:nth-child(2){transform:rotate(.8deg)}.wish-card:nth-child(3){transform:rotate(-.5deg)}.wish-card:hover,.wish-card.expanded{transform:none}.wish-top{margin-bottom:17px}.wish-top>span{font-size:16px}.wish-top>svg{display:none}.keepsake-illustration{position:absolute;right:-43px;top:3px;width:183px;height:125px;opacity:.65;z-index:-1}.wish-card h3{font-size:21px;letter-spacing:.6px}.wish-card>p{font-size:12px;line-height:2;margin-top:15px;letter-spacing:0}.wish-bottom{font-size:7px;letter-spacing:.8px;margin-top:25px}.wish-bottom>svg{width:16px;height:16px}.wish-detail{font-size:12px}.little-divider{margin:44px auto 40px}.little-divider>span{width:65px}.letter-section{padding:42px 0 32px}.letter-layout{display:block;width:calc(100% - 40px)}.letter-intro{padding-top:0;margin-bottom:30px}.letter-section .section-heading{text-align:center}.letter-section .section-heading .eyebrow{font-size:7px;letter-spacing:1.4px}.letter-section .section-heading h2{font-size:24px;line-height:1.75;max-width:260px;margin:17px auto 0;letter-spacing:.3px}.letter-section .section-heading>p{font-size:11px;line-height:2;max-width:none;margin-top:12px;color:#ddc0b7}.letter-intro-script,.letter-intro-rule{display:none}.letter-paper{padding:28px 26px 25px;transform:rotate(.4deg);box-shadow:0 13px 30px #2b182633,3px 3px #e0cbb2;max-width:420px;margin:auto}.letter-paper:before{top:9px;right:9px;bottom:9px;left:9px}.letter-paper-top{margin-bottom:27px}.letter-paper-top>.handwritten{font-size:25px}.postage-stamp{width:47px;height:60px}.postage-stamp>span{font-size:5px}.letter-greeting{font-size:18px;letter-spacing:1px}.letter-preview>p:last-child{font-size:12px;line-height:2.2;margin-top:19px}.letter-closed>.button{font-size:11px;min-height:48px;padding-inline:22px}.letter-closed-note{font-size:9px;letter-spacing:.4px;margin-top:17px}.letter-body>p{font-size:14px;line-height:2.2;margin-top:23px;letter-spacing:0}.letter-signature>span:first-child{font-size:10px}.letter-signature>p{font-size:14px}.letter-signature>.handwritten{font-size:15px}.letter-fold-button{font-size:10px}.letter-marginal{font-size:14px;margin-top:27px;color:#cba9a6;letter-spacing:0}.letter-flower-side{left:-129px;width:340px;bottom:-176px;opacity:.14}.quote-section{padding:43px 0 49px}.quote-flower{height:54px;width:54px}.quote-section>p{font-size:21px;line-height:1.95;letter-spacing:.2px;margin-top:7px}.quote-section>.eyebrow{font-size:6px;letter-spacing:1.2px;margin-top:18px}.answer-inner{padding:41px 0}.answer-heart{width:43px;height:43px;margin-bottom:19px}.answer-inner>.eyebrow{font-size:7px;letter-spacing:1.5px}.answer-inner h2{font-size:25px;letter-spacing:.2px;margin:17px 0}.answer-inner>p{font-size:12px;line-height:2.1;letter-spacing:0}.answer-buttons{gap:17px;margin-top:25px}.answer-buttons>.primary-button{font-size:11px;padding-inline:16px;min-height:49px;gap:7px}.answer-later{font-size:10px;gap:10px}.answer-afterword{font-size:9px;letter-spacing:0;margin-top:19px}.answer-flower{width:150px;height:150px}.answer-flower.left{left:-71px}.answer-flower.right{right:-65px}.site-footer{padding:26px 0 25px;gap:17px}.footer-brand{font-size:11px;letter-spacing:0}.site-footer>p{font-size:8px;line-height:1.8;margin-top:0;gap:7px}.site-footer>.handwritten{font-size:20px}.reply-content>p{font-size:12px}.reply-content textarea{font-size:13px}.reply-actions>.button{font-size:11px}.local-note{font-size:10px}.reply-status{font-size:11px}}@media(max-width:360px){.page-width{width:calc(100% - 32px)}.hero-copy{padding-inline:0}.hero h1{font-size:31px;letter-spacing:-.8px}.hero-description{font-size:11px}.hero-action-row{gap:12px}.hero-button{font-size:11px;padding-inline:16px;gap:7px}.hero-handwritten{font-size:15px}.hero-art{height:408px}.envelope-scene{top:221px;height:166px}.wax-seal{top:58px}.keepsake-stamp{top:131px;width:51px;height:66px}.hero-baseline{font-size:6px}.hero-baseline>a{font-size:6px}.section-heading h2,.answer-inner h2{font-size:22px}.answer-inner>p{font-size:11px}.answer-buttons{gap:12px}.answer-buttons>.primary-button{padding-inline:11px;font-size:10px}.answer-later{font-size:9px}.letter-layout{width:calc(100% - 32px)}.letter-paper{padding-inline:23px}.quote-section>p{font-size:19px}.brand>span:last-child{font-size:11px}.brand small{font-size:4px}.brand{gap:7px}.music-button{width:44px}.music-button>span{display:none}}.hero-photograph{position:absolute;top:4px;right:19px;bottom:42px;left:26px;display:block;border-radius:49% 49% 3px 3px;overflow:hidden;z-index:0;box-shadow:0 20px 45px #6a52321a}@media(max-width:640px){.menu-button{margin-right:0}.hero-action-row{flex-wrap:wrap}}.hero-photograph>img{width:100%;height:100%;object-fit:cover;object-position:50% 29%;filter:saturate(.85)}.hero-photograph:after{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border:1px solid #fff7e66b;border-radius:inherit;pointer-events:none}.botanical-arch .arch-letter,.botanical-arch .arch-caption{display:none}.art-top-caption{top:-13px;color:#9b7a7a;letter-spacing:1.9px}.envelope-scene{top:346px;height:218px}.wax-seal{top:84px}.letter-peek{top:-49px}.keepsake-stamp{top:220px;left:-9px}.petal-one{display:none}@media(min-width:1550px){.envelope-scene{top:362px;height:218px}}@media(max-width:1100px){.hero-photograph{top:5px;right:10px;bottom:34px;left:19px}.envelope-scene{top:319px;height:186px}.wax-seal{top:68px}.letter-peek{top:-45px}.keepsake-stamp{top:202px;left:-8px}.art-top-caption{top:-13px}}@media(max-width:820px)and (min-width:641px){.envelope-scene{top:288px;height:169px}.wax-seal{top:61px}.keepsake-stamp{top:183px}.letter-peek{top:-43px}}@media(max-width:640px){.hero-photograph{top:0;right:11px;bottom:26px;left:17px}.hero-photograph>img{object-position:50% 27%}.hero-art{margin-top:28px}.envelope-scene{top:265px;height:154px}.wax-seal{top:57px;width:54px;height:54px;left:calc(50% - 27px)}.wax-seal>span{width:40px;height:40px}.letter-peek{top:-44px;padding-top:17px}.peek-handwriting{font-size:19px}.envelope-recipient{bottom:17px;font-size:10px}.envelope-small{bottom:14px;font-size:3px}.keepsake-stamp{top:171px;left:-3px;width:53px;height:67px}.art-top-caption{top:-14px;left:calc(50% - 106px)}.art-bottom-caption{bottom:-24px}.seal-hint{bottom:-3px}.seal-hint>span{font-size:8px}}@media(max-width:360px){.envelope-scene{top:243px;height:146px}.wax-seal{top:52px}.keepsake-stamp{top:160px;width:48px;height:63px}}@media(prefers-reduced-motion:reduce){.wish-card,.wish-card:nth-child(1),.wish-card:nth-child(2),.wish-card:nth-child(3){transform:none}}.stardust-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:40;pointer-events:none}.secret-trigger{cursor:pointer;transition:box-shadow .25s,color .25s,background .25s}.secret-trigger:hover{box-shadow:0 0 0 5px #bc946414,0 0 25px #bd945b26}.secret-trigger:focus-visible,.secret-discovery button:focus-visible,.secret-discovery summary:focus-visible{outline:2px solid #a87367;outline-offset:5px}.postage-stamp.secret-trigger{background-color:#f8efd9}.secret-heart-button{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;color:#a56874}.answer-heart.secret-trigger{margin-inline:auto;background:transparent}.envelope-face:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 30%,#fff9db88 48%,transparent 66%);transform:translate(-150%);pointer-events:none}@media(hover:hover)and (prefers-reduced-motion:no-preference){.hero-art:hover .envelope-face:after{animation:envelope-glint 1.3s ease-out}}@keyframes envelope-glint{to{transform:translate(150%)}}.secret-discovery{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding-block:24px;border-bottom:1px solid #b997792b;color:#896971;font-size:11px}.secret-discovery details{max-width:600px}.secret-discovery summary{display:flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none}.secret-discovery summary::-webkit-details-marker{display:none}.secret-discovery summary span{font-family:var(--sans);color:#9c7158;letter-spacing:2px;margin-left:9px}.secret-discovery details p{line-height:2;max-width:480px;padding:8px 0 12px 25px}.magic-toggle{display:flex;align-items:center;gap:8px;white-space:nowrap;min-height:44px;color:#886574;font-size:10px}.keepsake-dialog{position:fixed;width:min(480px,calc(100% - 32px));max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:0;border:1px solid #b9a287;border-radius:160px 160px 4px 4px/100px 100px 4px 4px;margin:auto;color:#713e4b;background:#fcf6e9 url(../images/ceremony-paper.webp) center / 100% 100%;box-shadow:0 30px 100px #25101a55}.keepsake-dialog::backdrop{background:#24151fd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.keepsake-close{position:absolute;top:28px;right:30px;z-index:4;display:grid;place-items:center;width:44px;height:44px;border:1px solid #f8e9d254;border-radius:50%;color:#ffecd4;background:#3b253b73}.keepsake-dialog button:focus-visible{outline:2px solid #c79769;outline-offset:3px}.keepsake-art{height:230px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,#6b425d,#dc9285 65%,#efbb97)}.secret-art-number{position:absolute;z-index:3;bottom:17px;left:0;width:100%;text-align:center;font-size:7px;letter-spacing:3px;color:#fff5e0}.secret-sun{position:absolute;width:112px;height:112px;border-radius:50%;top:63px;left:calc(50% - 56px);background:#ffe4b2;box-shadow:0 0 48px #fbc89d77,0 0 110px #fab58b55;animation:keepsake-sunrise 2.5s ease-out both}.secret-sea{position:absolute;top:145px;right:0;bottom:0;left:0;z-index:1;background:repeating-linear-gradient(0deg,#d7938c22 0,#d7938c22 7px,#f7c39b36,#f7c39b36 9px),linear-gradient(180deg,#ae747e,#78536d)}.secret-sea:after{content:"";position:absolute;top:0;left:32%;width:36%;height:75%;background:repeating-linear-gradient(180deg,#ffe0a5aa 0 1px,transparent 2px 8px);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);opacity:.6}.secret-orbit{position:absolute;top:28px;right:95px;bottom:28px;left:95px;border:1px solid #ffe3c940;border-radius:50% 50% 0 0}@keyframes keepsake-sunrise{0%{transform:translateY(52px);opacity:.3}to{transform:translateY(0);opacity:1}}.keepsake-note .keepsake-art{background:linear-gradient(150deg,#754353,#b67f86)}.secret-note{position:absolute;top:41px;left:calc(50% - 88px);width:176px;height:164px;padding:22px;color:#925867;background:#fcf1dc url(../images/ceremony-paper.webp) center / cover;box-shadow:8px 13px 30px #3c1d3155;transform:rotate(-8deg);animation:keepsake-note-in 1.1s ease-out both}.secret-note .handwritten{font-size:18px}.secret-note svg{display:block;margin:15px auto}.secret-note i{display:block;height:1px;margin-top:9px;background:#aa856344}.secret-note i:last-child{width:60%}@keyframes keepsake-note-in{0%{opacity:0;transform:translateY(65px) rotate(-15deg)}to{opacity:1;transform:translateY(0) rotate(-8deg)}}.keepsake-stars .keepsake-art{background:radial-gradient(ellipse at 55% 100%,#725069,#292739 70%)}.secret-constellation{position:absolute;width:290px;height:180px;left:calc(50% - 145px);top:25px;overflow:visible}.secret-constellation path{stroke:#e5c796;stroke-width:.8;stroke-dasharray:600;stroke-dashoffset:0;opacity:.65;animation:constellation-draw 2.4s ease-out both}.secret-constellation circle{fill:#ffe6b8;filter:drop-shadow(0 0 4px #ffe6b8)}@keyframes constellation-draw{0%{stroke-dashoffset:600;opacity:0}to{stroke-dashoffset:0;opacity:.65}}.secret-meteor{position:absolute;width:95px;height:1px;top:var(--top);left:var(--left);background:linear-gradient(90deg,transparent,#fff0ca);opacity:0;transform:rotate(35deg);animation:keepsake-meteor 1.2s var(--delay) ease-out both}@keyframes keepsake-meteor{0%{opacity:0;transform:translate(-100px,-70px) rotate(35deg)}20%{opacity:.9}to{opacity:0;transform:translate(220px,150px) rotate(35deg)}}.keepsake-content{padding:30px 34px 26px;text-align:center}.keepsake-content>.eyebrow{font-size:7px;letter-spacing:1.9px;color:#94694f}.keepsake-content h2{font-family:var(--serif);font-size:27px;font-weight:400;letter-spacing:1px;margin:17px 0}.keepsake-content>p{text-wrap:balance;font-family:var(--serif);font-size:15px;line-height:2;max-width:310px;margin-inline:auto;color:#79585b}.keepsake-note{font-size:11px}.keepsake-content>.keepsake-note{display:block;color:#977168;margin-top:15px}.keepsake-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin:25px 0 21px}.keepsake-actions .button{font-size:12px;min-height:46px;padding:0 19px;gap:10px}.keepsake-replay{display:flex;gap:6px;align-items:center;font-size:11px;min-height:44px;color:#885966}.keepsake-progress{display:flex;gap:7px;align-items:center;justify-content:center;color:#936c59;font-size:10px;padding-top:18px;border-top:1px solid #ad8b642b}.keepsake-content>.keepsake-complete{font-size:12px;margin-top:17px;color:#884b5c}.keepsake-still *,.keepsake-still *:after{animation:none!important}.keepsake-still .secret-meteor{display:none}@media(max-width:640px){.secret-discovery{flex-direction:column;gap:3px;padding-block:17px}.secret-discovery summary{font-size:10px;gap:6px}.secret-discovery summary span{margin-left:4px}.keepsake-dialog{max-height:calc(100dvh - 24px)}.keepsake-content{padding:26px 22px 23px}.keepsake-content h2{font-size:24px}.keepsake-content>p{font-size:14px}.keepsake-art{height:215px}.keepsake-actions{gap:16px}.keepsake-actions .button{font-size:11px;padding-inline:14px}.keepsake-close{right:19px;top:26px}}@media(prefers-reduced-motion:reduce){.keepsake-dialog *,.envelope-face:after{animation:none!important}.secret-meteor{display:none}}.hero-direct-read{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding-inline:6px;color:#835260;font-size:13px;white-space:nowrap;border-bottom:1px solid #b88f7e66}.hero-direct-read:hover{color:#60263e;border-color:currentColor}.hero-direct-read:focus-visible{outline:2px solid #a87367;outline-offset:5px}.wish-bottom{font-size:11px;letter-spacing:.2px;color:#885c63;border-top:1px solid #bc978337;padding-top:17px}.wish-disclosure-arrow{transition:transform .25s}.wish-card.expanded .wish-disclosure-arrow{transform:rotate(180deg)}.answer-inner>.reply-expectation{max-width:370px;margin:17px auto 0;font-size:11px;color:#80696b;line-height:1.9;text-wrap:balance}.opening-quiet-note{cursor:default;justify-content:center}@media(max-width:640px){.hero-action-row{gap:18px}.hero-direct-read{font-size:12px;min-height:48px}.wish-bottom{font-size:11px}.answer-inner>.reply-expectation{max-width:290px;font-size:11px}.reply-content>p{font-size:13px;color:#785b63}.local-note{font-size:11px;line-height:1.9}}@media(min-width:641px)and (max-width:1100px){.hero-description,.wish-card>p,.wish-detail,.answer-inner>p{font-size:13px;letter-spacing:0}}.dialog-music-control{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:124px;min-height:44px;font-size:12px;white-space:nowrap;color:#795260}.opening-music{position:absolute;z-index:6;top:max(32px,env(safe-area-inset-top));left:max(32px,env(safe-area-inset-left))}.opening-music .dialog-music-control{color:#f3dbc6;border-color:#dec39c66;background:#30151eb3}.keepsake-content>.dialog-music-control{margin-top:14px}.reply-content>.dialog-music-control{margin-top:16px}.footer-brand,.brand{min-height:44px}@media(max-width:640px){.opening-music{top:max(20px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left))}.opening-music .dialog-music-control{min-width:116px;padding-inline:13px;font-size:11px}.hero-description,.wish-card>p,.wish-detail,.answer-inner>p,.letter-preview>p:last-child,.section-heading>p{font-size:13px}.hero-description{line-height:2.15;letter-spacing:0}.letter-body>p{font-size:15px;line-height:2.15}.wish-card>p,.wish-detail,.answer-inner>p,.hero-description{color:#715a60}.letter-section .section-heading>p{font-size:12px}.letter-closed-note,.answer-afterword,.hero-footnote{font-size:11px}.letter-fold-button,.letter-closed>.button{font-size:12px}.reply-content textarea{font-size:16px}.answer-buttons{flex-wrap:wrap}.answer-buttons>.primary-button,.answer-later{font-size:12px}}
