@font-face{font-family:Cormorant;src:url('/assets/cormorant-regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('/assets/cormorant-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/manrope-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Handwritten;src:url('/assets/badscript-regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#f8f5ef;--paper-light:#fffcf7;--ink:#40394a;--muted:#736c79;--lavender:#80678e;--lavender-dark:#6d537d;--lilac:#eee8f1;--gold:#ac9466;--line:#ded7df;--serif:Cormorant,Georgia,serif;--sans:Manrope,system-ui,sans-serif;--hand:Handwritten,cursive;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}body::before{content:'';position:absolute;inset:0 0 auto;height:920px;z-index:-1;background:radial-gradient(ellipse at 90% 42%,#ece5ed88,transparent 52%),radial-gradient(ellipse at 10% 0%,#fffdfaaa,transparent 50%);pointer-events:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}svg{display:block}button svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}img{display:block;max-width:100%}::selection{background:#dcd0e4;color:#40394a}:focus-visible{outline:2px solid var(--lavender-dark);outline-offset:6px}button:disabled{cursor:wait;opacity:.7}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:400}em{font-weight:400;color:var(--lavender);font-family:var(--serif)}[hidden]{display:none!important}.wrap{width:min(1180px,calc(100% - 112px));margin-inline:auto}.svg-library{width:0;height:0;position:absolute;overflow:hidden}.skip-link{position:fixed;top:-80px;left:16px;background:var(--paper-light);padding:12px 20px;z-index:20}.skip-link:focus{top:12px}.eyebrow{font:400 10px/1.7 var(--sans);letter-spacing:2.5px;text-transform:uppercase;color:var(--lavender-dark)}.site-header{height:110px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ded7df77;gap:24px}.wordmark{display:flex;gap:10px;align-items:center;font:400 29px var(--serif)}.wordmark>svg{width:40px;height:36px;color:var(--gold)}.wordmark-dot{color:var(--lavender)}nav{display:flex;gap:36px;margin-left:auto;margin-right:36px}nav a{font-size:11px;padding:12px 0;color:var(--muted);transition:color .2s}nav a:hover{color:var(--lavender-dark)}.sound-toggle{display:flex;gap:10px;align-items:center;justify-content:center;min-height:44px;border:1px solid var(--line);border-radius:30px;padding:10px 17px;background:transparent;font-size:10px;letter-spacing:.7px}.sound-toggle svg{width:16px;height:16px}.sound-toggle[aria-pressed=true]{background:var(--lilac);border-color:#c4b3cf}.sound-toggle[aria-pressed=true] .sound-slash{display:none}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:70px;padding-block:70px 72px}.hero-copy{padding-block:20px}.hero-copy .eyebrow{display:flex;align-items:center;gap:16px}.fine-line{width:30px;height:1px;background:var(--gold);flex-shrink:0}h1{font-size:clamp(60px,7.3vw,101px);line-height:.99;letter-spacing:-3.2px;margin-top:29px}h1 em{white-space:nowrap;display:block;margin-top:7px}h1 em::after{content:'';display:block;width:126px;margin:17px 0 0 130px;border-bottom:1px solid #bfa7cc;transform:rotate(-4deg)}.hero-description{max-width:370px;color:var(--muted);font-size:13px;line-height:2;margin-top:28px}.hero-actions{margin-top:30px}.button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:54px;padding:14px 23px;border-radius:4px;font:400 11px/1.5 var(--sans);letter-spacing:.3px;transition:transform .2s,background .2s,box-shadow .2s}.button svg{width:18px;height:18px}.primary{color:#fffaf6;background:var(--lavender);box-shadow:0 6px 16px #80678e1a}.primary:hover{background:var(--lavender-dark);transform:translateY(-2px);box-shadow:0 9px 25px #80678e2a}.primary svg:last-child{margin-left:13px}.hero-signature{font:400 16px/1.8 var(--hand);margin-top:24px;color:var(--lavender-dark)}.hero-signature span{font:26px var(--serif);vertical-align:middle;margin-left:4px}.hero-bottom{display:flex;align-items:center;gap:11px;font-size:9px;letter-spacing:1px;color:var(--muted);margin-top:36px}.small-star{font-size:25px;color:var(--gold)}.hero-visual{position:relative;max-width:430px;width:100%;justify-self:center;padding:7px}.photo-frame{position:relative;padding:11px 11px 0;background:#fffcf7;border:1px solid #d7c7b5;border-radius:220px 220px 3px 3px;box-shadow:12px 19px 50px #6b574117;transform:rotate(2deg);z-index:1}.photo-frame::before{position:absolute;content:'';inset:-9px 9px 10px -9px;border:1px solid #c8b9a177;border-radius:220px 220px 3px 3px;z-index:-1;pointer-events:none}.photo-button{display:block;padding:0;width:100%;background:#e9dfcb;border-radius:210px 210px 2px 2px;overflow:hidden;position:relative}.photo-button img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.expand-photo{position:absolute;right:12px;bottom:12px;width:32px;height:32px;background:#fffcf7d9;backdrop-filter:blur(5px);border-radius:50%;display:grid;place-items:center;color:var(--ink);opacity:.9;transition:opacity .2s}.expand-photo svg{width:15px;height:15px}.photo-button:hover .expand-photo{opacity:1}.photo-frame figcaption{text-align:center;padding:16px 0 20px;font:400 13px/1.7 var(--hand);color:#786576}.photo-frame figcaption span{margin-left:3px}.branch{position:absolute;width:155px;height:290px;pointer-events:none;color:#ac946680}.branch-left{left:-66px;bottom:30px;transform:rotate(-20deg)}.branch-right{right:-50px;top:15px;transform:rotate(22deg)}.floating-star{position:absolute;color:var(--gold);z-index:2}.star-a{top:6px;left:-11px;font-size:39px}.star-b{bottom:105px;right:-35px;font-size:25px}.angel-seal{position:absolute;width:102px;height:102px;border-radius:50%;background:var(--paper-light);border:1px solid #d8cdbd;outline:5px solid var(--paper);right:-41px;top:66px;z-index:2;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(12deg);box-shadow:0 4px 14px #5340560a}.angel-seal svg{width:41px;height:34px;color:var(--gold)}.angel-seal span{text-align:center;font-size:8px;line-height:1.5;letter-spacing:1.4px;text-transform:uppercase;margin-top:3px}.keepsake-line{display:flex;justify-content:center;align-items:center;gap:24px;padding-block:30px 36px}.keepsake-line>span{height:1px;background:#dcd3cb;flex:1}.keepsake-line svg{width:16px;height:16px;color:var(--gold);flex-shrink:0}.keepsake-line p{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--muted);text-align:center}.letter-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:88px 112px}h2{font-size:clamp(40px,4.2vw,58px);line-height:1.1;letter-spacing:-1.3px}.letter-intro h2{margin-top:15px}.letter-intro>p:not(.eyebrow){max-width:350px;font-size:12px;line-height:2;color:var(--muted);margin-top:25px}.handwritten{display:block;font:15px/1.8 var(--hand);color:var(--lavender);margin-top:25px}.envelope{position:relative;display:block;width:100%;max-width:440px;height:277px;transform:rotate(-5deg);margin:26px auto 50px;filter:drop-shadow(6px 18px 20px #5a45651c)}.envelope-back{position:absolute;inset:0;background:#d7c9de;border:1px solid #cbbbce;border-radius:3px}.envelope-paper{position:absolute;inset:14px 25px 0;background:#fffcf6;padding:29px 28px;transition:transform .5s}.envelope-paper>span{font:24px var(--serif);color:var(--lavender)}.envelope-paper i{display:block;border-top:1px solid #d7cdd999;width:100%;margin-top:14px}.envelope-paper i:last-child{width:65%}.envelope-front{position:absolute;inset:0;background:linear-gradient(160deg,#e7ddeb,#d9cce2);clip-path:polygon(0 0,50% 52%,100% 0,100% 100%,0 100%);border-radius:3px}.envelope-front::after{content:'';position:absolute;inset:0;background:#ede4ef;clip-path:polygon(0 100%,50% 45%,100% 100%)}.envelope-flap{position:absolute;inset:0;background:linear-gradient(#f1e9f3,#e1d4e7);clip-path:polygon(0 0,100% 0,50% 52%);transform-origin:top;transition:transform .5s;z-index:1}.wax-seal{position:absolute;top:100px;left:calc(50% - 30px);width:60px;height:60px;display:grid;place-items:center;background:radial-gradient(ellipse at 30% 20%,#c4a9cc,#9579a4);color:#f7edf8;border:4px double #b99dc6;outline:2px solid #ac8abb;border-radius:49% 52% 46% 51%;font:28px var(--serif);box-shadow:2px 5px 8px #6e52784d;z-index:2;transition:transform .4s}.wax-seal svg{position:absolute;width:14px;height:14px;bottom:5px;right:5px;color:#e6d2ec}.envelope-address{position:absolute;bottom:25px;left:0;width:100%;text-align:center;font:29px/1.3 var(--serif);color:#6d547a}.envelope-address>span{display:block;font:9px var(--sans);letter-spacing:1.5px;margin-top:5px}.envelope-hint{position:absolute;top:calc(100% + 23px);left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;color:var(--lavender-dark);letter-spacing:.5px}.envelope-hint svg{width:17px;height:17px}.envelope:hover .envelope-paper,.envelope:focus-visible .envelope-paper{transform:translateY(-37px)}.envelope:hover .wax-seal{transform:rotate(10deg) scale(1.04)}.wishes-section{background:#efeaf2;position:relative;border-top:1px solid #e4dce9;border-bottom:1px solid #e4dce9;overflow:hidden}.wishes-section::before,.wishes-section::after{content:'';position:absolute;border:1px solid #d5c6dd66;border-radius:50%;width:440px;height:440px;pointer-events:none}.wishes-section::before{top:-300px;left:-220px}.wishes-section::after{bottom:-305px;right:-120px}.wishes-inner{padding-block:76px 60px;text-align:center}.wishes-inner h2{margin-top:17px}.section-description{font-size:12px;margin-top:21px;color:var(--muted)}.mobile-break{display:none}.constellation{height:240px;position:relative;max-width:900px;margin:19px auto 10px}.constellation-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.constellation-lines path{fill:none;stroke:#c7b6d0;stroke-width:1;stroke-dasharray:4 7;vector-effect:non-scaling-stroke;transition:stroke 1s}.constellation.all-lit .constellation-lines path{stroke:#ac8cb9;stroke-dasharray:none}.wish-star{position:absolute;width:100px;height:90px;padding:9px 15px 0;transform:translate(-50%,-29px);background:transparent;display:flex;align-items:center;flex-direction:column;color:#88699a;gap:11px}.wish-star svg{width:43px;height:43px;flex-shrink:0;transition:transform .3s,filter .3s}.wish-star>span{font-size:11px;color:#756482;letter-spacing:.3px}.wish-star:hover svg,.wish-star:focus-visible svg{transform:scale(1.2)}.wish-star.is-visited svg{color:#9472a6;filter:drop-shadow(0 0 9px #b998ce66)}.wish-star.is-visited svg use{fill:#e1d1e9}.wish-star[aria-pressed=true] svg{transform:scale(1.2);color:#715185;filter:drop-shadow(0 0 14px #bda5ce99)}.wish-star[aria-pressed=true]>span{color:#50375f}.wish-0{left:10%;top:54.17%}.wish-1{left:30%;top:25%}.wish-2{left:50%;top:62.5%}.wish-3{left:70%;top:25%}.wish-4{left:90%;top:54.17%}.sky-dot{position:absolute;width:3px;height:3px;border-radius:50%;background:#bfaacb;opacity:.7}.dot-1{left:16%;top:9%}.dot-2{left:45%;top:17%}.dot-3{left:79%;top:83%}.dot-4{left:58%;top:99%}.wish-message{position:relative;max-width:660px;min-height:166px;margin:auto;padding:33px 45px 25px;border:1px solid #d9cde1;background:#fcfafcaa;border-radius:5px}.wish-decoration{position:absolute;top:-16px;left:calc(50% - 16px);background:#efeaf2;color:#a187b1;font:30px/32px var(--serif);width:32px}.wish-message h3{font-size:29px;line-height:1.25;color:#674f79}.wish-message p{margin-top:12px;color:#76687f;font-size:12px;line-height:1.95}.wish-progress{font-size:9px;letter-spacing:1.5px;color:#796a83;margin-top:23px;text-transform:uppercase}.constellation-complete{font:19px/1.6 var(--serif);color:#6d537d;margin-top:14px}.blessing-section{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center;padding-block:92px 84px}.candle-scene{position:relative;min-height:350px;display:flex;align-items:center;justify-content:center;flex-direction:column}.candle-halo{position:absolute;width:310px;height:310px;border-radius:50%;background:radial-gradient(circle,#e4d7e52e,transparent 68%);top:-10px;pointer-events:none;transition:background 1s}.candle-scene.is-lit .candle-halo{background:radial-gradient(circle,#f9dba365,#fbdfab1f 46%,transparent 68%)}.candle-button{position:relative;display:block;width:155px;height:235px;padding:0;background:transparent;margin-top:25px}.candle-body{position:absolute;bottom:17px;left:30px;width:95px;height:150px;background:linear-gradient(90deg,#e6ded0,#fff8e9 35%,#eee4d3 77%,#d9cdbb);border-radius:7px 7px 12px 12px;box-shadow:5px 5px 20px #725d4010}.candle-body::before{content:'';position:absolute;top:-5px;left:0;width:95px;height:13px;border-radius:50%;background:#f5ecdb;box-shadow:inset 0 2px 3px #aa967921}.candle-monogram{position:absolute;top:54px;left:28px;width:40px;height:47px;border:1px solid #bcab8d;border-radius:50% 50% 0 0;color:#a5926c;font:28px/45px var(--serif)}.candle-base{position:absolute;bottom:7px;left:10px;width:135px;height:18px;background:linear-gradient(#c2ae85,#e3d2ad 40%,#b4a078);border-radius:50%;box-shadow:0 6px 6px #4a39401c}.wick{position:absolute;bottom:170px;left:76px;width:3px;height:10px;background:#64524a;border-radius:2px;transform:rotate(-8deg)}.flame-wrap{position:absolute;bottom:177px;left:64px;width:27px;height:48px;opacity:0;transform:scale(.2);transform-origin:bottom;transition:opacity .5s,transform .5s}.flame{display:block;width:100%;height:100%;border-radius:50% 50% 45% 45% / 70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 90%,#fffef1 10%,#fff2bf 35%,#eeb362 75%,#cf852a);box-shadow:0 0 17px #f5c77777,0 0 42px #f6c56c44;transform-origin:50% 100%}.candle-scene.is-lit .flame-wrap{opacity:1;transform:scale(1)}.candle-scene.is-lit .flame{animation:flicker 3s ease-in-out infinite}.candle-hint{position:relative;color:var(--muted);font-size:10px;letter-spacing:.6px;margin-top:16px}.candle-hint span{margin-left:6px;font-size:16px}.candle-star{position:absolute;color:#b8a583;pointer-events:none}.candle-star-one{top:68px;left:23%;font-size:28px}.candle-star-two{top:26px;right:24%;font-size:18px}.blessing-copy h2{margin-top:16px}.blessing-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:var(--muted);max-width:350px;margin-top:24px}.candle-message{max-width:370px;min-height:78px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.candle-message p{font:italic 20px/1.45 var(--serif);color:var(--lavender)}.closing{position:relative;padding:68px 24px 52px;text-align:center;border-top:1px solid #ddd4df}.closing-wings{color:var(--gold);width:70px;height:55px;margin:auto auto 21px}.closing>p{font:36px/1.3 var(--serif);letter-spacing:-.5px}.closing-signature{display:block;font:24px/1.8 var(--hand);margin-top:28px;color:var(--lavender-dark)}.closing-heart{display:block;font:31px var(--serif);color:#a88ab4;margin:9px auto 28px}.save-card{background:transparent;border:1px solid #cfc0d7;color:var(--lavender-dark);min-height:46px;font-size:10px}.save-card:hover{background:var(--lilac)}.save-card svg{width:16px;height:16px}.save-status{display:block;font-size:10px;color:var(--muted);min-height:20px;margin-top:8px}.site-footer{display:flex;justify-content:space-between;gap:16px;padding-block:22px 28px;border-top:1px solid #ddd4df;font-size:9px;color:var(--muted);letter-spacing:.6px}.site-footer span span{font-size:16px;color:var(--gold);margin-left:8px}dialog{padding:0;border:1px solid #d4c5d8;color:var(--ink);box-shadow:0 25px 100px #2a183a33;background:var(--paper-light);border-radius:5px;max-width:calc(100% - 28px);max-height:88vh;max-height:88dvh;overscroll-behavior:contain}dialog::backdrop{background:#342a3e88;backdrop-filter:blur(7px)}.letter-dialog{width:640px}.dialog-close{position:sticky;top:12px;float:right;z-index:3;display:grid;place-items:center;width:44px;height:44px;margin:12px 12px -56px 0;border:1px solid #d5c7de;border-radius:50%;background:#fffcf7ed;color:var(--lavender-dark);font:30px/1 var(--serif);box-shadow:0 2px 8px #4a35490a}.letter-content{padding:50px 58px 47px}.letter-wings{width:61px;height:47px;color:var(--gold);margin:0 auto 21px}.letter-content>.eyebrow{text-align:center;font-size:8px}.letter-content h2{font-size:40px;text-align:center;margin:16px 0 28px}.letter-content>p:not(.eyebrow){font-size:13px;color:#6d6172;line-height:2;margin-top:17px}.letter-content .letter-last{font:italic 27px/1.4 var(--serif)!important;color:var(--lavender-dark)!important;margin-block:25px!important}.letter-content .letter-sign-off{font-size:11px!important}.letter-content .letter-signature{font:22px/1.8 var(--hand)!important;color:var(--lavender-dark)!important;margin-top:7px!important}.letter-dialog[open]{animation:letter-open .4s ease-out}.photo-dialog{background:#faf5ed;overflow:auto;width:auto;max-width:calc(100% - 28px)}.photo-dialog img{height:auto;max-height:85vh;max-height:85dvh;width:auto;object-fit:contain}.photo-dialog .dialog-close{position:absolute;right:0;top:0}.celebration{position:fixed;inset:0;pointer-events:none;z-index:10;overflow:hidden}.celebration-piece{position:absolute;top:-25px;color:#a78ab9;font:20px var(--serif);animation:fall 3.5s ease-in both}.noscript-letter{grid-column:1/-1;color:var(--muted)}
@keyframes letter-open{from{opacity:0;transform:translateY(15px) scale(.97)}to{opacity:1;transform:none}}@keyframes flicker{0%,100%{transform:rotate(-2deg) scaleY(1)}40%{transform:rotate(2deg) scaleY(1.04)}75%{transform:rotate(-1deg) scaleY(.95)}}@keyframes fall{to{transform:translate(var(--drift),105vh) rotate(var(--spin));opacity:0}}@keyframes soft-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy{animation:soft-in .8s ease-out}.hero-visual{animation:soft-in 1s ease-out}.wish-message.updated{animation:soft-in .35s ease-out}}
@media(min-width:1500px){.hero{gap:100px;padding-block:82px}.hero-visual{max-width:450px}h1{font-size:112px}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.hero{gap:45px}.hero-visual{max-width:355px}.angel-seal{right:-20px;top:47px;width:85px;height:85px}.angel-seal svg{width:35px;height:29px}.angel-seal span{font-size:7px}.hero-description{max-width:335px}.photo-frame figcaption{font-size:11px}.letter-section{gap:60px}.envelope{height:240px}.wax-seal{top:86px}.envelope-address{bottom:20px}.branch-right{right:-35px}.hero-bottom{margin-top:28px}}
@media(max-width:800px){.wrap{width:calc(100% - 52px)}.site-header{height:88px}.site-header nav{gap:20px;margin-right:8px}.site-header nav a{font-size:10px}.hero{gap:30px;padding-block:54px}h1{font-size:67px;letter-spacing:-2px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.4px;gap:10px}.fine-line{width:18px}.hero-description{font-size:11px;margin-top:22px}.hero-signature{font-size:13px}.primary{font-size:10px;padding:14px 17px;gap:10px}.primary svg:last-child{margin-left:0}.hero-visual{max-width:310px}.photo-frame{padding:8px 8px 0}.photo-frame figcaption{font-size:10px;padding:12px 0 15px}.branch{width:100px;height:210px}.branch-left{left:-38px}.branch-right{right:-23px}.star-b{right:-16px}.angel-seal{width:75px;height:75px;right:-17px}.keepsake-line{gap:17px}.keepsake-line p{font-size:18px}.letter-section{gap:40px;padding-block:67px 94px}h2{font-size:43px}.letter-intro>p:not(.eyebrow){font-size:11px}.handwritten{font-size:12px}.envelope{height:213px}.wax-seal{top:73px;width:52px;height:52px;left:calc(50% - 26px);font-size:24px}.envelope-address{font-size:24px;bottom:15px}.envelope-address>span{font-size:8px}.envelope-paper{padding:19px 20px}.envelope-paper>span{font-size:20px}.envelope-hint{font-size:9px}.blessing-section{gap:45px}.blessing-copy h2{font-size:41px}.closing>p{font-size:32px}}
@media(max-width:700px){.wrap{width:calc(100% - 44px)}.site-header{height:79px}.wordmark{font-size:27px;gap:7px}.wordmark>svg{width:34px}.site-header nav{display:none}.sound-toggle{padding:10px 13px;gap:7px;font-size:9px;min-height:42px}.hero{grid-template-columns:1fr;gap:39px;padding-block:42px 44px;text-align:center}.hero-copy{padding:0}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.65px}.hero-copy .fine-line{display:none}h1{font-size:77px;line-height:.94;margin-top:24px;letter-spacing:-2.5px}h1 em{display:inline;white-space:nowrap}h1 em::after{width:91px;margin:10px auto 0;transform:translateX(60px) rotate(-4deg)}.hero-description{font-size:12px;line-height:1.9;max-width:310px;margin:24px auto 0}.hero-actions{margin-top:24px}.primary{padding:16px 23px;font-size:11px;min-height:54px}.hero-signature{font-size:14px;margin-top:18px}.hero-signature span{font-size:23px}.hero-bottom{display:none}.hero-visual{max-width:343px;width:calc(100% - 30px)}.photo-frame figcaption{font-size:11px;padding:14px 0 17px}.angel-seal{top:48px;right:-24px;width:77px;height:77px}.angel-seal svg{width:33px}.branch-left{left:-39px;bottom:2px;height:238px;width:115px}.branch-right{top:-2px;right:-34px;height:238px;width:115px}.star-a{left:-15px;top:15px;font-size:32px}.star-b{right:-27px;bottom:65px;font-size:24px}.keepsake-line{gap:12px;padding-block:28px 18px}.keepsake-line p{font-size:19px;line-height:1.45;max-width:230px}.keepsake-line svg{width:12px;height:12px}.keepsake-line>span{min-width:8px}.letter-section{grid-template-columns:1fr;gap:39px;padding-block:55px 83px;text-align:center}.letter-intro h2{font-size:46px;margin-top:14px}.letter-intro>p:not(.eyebrow){font-size:12px;margin:20px auto 0;max-width:300px}.handwritten{font-size:14px;margin-top:20px}.envelope{max-width:320px;height:222px;margin:10px auto 35px;width:calc(100% - 23px)}.wax-seal{top:78px}.envelope-address{font-size:27px;bottom:19px}.envelope-address>span{font-size:8px}.envelope-paper{padding:25px}.envelope-paper>span{font-size:22px}.envelope-hint{font-size:10px}.wishes-inner{padding-block:53px 45px}.wishes-inner h2{font-size:41px;line-height:1.1;margin-top:15px}.mobile-break{display:block}.section-description{font-size:11px;max-width:265px;margin:18px auto 0;line-height:1.9}.constellation{height:202px;margin:16px -7px 13px}.wish-star{width:64px;height:90px;padding:9px 7px 0;gap:13px}.wish-star svg{width:34px;height:34px}.wish-star>span{font-size:9px;letter-spacing:0}.wish-message{padding:29px 20px 23px;min-height:192px}.wish-message h3{font-size:28px;line-height:1.13}.wish-message p{font-size:11px;line-height:1.9;margin-top:13px}.wish-progress{font-size:8px;margin-top:21px}.constellation-complete{font-size:18px;max-width:270px;margin:15px auto 0}.blessing-section{grid-template-columns:1fr;gap:0;text-align:center;padding-block:47px 60px}.candle-scene{min-height:275px}.candle-button{margin-top:2px;height:211px;transform:scale(.9);transform-origin:bottom}.candle-hint{margin-top:0}.candle-halo{top:-30px}.candle-star-one{top:85px;left:26%}.candle-star-two{top:29px;right:25%}.blessing-copy{margin-top:30px}.blessing-copy h2{font-size:42px}.blessing-copy>p:not(.eyebrow){font-size:12px;margin:21px auto 0;max-width:290px}.candle-message{margin:22px auto 0;max-width:295px;min-height:79px}.candle-message p{font-size:21px}.closing{padding:44px 0 32px}.closing-wings{width:57px;height:47px;margin-bottom:19px}.closing>p{font-size:29px;line-height:1.3;letter-spacing:-.5px}.closing-signature{font-size:23px;margin-top:25px}.closing-heart{margin-bottom:24px}.site-footer{flex-direction:column;text-align:center;align-items:center;gap:6px;padding-block:20px 25px;font-size:8px}.site-footer span span{font-size:13px}.letter-content{padding:50px 27px 37px}.letter-content h2{font-size:34px;margin:16px 0 23px}.letter-content>p:not(.eyebrow){font-size:12px;line-height:1.95}.letter-content .letter-last{font-size:25px!important}.letter-content .letter-signature{font-size:20px!important}.letter-content>.eyebrow{font-size:7px;letter-spacing:1.8px}.dialog-close{width:40px;height:40px;margin:10px 10px -50px 0;top:10px}.photo-dialog .dialog-close{position:fixed;right:18px;top:18px}.photo-dialog img{max-height:85dvh}.eyebrow{font-size:9px;letter-spacing:2px}}
@media(max-width:370px){.wrap{width:calc(100% - 36px)}h1{font-size:68px}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.5px}.hero-description{font-size:11px;max-width:280px}.hero-signature{font-size:12px}.hero-visual{width:calc(100% - 28px)}.photo-frame figcaption{font-size:9px}.wish-star{width:56px}.wish-star>span{font-size:8px}.wishes-inner h2{font-size:36px}.closing>p{font-size:25px}.hero{gap:33px}.letter-intro h2{font-size:41px}.angel-seal{right:-23px;width:69px;height:69px}.angel-seal span{font-size:6px}.angel-seal svg{width:30px}}
html,body{overflow-x:clip}
@media(max-width:700px){.sound-toggle,.dialog-close{min-width:44px;min-height:44px}.hero-visual{isolation:isolate}}
@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:0;padding-top:32px}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy h1{order:1;font-size:72px;line-height:1.02;margin-top:19px}.hero-day{font-size:56px;white-space:nowrap}.hero-visual{order:2;margin-top:36px;max-width:310px}.hero-description{order:3;margin-top:30px}.hero-actions{order:4}.hero-signature{order:5}.letter-content>p:not(.eyebrow){font-size:14px;line-height:1.9}}
@media(max-width:370px){.hero-copy h1{font-size:63px}.hero-day{font-size:48px}.hero-visual{max-width:275px;margin-top:30px}.letter-content>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.celebration{display:none}}
@media print{.site-header,.hero-actions,.hero-bottom,.letter-section,.wishes-section,.blessing-section,.save-card,.save-status,.site-footer,.celebration,dialog{display:none!important}.wrap{width:90%}.hero{padding:20px 0;gap:40px;grid-template-columns:1fr 1fr}.hero-visual{max-width:250px}.hero-copy{text-align:left}h1{font-size:58px}.hero-description{font-size:12px}.closing{padding:30px 0}.closing>p{font-size:28px}body{background:#fff}.hero-signature{font-size:14px}}