@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@400;500;600;700&family=Great+Vibes&display=swap";
:root{--pink:#df7182;--rose:#c95b70;--deep:#171215;--cream:#fffaf7;--ink:#2f2527;--gold:#e9a987}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:#fffaf8;margin:0;font-family:DM Sans,Arial,sans-serif}.nav{color:#fff;z-index:20;background:#0d0c0e;justify-content:space-between;align-items:center;height:80px;padding:0 5%;display:flex;position:absolute;top:0;left:0;right:0}.brand{color:#fff;font-family:Great Vibes,cursive;font-size:32px;text-decoration:none}.brand span{color:#ef8796;margin-left:5px;font-family:serif;font-size:34px}.nav nav{gap:42px;display:flex}.nav nav a{color:#fff;font-size:15px;text-decoration:none}.nav nav a.active{color:#f18a98;position:relative}.nav nav a.active:after{content:"";background:#f18a98;height:2px;position:absolute;bottom:-10px;left:0;right:0}.hero{color:#fff;background:radial-gradient(circle,#302225 0,#151113 48%,#09090a 100%);min-height:535px;padding:130px 20px 60px;position:relative;overflow:hidden}.hero:before{content:"";opacity:.6;background:radial-gradient(circle at 15% 40%,#fff8 0 3px,#0000 5px) 0 0/180px 160px,radial-gradient(circle at 75% 25%,#ffd6a8aa 0 4px,#0000 7px) 0 0/260px 220px,radial-gradient(circle at 58% 75%,#fff6 0 3px,#0000 6px) 0 0/210px 190px,radial-gradient(circle at 88% 60%,#fff7 0 4px,#0000 7px) 0 0/240px 200px;position:absolute;inset:0}.hero-inner{z-index:5;text-align:center;max-width:800px;margin:auto;position:relative}.script{color:#ef9ba5;margin:0 0 -8px;font:400 65px/1 Great Vibes,cursive}.hero h1{letter-spacing:3px;color:#fff;margin:0;font:600 108px/.88 Cormorant Garamond,serif}.is30{justify-content:center;align-items:center;gap:20px;height:125px;display:flex;position:relative}.is30 span{color:#f08796;align-self:flex-start;margin-top:25px;font:400 66px/1 Great Vibes,cursive}.is30 strong{background:linear-gradient(135deg,#f4b596,#fff1dd 35%,#d97983 75%);color:#0000;text-shadow:0 0 20px #df8b7a22;-webkit-background-clip:text;background-clip:text;font:600 135px/.8 Cormorant Garamond,serif}.is30 i{color:#f7c2ba;align-self:flex-end;margin:0 0 20px -5px;font:400 55px/1 Great Vibes,cursive}.divider{border-top:1px solid #d9958a;width:365px;max-width:80%;height:22px;margin:4px auto 2px;position:relative}.divider span{color:#df7882;background:#151113;padding:0 10px;position:relative;top:-12px}.date{letter-spacing:5px;margin:0 0 12px;font:500 19px Cormorant Garamond,serif}.intro{margin:0;font-size:18px;line-height:1.55}.intro span{color:#e86d7d}.balloon{z-index:2;background:radial-gradient(circle at 30% 25%,#ffd6d0 0 8%,#e58c91 30%,#8b444b 90%);border-radius:50% 50% 46% 46%;width:90px;height:112px;position:absolute;box-shadow:inset -18px -15px 25px #54252a55,0 12px 30px #0008}.balloon:after{content:"";border:5px solid #0000;border-top:10px solid #c77a78;position:absolute;bottom:-8px;left:43px}.ba1{top:135px;left:-24px}.ba2{background:radial-gradient(circle at 30% 25%,#ffe2d6,#c77d70 35%,#6d3539);width:110px;height:140px;top:90px;left:60px}.ba3{background:radial-gradient(circle at 30% 25%,#ffe4df,#e8959b 35%,#6b3338);width:115px;height:145px;top:80px;right:-30px}.ba4{background:radial-gradient(circle at 30% 25%,#ffe6dc,#d57b80 35%,#71373d);width:100px;height:125px;top:155px;right:70px}.ba5{background:radial-gradient(circle at 30% 25%,#ffd8c9,#ad625e 45%,#5d3034);width:82px;height:105px;top:240px;right:-15px}.bokeh{filter:blur(8px);opacity:.55;background:#ffd6a8;border-radius:50%;position:absolute}.b1{width:22px;height:22px;top:110px;left:25%}.b2{width:14px;height:14px;top:125px;right:26%}.b3{width:28px;height:28px;bottom:70px;left:18%}.b4{width:18px;height:18px;bottom:100px;right:14%}.confetti{color:#e57e7d;z-index:3;position:absolute}.c1{top:205px;left:31%}.c2{top:180px;right:28%}.c3{bottom:100px;left:35%}.c4{bottom:75px;right:39%}.c5{bottom:55px;right:19%}.actions{z-index:10;grid-template-columns:1fr 1fr;gap:14px;max-width:1080px;margin:-35px auto 0;padding:0 22px;display:grid;position:relative}.action-card{border:1px solid #eadbd7;border-radius:17px;height:290px;padding:34px 38px 24px 188px;position:relative;box-shadow:0 6px 25px #4b2d3212}.photo-card{background:#fbe9e7}.message-card{background:#fff5e7}.round-icon{background:#db6375;border-radius:50%;place-items:center;width:70px;height:70px;margin-bottom:10px;display:grid}.round-icon svg,.modal-icon svg{fill:none;stroke:#fff;stroke-width:2.4px;width:42px;height:42px}.action-card h2{letter-spacing:.3px;margin:0 0 8px;font:700 23px Cormorant Garamond,serif}.action-card p{margin:0 0 20px;font:15px/1.45 Cormorant Garamond,serif}.action-card button,.modal-submit{color:#fff;letter-spacing:.4px;cursor:pointer;background:#db6375;border:0;border-radius:8px;align-items:center;gap:8px;padding:14px 18px;font:700 13px DM Sans,sans-serif;display:inline-flex}.action-card button svg{fill:none;stroke:#fff;stroke-width:2px;width:17px;height:17px}.action-card small{margin-top:10px;font-size:11px;display:block}.polaroids{width:125px;height:235px;position:absolute;top:22px;left:23px}.fake-photo{color:#fff;background:linear-gradient(145deg,#9fcbe0,#e9bba2);border:7px solid #fff;place-items:center;width:91px;height:105px;font-size:30px;display:grid;position:absolute;box-shadow:0 5px 12px #0003}.fp1{top:0;left:0;transform:rotate(-8deg)}.fp2{background:linear-gradient(145deg,#f3b57e,#5b718b);top:106px;left:8px;transform:rotate(5deg)}.envelope{background:#f5eee5;border:1px solid #dfd0c5;width:105px;height:75px;position:absolute;top:65px;right:30px;transform:rotate(10deg);box-shadow:0 5px 12px #0002}.envelope:before{content:"";background:linear-gradient(135deg,#0000 49%,#ddcfc2 50%,#0000 51%),linear-gradient(225deg,#0000 49%,#ddcfc2 50%,#0000 51%);position:absolute;inset:0}.envelope span{color:#fff;background:#e47d87;border-radius:50%;place-items:center;width:34px;height:34px;font-size:23px;display:grid;position:absolute;bottom:-17px;right:32px}.message-card{padding-left:74px;padding-right:180px}.message-card .round-icon{margin-bottom:12px}.memories{max-width:1080px;margin:0 auto;padding:55px 22px 75px}.memory-heading{justify-content:space-between;align-items:end;gap:25px;margin-bottom:22px;display:flex}.memory-heading>div:first-child{text-align:center;flex:1}.memory-heading h2{letter-spacing:2px;margin:0;font:500 25px Cormorant Garamond,serif}.little-heart{color:#db6375;margin:7px auto 5px;font-size:15px;position:relative}.little-heart:before,.little-heart:after{content:"";vertical-align:middle;border-top:1px solid #dcb3b0;width:50px;margin:0 10px;display:inline-block}.memory-heading p{color:#64595a;margin:0;font:15px Cormorant Garamond,serif}.filters{border:1px solid #e4d7d4;border-radius:25px;gap:2px;padding:3px;display:flex}.filters button{cursor:pointer;color:#53494a;background:0 0;border:0;border-radius:20px;place-items:center;min-width:44px;height:36px;padding:0 14px;font:600 12px DM Sans;display:grid}.filters button.selected{color:#fff;background:#db6375}.filters svg{fill:none;stroke:currentColor;stroke-width:1.7px;width:19px;height:19px}.gallery{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.gallery figure{background:#fff;border:1px solid #eadfdb;border-radius:13px;margin:0;overflow:hidden;box-shadow:0 4px 15px #0000000c}.gallery img{aspect-ratio:1.02;object-fit:cover;width:100%;display:block}.gallery figcaption{flex-direction:column;gap:4px;padding:13px 14px;display:flex}.gallery figcaption span{font:15px/1.3 Cormorant Garamond,serif}.gallery figcaption b{font-size:12px}.gallery figcaption small,.messages small{color:#776b6d;font-size:10px}.messages{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:13px;display:grid}.messages article{background:#fbeae6;border:1px solid #ead7d3;border-radius:13px;min-height:225px;padding:28px 24px 20px}.quote{color:#df7780;font:60px/20px Georgia,serif}.messages p{margin:18px 0;font:17px/1.35 Cormorant Garamond,serif}.messages b{font-size:12px;display:block}.messages small{margin-top:3px;display:block}.empty-state{text-align:center;background:#fffdfb;border:1px dashed #e5d2cf;border-radius:16px;padding:65px 20px}.empty-state>div{color:#df7780;font-size:42px}.empty-state h3{margin:8px 0;font:500 26px Cormorant Garamond,serif}.empty-state p{color:#786d6f;margin:0;font:14px DM Sans}footer{color:#2f2527;background:#e39a9b;grid-template-columns:1.2fr .8fr 1.2fr;align-items:center;min-height:175px;padding:30px 7% 48px;display:grid;position:relative;overflow:hidden}footer:before{content:"✦  ·  ✧  ·  ✦  ·  ✧  ·  ✦";color:#c96f74aa;letter-spacing:18px;position:absolute;top:20px;left:0}.footer-left,.footer-mid,.footer-right{justify-content:center;align-items:center;min-height:105px;display:flex}.footer-left{border-right:1px solid #f3c8c4;flex-direction:column;gap:16px;padding-right:35px}.footer-left p{text-align:left;margin:0;font:15px/1.4 DM Sans}.footer-heart{color:#c75e69;font-size:38px}.footer-mid{border-right:1px solid #f3c8c4;flex-direction:column}.footer-mid svg{fill:none;stroke:#fff;stroke-width:2px;width:52px;height:52px}.footer-mid p{text-align:center;margin:5px 0 0;font:15px/1.25 DM Sans}.footer-right{gap:18px}.footer-right p{text-align:right;color:#fff;font:14px/1.35 DM Sans}.qr{background:#fff;border-radius:7px;place-items:center;width:92px;height:92px;display:grid}.qr-grid{color:#111;font-size:68px;line-height:1}.bottom{color:#ddd;text-align:center;background:#141113;height:35px;padding-top:9px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.bottom span{color:#e77782}.modal-backdrop{z-index:100;background:#100c0dcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fffaf8;border-radius:18px;width:min(510px,100%);padding:34px;position:relative;box-shadow:0 25px 80px #0008}.close{color:#786b6d;cursor:pointer;background:0 0;border:0;font-size:32px;position:absolute;top:10px;right:16px}.modal-icon{background:#db6375;border-radius:50%;place-items:center;width:62px;height:62px;display:grid}.modal-icon svg{width:38px;height:38px}.modal h2{margin:12px 0 2px;font:600 34px Cormorant Garamond,serif}.modal>p{color:#6d6264;margin:0 0 20px;font:15px DM Sans}.modal form label{color:#514547;margin:14px 0;font:600 12px DM Sans;display:block}.modal em{color:#8b7c7e;font-weight:400}.modal input,.modal textarea{background:#fff;border:1px solid #dfcfcc;border-radius:8px;outline:none;width:100%;margin-top:7px;padding:12px;font:15px DM Sans;display:block}.modal input:focus,.modal textarea:focus{border-color:#db6375}.modal textarea{resize:vertical;min-height:125px}.modal-submit{justify-content:center;width:100%;margin-top:5px}.modal-submit:disabled{opacity:.6}.modal-status{text-align:center;color:#b45262;margin-top:13px;font-size:13px;font-weight:600}@media (max-width:800px){.nav{height:68px;padding:0 20px}.brand{font-size:26px}.nav nav{gap:16px}.nav nav a{font-size:12px}.hero{min-height:500px;padding-top:110px}.script{font-size:52px}.hero h1{font-size:80px}.is30{height:105px}.is30 strong{font-size:110px}.is30 span{font-size:55px}.actions{grid-template-columns:1fr;margin-top:-22px}.action-card{height:auto;min-height:285px}.memory-heading{flex-direction:column;align-items:center}.filters{align-self:center}.gallery{grid-template-columns:repeat(2,1fr)}.messages{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;gap:15px;padding-bottom:55px}.footer-left,.footer-mid{border-bottom:1px solid #f3c8c4;border-right:0;padding:10px 0 18px}.footer-right{padding-top:10px}.desktop{display:none}}@media (max-width:520px){.nav nav a:last-child{display:none}.hero{min-height:475px}.hero h1{font-size:68px}.script{font-size:46px}.is30 strong{font-size:95px}.is30 span{font-size:48px}.intro{font-size:15px}.ba2{left:-35px}.ba3{right:-38px}.actions{padding:0 14px}.action-card{padding:30px 24px 22px 145px}.message-card{padding-left:25px;padding-right:150px}.polaroids{left:10px}.envelope{width:85px;right:10px}.gallery,.messages{grid-template-columns:1fr}.memories{padding-left:14px;padding-right:14px}.memory-heading h2{font-size:21px}.little-heart:before,.little-heart:after{width:25px}.footer-right{flex-direction:column}.footer-right p{text-align:center}.qr{width:80px;height:80px}}.hero h1{margin-bottom:-10px}.is30{margin-top:-2px;transform:translateY(-28px)}@media (max-width:800px){.hero-inner{padding-top:12px}.hero h1{margin-bottom:-8px}.is30{transform:translateY(-24px)}}@media (max-width:520px){.hero-inner{padding-top:8px}.hero h1{margin-bottom:-6px}.is30{transform:translateY(-20px)}}.is30{height:auto;min-height:142px;margin-bottom:-78px;overflow:visible;transform:translateY(-82px)}.is30 strong{line-height:.92;display:block;overflow:visible}.is30 span{margin-top:34px}.is30 i{margin-bottom:24px}@media (max-width:800px){.is30{min-height:120px;margin-bottom:-64px;transform:translateY(-68px)}.is30 strong{line-height:.94}}@media (max-width:520px){.is30{min-height:108px;margin-bottom:-54px;transform:translateY(-58px)}.is30 strong{line-height:.96}}.is30{transform:translateY(-145px)!important}@media (max-width:800px){.is30{transform:translateY(-125px)!important}}@media (max-width:520px){.is30{transform:translateY(-105px)!important}}.hero-inner{padding-top:18px}.hero h1{margin:0;font-size:108px;line-height:.88}.is30{justify-content:center;align-items:center;gap:20px;height:150px;min-height:0;margin:0;display:flex;overflow:visible;transform:none!important}.is30 span{align-self:center;margin:0;font-size:66px}.is30 strong{font-size:135px;line-height:.82;display:block;overflow:visible}.is30 i{align-self:center;margin:0 0 -4px -5px;font-size:55px}@media (max-width:800px){.hero-inner{padding-top:12px}.hero h1{font-size:80px;line-height:.9}.is30{gap:14px;height:125px;margin:0;transform:none!important}.is30 span{margin:0;font-size:55px}.is30 strong{font-size:110px;line-height:.88}.is30 i{margin:0;font-size:48px}}@media (max-width:520px){.hero-inner{padding-top:8px}.hero h1{font-size:68px}.is30{gap:8px;height:112px;transform:none!important}.is30 span{font-size:48px}.is30 strong{font-size:96px;line-height:.9}.is30 i{font-size:42px}}.hero h1{margin:0 0 4px!important;line-height:1!important}.is30{align-items:flex-start!important;height:150px!important;min-height:0!important;margin:0!important;padding-top:8px!important;overflow:visible!important;transform:none!important}.is30 span{align-self:flex-start!important;margin-top:28px!important}.is30 strong{align-self:flex-start!important;line-height:.92!important}.is30 i{align-self:flex-start!important;margin-top:22px!important}@media (max-width:800px){.hero h1{margin-bottom:3px!important;line-height:1!important}.is30{height:125px!important;padding-top:5px!important}.is30 span{margin-top:22px!important}.is30 i{margin-top:17px!important}}@media (max-width:520px){.hero h1{margin-bottom:2px!important;line-height:1!important}.is30{height:112px!important;padding-top:4px!important}.is30 span{margin-top:18px!important}.is30 i{margin-top:14px!important}}.hero h1{z-index:2;position:relative;margin:0!important;line-height:.9!important}.is30{z-index:3;position:relative;justify-content:center!important;align-items:flex-start!important;gap:20px!important;height:205px!important;min-height:0!important;margin:0!important;padding-top:12px!important;display:flex!important;overflow:visible!important;transform:none!important}.is30 span{align-self:flex-start!important;margin:28px 0 0!important;font-size:66px!important;line-height:1!important}.is30 strong{align-self:flex-start!important;margin:0!important;font-size:135px!important;line-height:.88!important;display:block!important;overflow:visible!important}.is30 i{align-self:flex-start!important;margin:22px 0 0 -5px!important;font-size:55px!important;line-height:1!important}.divider{margin-top:0!important}@media (max-width:800px){.is30{gap:14px!important;height:175px!important;padding-top:10px!important}.is30 span{margin-top:22px!important;font-size:55px!important}.is30 strong{font-size:110px!important}.is30 i{margin-top:17px!important;font-size:48px!important}}@media (max-width:520px){.is30{gap:8px!important;height:150px!important;padding-top:8px!important}.is30 span{margin-top:18px!important;font-size:48px!important}.is30 strong{font-size:96px!important}.is30 i{margin-top:14px!important;font-size:42px!important}}.is30 strong{justify-content:center!important;align-items:flex-end!important;gap:0!important;line-height:.88!important;display:flex!important}.is30 strong .digit-three,.is30 strong .digit-zero,.is30 strong .digit-bang{background:linear-gradient(135deg,#f4b596,#fff1dd 35%,#d97983 75%);color:#0000;text-shadow:0 0 20px #df8b7a22;-webkit-background-clip:text;background-clip:text;font:600 135px/.88 Cormorant Garamond,serif;display:inline-block}.is30 strong .digit-three,.is30 strong .digit-zero{height:1em}.is30 strong .digit-bang{margin-left:4px}@media (max-width:800px){.is30 strong .digit-three,.is30 strong .digit-zero,.is30 strong .digit-bang{font-size:110px}}@media (max-width:520px){.is30 strong .digit-three,.is30 strong .digit-zero,.is30 strong .digit-bang{font-size:96px}}