@import "https://fonts.googleapis.com/css2?family=Allura&family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,500&family=Manrope:wght@300;400;500;600&display=swap";:root{--black:#050504;--ink:#090806;--gold:#efc35a;--gold2:#ffd578;--cream:#faf1df;--muted:#cdbfaa;--green:#78853a;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--script:"Allura",cursive;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);min-width:320px;color:var(--cream);font-family:var(--sans);margin:0;font-size:16px;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}::selection{color:#090806;background:#dcae46}.section-dark{isolation:isolate;background:radial-gradient(circle at 50% 35%,#1a1208 0,#090806 42%,#050504 76%);position:relative;overflow:hidden}.section-dark:after{content:"";z-index:-1;opacity:.28;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E");position:absolute;inset:0}.eyebrow{color:#e3c989;letter-spacing:.34em;text-transform:uppercase;margin:0 0 1rem;font-size:.67rem;font-weight:600}.site-header{z-index:40;mix-blend-mode:normal;background:linear-gradient(#050504e6,#0000);justify-content:space-between;align-items:center;height:66px;padding:0 clamp(1.1rem,4vw,3.4rem);display:flex;position:fixed;top:0;left:0;right:0}.brand{font:500 1.25rem var(--serif);align-items:center;gap:.65rem;display:flex}.brand .icon{color:var(--gold)}.header-actions{align-items:center;gap:.7rem;display:flex}.music{letter-spacing:.12em;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090806bf;border:1px solid #dcae4650;border-radius:99px;align-items:center;gap:.55rem;padding:.55rem .8rem;font-size:.68rem;display:flex}.music-bars{align-items:end;gap:2px;height:12px;display:flex}.music-bars i{background:var(--gold);width:2px;height:4px;display:block}.music-bars i:nth-child(2){height:9px}.music-bars i:nth-child(3){height:6px}.music-bars.playing i{animation:.8s ease-in-out infinite alternate bars}.music-bars.playing i:nth-child(2){animation-delay:-.35s}.music-bars.playing i:nth-child(3){animation-delay:-.55s}@keyframes bars{to{height:12px}}.menu-button{cursor:pointer;background:0 0;border:0;align-content:center;gap:5px;width:42px;height:42px;padding:9px;display:grid}.menu-button i{background:var(--gold2);justify-self:end;width:22px;height:1px;display:block}.menu-button i:nth-child(2){width:16px}.menu{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#050504f5;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;transition:transform .7s cubic-bezier(.76,0,.24,1);display:flex;position:fixed;inset:0;transform:translateY(-103%)}.menu.open{transform:translateY(0)}.menu a{width:min(420px,84vw);font:500 clamp(2rem,8vw,3.5rem) var(--serif);border-bottom:1px solid #dcae4633;align-items:center;gap:1.2rem;padding:1rem;display:flex}.menu a small{color:var(--gold);font:500 .65rem var(--sans);letter-spacing:.18em}.menu-close{color:var(--muted);text-transform:uppercase;letter-spacing:.16em;cursor:pointer;background:0 0;border:0;font-size:.8rem;position:absolute;top:1.5rem;right:1.5rem}.hero{text-align:center;flex-direction:column;align-items:center;min-height:max(800px,100svh);padding:7rem 1.1rem 2rem;display:flex}.hero-glow{aspect-ratio:1;z-index:-1;filter:blur(50px);background:#d18c0d1b;border-radius:50%;width:80%;position:absolute;top:12%;left:10%}.hero-copy{z-index:2;position:relative}.hero-copy h1{font:500 clamp(3.4rem,16vw,6.6rem)/.72 var(--serif);letter-spacing:-.045em;text-shadow:0 6px 25px #000;margin:0}.hero-copy h1 em{color:var(--gold2);font-size:1.14em;font-style:normal}.hero-subtitle{font:400 clamp(1rem,4.2vw,1.25rem)/1.35 var(--serif);color:#f0e5d2;margin:1.15rem 0 0}.hero-art{z-index:1;width:min(650px,116vw);height:min(430px,108vw);margin:-.6rem -8vw -1.25rem;position:relative;overflow:hidden}.hero-art img{object-fit:cover;object-position:center 70%;filter:drop-shadow(0 18px 45px #000);width:100%;height:100%}.script-note{color:#ffd578;font:400 clamp(1.55rem,7vw,2.25rem)/.9 var(--script);text-align:left;text-shadow:0 2px 8px #000;position:absolute;top:18%;right:4%;transform:rotate(-8deg)}.script-note span{font-family:var(--serif)}.bouquet-card{color:#332315;font:500 clamp(.7rem,3vw,.9rem)/1.05 var(--serif);text-align:center;background:#ead8b9;padding:.7rem .8rem;position:absolute;bottom:13%;right:19%;transform:rotate(7deg);box-shadow:0 8px 20px #0008}.bouquet-card strong{font-weight:600}.gold-button{z-index:3;color:#1d1409;width:min(320px,86vw);min-height:54px;font:600 1rem var(--serif);letter-spacing:.02em;cursor:pointer;background:linear-gradient(100deg,#d7a63e,#ffd578 55%,#dfae43);border:0;border-radius:13px;justify-content:center;align-items:center;gap:1rem;transition:all .25s;display:flex;position:relative;box-shadow:0 14px 36px #000c,0 0 22px #dcae4624}.gold-button:hover{transform:translateY(-3px);box-shadow:0 18px 44px #000,0 0 30px #dcae463c}.gold-button span:last-child{position:absolute;right:1.1rem}.mail-icon{font-family:var(--sans);position:static!important}.hero-foot,.section-bottom{color:#d6cbb9;letter-spacing:.27em;text-transform:uppercase;justify-content:center;align-items:center;gap:.75rem;margin-top:1.8rem;font-size:.61rem;line-height:1.45;display:flex}.hero-foot i,.section-bottom i{background:linear-gradient(90deg,transparent,var(--gold));width:30px;height:1px}.hero-foot i:last-child,.section-bottom i:last-child{transform:scaleX(-1)}.scroll-cue{border:1px solid #efc35a66;border-radius:22px;place-items:start center;width:34px;height:52px;padding-top:9px;display:grid;position:absolute;bottom:2rem;right:1.25rem}.scroll-cue span{background:var(--gold);border-radius:3px;width:3px;height:8px;animation:1.7s infinite scroll}@keyframes scroll{to{opacity:0;transform:translateY(22px)}}.petals{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.petals i{left:calc((var(--i) * 8.1%));filter:blur(.2px);opacity:.3;width:14px;height:8px;animation:fall calc(11s + var(--i)*.7s) linear infinite;animation-delay:calc(var(--i)*-1.6s);background:linear-gradient(135deg,#ffd752,#9a5d03);border-radius:100% 0;position:absolute;top:-7%}@keyframes fall{to{transform:translate(50px,115vh)rotate(780deg)}}.reminders{min-height:100svh;padding:7rem 1.15rem 6rem}.section-heading{text-align:center;max-width:700px;margin:0 auto 2.5rem}.section-heading h2{font:500 clamp(2.55rem,12vw,5.5rem)/.88 var(--serif);letter-spacing:-.03em;margin:0}.ornament{color:var(--gold);justify-content:center;align-items:center;gap:.75rem;margin:1.5rem auto;display:flex}.ornament i{background:linear-gradient(90deg,transparent,var(--gold));width:48px;height:1px}.ornament i:last-child{transform:scaleX(-1)}.reminder-list{gap:.75rem;max-width:850px;margin:auto;display:grid}.reminder-card{background:linear-gradient(120deg,#191208bd,#090806c7);border:1px solid #dcae4666;border-radius:15px;grid-template-columns:70px 1fr;align-items:center;gap:.6rem;min-height:155px;padding:1.25rem 2.2rem 1.25rem 1rem;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffd5781c,0 16px 40px #0009}.card-icon{color:var(--gold2);place-items:center;display:grid}.reminder-card h3{color:#f4d989;font:600 1.4rem/1 var(--serif);margin:0 0 .4rem}.reminder-card p{color:#d8cfc1;font:300 .82rem/1.55 var(--sans);margin:0}.card-number{color:#dcae4625;font:500 2.2rem var(--serif);position:absolute;top:.5rem;right:.7rem}.remember{text-align:center;margin-top:3.5rem}.remember .eyebrow{margin-bottom:.2rem}.script-display{color:var(--gold2);font:400 clamp(3rem,15vw,5.8rem)/.65 var(--script);margin:0}.tiny-star{color:var(--gold);margin-top:1.7rem;display:block}.message-section{background:#0b0704;flex-direction:column;justify-content:space-between;height:max(850px,100svh);min-height:100svh;padding:7rem 1.5rem 2.3rem;display:flex;position:relative;overflow:hidden}.message-bg{object-fit:cover;width:100%;height:116%;position:absolute;inset:-8% 0}.message-shade{background:linear-gradient(#080503db 0,#08050379 31%,#08050318 55%,#080503b8 100%),linear-gradient(90deg,#08050378,#0000);position:absolute;inset:0}.message-copy{z-index:2;text-shadow:0 3px 15px #000;max-width:570px;position:relative}.message-copy h2{font:500 clamp(2.9rem,12vw,5.8rem)/.82 var(--serif);letter-spacing:-.035em;margin:0 0 1rem}.gold-line{color:var(--gold2)!important;font:500 clamp(2.1rem,9vw,4.2rem)/1 var(--serif)!important;margin:.7rem 0 1.25rem!important}.message-copy>p:not(.eyebrow):not(.gold-line):not(.message-script){color:#f5ead9;max-width:420px;font:400 .95rem/1.55 var(--sans);margin:.55rem 0}.message-script{color:var(--gold2);transform:rotate(-4deg);font:400 clamp(2.2rem,11vw,4rem)/.75 var(--script)!important;margin:1.4rem 0 0 1rem!important}.message-footer{z-index:2;text-align:center;color:#f2e5d1;font:.65rem/1.6 var(--sans);letter-spacing:.25em;text-transform:uppercase;text-shadow:0 3px 9px #000;margin:0 auto;font-weight:600;position:relative}.envelope-section{flex-direction:column;align-items:center;min-height:100svh;padding:7rem 1rem 4rem;display:flex}.envelope-section .section-heading{margin-bottom:1rem}.envelope-section .section-heading h2{font-size:clamp(2.3rem,10vw,4.6rem)}.envelope-stage{cursor:pointer;perspective:1200px;width:min(520px,94vw);height:360px;margin-top:.3rem;position:relative}.envelope-shadow{filter:blur(20px);background:#000;border-radius:50%;height:35px;transition:all 1.2s;position:absolute;bottom:15px;left:10%;right:10%}.envelope{height:250px;transform-style:preserve-3d;transition:transform 1s cubic-bezier(.2,.75,.22,1);position:absolute;bottom:32px;left:5%;right:5%}.envelope-back{background:linear-gradient(145deg,#dfc59d,#f4e5c9);border-radius:4px;position:absolute;inset:0;box-shadow:0 20px 40px #0009}.letter-preview{z-index:2;color:#34271a;text-align:center;height:225px;font:500 1.15rem/1.25 var(--serif);background:#f8ecd7;padding:3.5rem 1rem 1rem;transition:transform 1.2s cubic-bezier(.16,.85,.24,1) .3s,box-shadow 1s;position:absolute;bottom:14px;left:8%;right:8%;box-shadow:0 3px 15px #4e321a54}.letter-preview:after{content:"";opacity:.15;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.18'/%3E%3C/svg%3E");position:absolute;inset:0}.mini-flower{color:#b57b0d;font-size:2rem;position:absolute;top:1rem;right:1.5rem}.envelope-front{z-index:3;background:linear-gradient(35deg,#d8bb8e 0 49.5%,#0000 50%),linear-gradient(-35deg,#f2dfbf 0 49.5%,#0000 50%),linear-gradient(#0000 48%,#e3c69b 49%);border-radius:4px;position:absolute;inset:0;overflow:hidden}.envelope-flap{z-index:4;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:top;background:linear-gradient(145deg,#f8e8cb,#d3b17d);width:100%;height:58%;transition:transform 1s cubic-bezier(.65,0,.25,1),z-index 0s .55s;position:absolute;top:0;left:0}.wax-seal{z-index:5;color:#f8d96f;background:radial-gradient(circle at 35% 30%,#f4bd39,#9c5c05 72%);border-radius:50%;place-items:center;width:60px;height:60px;margin:-30px;transition:opacity .3s .25s,transform .5s;display:grid;position:absolute;top:51%;left:50%;box-shadow:0 4px 12px #4a2609aa,inset 0 0 0 3px #ffd46840}.flower-sprig{z-index:6;color:#c99013;text-shadow:0 2px 5px #5d3a13;font-size:2.8rem;position:absolute;bottom:14%;right:9%;transform:rotate(-22deg)}.flower-sprig small{color:#7d832d;font-size:1rem}.envelope-stage.open .envelope{transform:translateY(-25px)rotateX(2deg)}.envelope-stage.open .envelope-flap{z-index:1;transform:rotateX(180deg)}.envelope-stage.open .wax-seal{opacity:0;transform:scale(.6)translateY(-60px)}.envelope-stage.open .letter-preview{transform:translateY(-155px);box-shadow:0 22px 34px #0008}.envelope-stage.open .envelope-shadow{filter:blur(25px);transform:scaleX(1.12)}.envelope-button{margin-top:.2rem}.section-bottom{margin-top:2.2rem}.letter-section{background:radial-gradient(circle at 60% 10%,#4f3418,#171009 38%,#070504 75%);min-height:100svh;padding:6rem 1rem 4rem;position:relative;overflow:hidden}.desk-light{filter:blur(70px);background:#ffbf4829;border-radius:50%;width:70vw;height:70vw;position:absolute;top:-20%;right:-25%}.physical-letter{color:#312519;max-width:690px;font:500 clamp(.94rem,3.7vw,1.08rem)/1.58 var(--serif);background:#f2e3c7;margin:auto;padding:clamp(2.2rem,8vw,5.3rem) clamp(1.5rem,7vw,4.5rem);position:relative;transform:rotate(-.4deg);box-shadow:0 30px 70px #000b,inset 0 0 0 1px #fff3}.physical-letter:before{content:"";pointer-events:none;opacity:.25;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='x'%3E%3CfeTurbulence baseFrequency='.45' numOctaves='5'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23x)' opacity='.13'/%3E%3C/svg%3E");position:absolute;inset:0}.physical-letter p{margin:0 0 1rem;position:relative}.physical-letter strong{color:#1e160e;font-weight:600}.salutation{font:400 clamp(2.8rem,13vw,4.8rem)/.8 var(--script)!important;margin-bottom:1.8rem!important}.paper-flower{color:#c18211;font-size:3rem;position:absolute;top:1rem;right:1.3rem;transform:rotate(15deg)}.physical-letter footer{text-align:right;margin-top:2.2rem;position:relative}.physical-letter footer span{font:400 2rem var(--script);display:block}.physical-letter footer strong{font:400 clamp(2.1rem,10vw,3.6rem)/.8 var(--script);display:block}.letter-caption{text-align:center;color:#d6c6af;font:.63rem/1.6 var(--sans);text-transform:uppercase;letter-spacing:.28em;margin-top:2.3rem}.letter-caption span{color:var(--gold)}.finale{text-align:center;min-height:100svh;padding:6.5rem 1rem 3.5rem}.final-copy{max-width:650px;margin:auto}.final-copy>p:first-child{color:#eee1ce;font:400 1rem/1.5 var(--serif);margin:0}.final-copy h2{color:var(--gold2);font:400 clamp(4.4rem,20vw,8rem)/.58 var(--script);margin:1rem 0 0;transform:rotate(-2deg)}.final-copy h3{font:500 clamp(2rem,9vw,4rem)/.9 var(--serif);margin:1.3rem 0}.final-message{color:#d8cbb8;max-width:480px;font:300 .9rem/1.55 var(--sans);margin:1.8rem auto 0}.final-message strong{color:#f5e4c7;font-weight:500}.final-bouquet{width:min(650px,115vw);margin:0 -7.5vw -1rem;position:relative}.final-bouquet img{width:100%}.final-card{color:#2e2115;font:500 .75rem/1.15 var(--serif);background:#ebddc2;padding:.7rem;position:absolute;bottom:15%;right:18%;transform:rotate(6deg);box-shadow:0 5px 14px #0008}.final-script{color:var(--gold2);font:400 clamp(2rem,10vw,3.8rem) var(--script);text-shadow:0 3px 12px #000;position:absolute;top:31%;right:5%;transform:rotate(-7deg)}.values{border-top:1px solid #dcae463b;border-bottom:1px solid #dcae463b;grid-template-columns:repeat(4,1fr);max-width:740px;margin:0 auto;padding:1.3rem 0;display:grid}.values>div{color:var(--gold);border-right:1px solid #dcae462d;flex-direction:column;align-items:center;gap:.65rem;padding:.2rem .4rem;display:flex}.values>div:last-child{border:0}.values span{color:#e7dac7;font:500 clamp(.66rem,2.7vw,.9rem)/1.1 var(--serif)}.closing{margin:3rem auto 0}.closing .eyebrow{font-size:.59rem}.closing>p:nth-child(2){font:400 1.1rem/1.4 var(--serif)}.closing em{color:var(--gold2);font:400 2.5rem var(--script)}.closing .icon{color:var(--gold)}.to-top{z-index:25;width:42px;height:42px;color:var(--gold);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#090806d8;border:1px solid #dcae4666;border-radius:50%;position:fixed;bottom:1rem;right:1rem}.reading-progress{z-index:60;transform-origin:0;background:linear-gradient(90deg,#c8942f,#ffd578);width:100%;height:2px;animation:linear reading;animation-timeline:scroll(root);position:fixed;top:0;left:0;scale:0 1}@keyframes reading{to{scale:1}}@media (width>=760px){.site-header{height:78px}.hero{padding-top:8rem}.hero-art{aspect-ratio:4/5;width:min(730px,70vw);height:auto;margin-top:-2rem;overflow:visible}.hero-art img{object-fit:contain}.hero-copy h1{font-size:6.8rem}.reminders{padding-inline:3rem}.reminder-list{grid-template-columns:repeat(3,1fr)}.reminder-card{text-align:center;grid-template-columns:1fr;align-content:start;min-height:330px;padding:2rem 1.2rem}.card-icon{min-height:70px}.reminder-card h3{font-size:1.7rem}.reminder-card p{font-size:.9rem}.message-section{justify-content:center;padding:9rem 8vw 3rem}.message-bg{object-position:center 58%}.message-copy{background:linear-gradient(90deg,#080503aa,#0000);border-left:1px solid #efc35a55;width:50%;padding:2rem}.message-footer{position:absolute;bottom:3rem;left:0;right:0}.envelope-stage{height:430px}.envelope{height:290px}.letter-preview{height:255px;font-size:1.35rem}.final-bouquet{width:min(700px,56vw);margin:-2rem auto -3rem}.finale{padding-top:8rem}.values span{font-size:1rem}}@media (width>=1100px){.hero{text-align:left;grid-template-rows:1fr auto auto;grid-template-columns:minmax(400px,.8fr) minmax(560px,1.2fr);align-items:center;padding:6rem 7vw 2.5rem;display:grid}.hero-copy{grid-area:1/1;align-self:center}.hero-copy h1{font-size:clamp(6rem,8vw,9rem)}.hero-subtitle{font-size:1.4rem}.hero-art{grid-area:1/2/4;align-self:end;width:min(720px,54vw);height:calc(100svh - 76px);margin:0 -4vw -2.5rem -2vw}.hero-art img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.gold-button{grid-area:2/1}.hero-foot{grid-area:3/1;justify-content:flex-start}.script-note{top:25%;right:8%}.reminders{padding-block:9rem}.section-heading h2{font-size:5.7rem}.reminder-list{max-width:1100px}.message-section{height:100svh}.message-bg{object-position:center 55%}.physical-letter{padding-block:5rem}.final-copy h2{font-size:8.7rem}.final-bouquet{width:min(760px,48vw)}}@media (width<=430px){.hero{padding-top:6.2rem}.hero-art{margin-top:-.2rem}.hero-foot{font-size:.55rem}.message-section{padding-inline:1.15rem}.reminder-card{min-height:145px}.envelope-stage{margin-inline:-3vw;transform:scale(.94)}.values{grid-template-columns:repeat(2,1fr);row-gap:1rem}.values>div:nth-child(2){border-right:0}.values>div:nth-child(-n+2){border-bottom:1px solid #dcae462d;padding-bottom:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.message-bg{transform:none!important}}