@import "https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap";:root{--paper:#f8f1e5;--cream:#fff7ea;--green:#4f603a;--soft-green:#c9d4ae;--pink:#e9b9b4;--red:#a94b55;--text:#4b4038;--muted:#807268;--shadow:#48382f2e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--text);margin:0;font-family:Nunito,sans-serif}body:after{content:"";z-index:100;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.42'/%3E%3C/svg%3E");position:fixed;inset:0}.site{background: linear-gradient(105deg, #ffffff14 39%, #00000005 40%, #ffffff1f 41%, transparent 42%), linear-gradient(280deg, #ffffff14 49%, #00000008 50%, #ffffff1a 51%, transparent 52%), linear-gradient(15deg, #ffffff0f 19%, #00000005 20%, #ffffff14 21%, transparent 22%),  radial-gradient(circle, transparent 40%, #4b382f38 100%),  radial-gradient(circle at 10% 20%, #e9b9b466, transparent 24rem), radial-gradient(circle at 90% 10%, #c9d4ae59, transparent 24rem), radial-gradient(circle at 50% 50%, #d9c4a74d, transparent 30rem),  var(--paper);filter:sepia(.12)contrast(1.02)saturate(.95);max-width:520px;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #00000026}.site:before{content:"";z-index:10;pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:radial-gradient(circle at 30% 40%,#4b382f99,#0000 150px),radial-gradient(circle at 75% 70%,#4b382f80,#0000 200px),url("data:image/svg+xml,%3Csvg viewBox='0 0 600 600' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 80 Q 200 150 250 400 T 590 580' fill='none' stroke='%2348382F' stroke-width='0.5' opacity='0.4'/%3E%3Cpath d='M500 50 Q 300 200 100 550' fill='none' stroke='%2348382F' stroke-width='0.4' opacity='0.35'/%3E%3Cpath d='M80 500 Q 150 200 450 100' fill='none' stroke='%2348382F' stroke-width='0.6' opacity='0.3'/%3E%3Ccircle cx='100' cy='120' r='1' fill='%2348382F' opacity='0.5'/%3E%3Ccircle cx='340' cy='450' r='0.8' fill='%2348382F' opacity='0.4'/%3E%3Ccircle cx='480' cy='220' r='1.2' fill='%2348382F' opacity='0.6'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='paper-grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.035' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='matrix' values='0 0 0 0 0.3  0 0 0 0 0.25  0 0 0 0 0.2  0 0 0 0.45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper-grain)' opacity='0.6'/%3E%3C/svg%3E");position:absolute;inset:0}.screen{background:radial-gradient(#4b40380f 1px,#0000 1px) 0 0/20px 20px,linear-gradient(#ffffff73,#fff7ea61);min-height:100svh;padding:32px 24px 30px;position:relative}.menu-lines{z-index:5;gap:6px;display:grid;position:absolute;top:24px;right:26px}.menu-lines.left{left:24px;right:auto}.menu-lines span{background:var(--green);border-radius:99px;width:28px;height:2px;display:block}.hero-screen{flex-direction:column;align-items:center;display:flex}.invited-note{color:var(--red);margin:0;font:700 30px/.84 Caveat,cursive;position:absolute;top:46px;left:28px;transform:rotate(-9deg)}.invited-note span{font-size:30px}.hero-bow{color:var(--green);margin:10px 0 0;font:700 48px/1 Caveat,cursive}.doodle{margin:0;font-family:Caveat,cursive;position:absolute}.star-1{color:var(--soft-green);font-size:29px;top:142px;left:78px}.star-2{color:var(--green);font-size:26px;top:320px;right:64px}.heart-1{color:var(--red);font-size:42px;top:270px;right:70px;transform:rotate(10deg)}.hero-title{text-align:center;width:100%;margin-top:10px}.hero-title h1{color:var(--green);letter-spacing:.02em;text-shadow:0 4px #c9d4ae3b;margin:0;font:700 clamp(72px,19vw,104px)/.78 Caveat,cursive}.hero-title h1 span{color:var(--red);font-size:.65em}.date-tape{width:fit-content;color:var(--red);letter-spacing:.18em;background:#e9b9b485;border-radius:7px;margin:18px auto 0;padding:9px 30px 8px;font-weight:900}.child-collage{width:100%;height:315px;margin-top:26px;position:relative}.polaroid{width:168px;box-shadow:0 18px 35px var(--shadow);filter:sepia(.12)saturate(.82)contrast(.96);background:#f6efe3;border:8px solid #fffaf0;margin:0;padding:8px;position:absolute}.polaroid-img-wrap{width:100%;height:188px;position:relative;overflow:hidden}.polaroid-img-wrap img{object-fit:cover;width:100%;height:100%;display:block}.child-right .polaroid-img-wrap img{object-position:63% 15%;transform:scale(1.35)}.child-left{top:18px;left:10px;transform:rotate(-8deg)}.child-right{top:7px;right:5px;transform:rotate(7deg)}.washitape{z-index:4;opacity:.84;mix-blend-mode:multiply;clip-path:polygon(2% 8%,5% 3%,50% 1%,95% 3%,98% 8%,96% 25%,100% 40%,95% 60%,99% 80%,96% 95%,95% 97%,50% 99%,5% 97%,2% 95%,4% 80%,1% 60%,5% 40%,1% 25%);filter:drop-shadow(0 2px 3px #48382f26);width:104px;height:28px;position:absolute}.tape-green{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8 L8 12 M20 20 L28 18 M75 8 L65 10 M45 4 L48 9 M15 25 L22 22 M80 20 L90 22' stroke='white' stroke-width='1.5' opacity='0.5' stroke-linecap='round'/%3E%3Cpath d='M10 5 L8 15 M40 2 L42 12 M85 15 L82 25' stroke='rgba(75,56,47,0.2)' stroke-width='1' opacity='0.4'/%3E%3Ccircle cx='30' cy='8' r='1.5' fill='white' opacity='0.4'/%3E%3Ccircle cx='70' cy='22' r='2' fill='white' opacity='0.45'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#4f603a14 0 2px,#0000 2px 5px),linear-gradient(115deg,#fff6 0%,#0000 45%,#0000001f 55%,#fff3 100%),radial-gradient(at 0,#8b735547,#0000 38px),radial-gradient(at 100%,#8b735547,#0000 38px),#d0d9b5;top:4px;left:18px;transform:rotate(-13deg)}.tape-pink{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8 L8 12 M20 20 L28 18 M75 8 L65 10 M45 4 L48 9 M15 25 L22 22 M80 20 L90 22' stroke='white' stroke-width='1.5' opacity='0.5' stroke-linecap='round'/%3E%3Cpath d='M10 5 L8 15 M40 2 L42 12 M85 15 L82 25' stroke='rgba(75,56,47,0.2)' stroke-width='1' opacity='0.4'/%3E%3Ccircle cx='30' cy='8' r='1.5' fill='white' opacity='0.4'/%3E%3Ccircle cx='70' cy='22' r='2' fill='white' opacity='0.45'/%3E%3C/svg%3E"),repeating-linear-gradient(90deg,#ffffff29 0 1px,#0000 1px 3px),repeating-linear-gradient(0deg,#a94b550f 0 2px,#0000 2px 5px),linear-gradient(-115deg,#fff6 0%,#0000 45%,#0000001f 55%,#fff3 100%),radial-gradient(at 0,#8b735547,#0000 38px),radial-gradient(at 100%,#8b735547,#0000 38px),#e8bbb5;top:0;right:6px;transform:rotate(14deg)}.heart-knot{z-index:5;color:var(--red);text-shadow:0 4px 0 var(--paper);font:700 78px/1 Caveat,cursive;position:absolute;top:174px;left:50%;transform:translate(-50%)}.red-line{background:var(--red);border-radius:99px;height:2px;position:absolute;top:231px;left:68px;right:68px;transform:rotate(-1deg)}.double-note{z-index:2;gap:9px;margin-top:-6px;display:grid;position:relative}.note{text-align:center;border-radius:8px;width:270px;padding:10px 18px;font:700 30px/.88 Caveat,cursive}.green-note{color:var(--green);background:#c9d4ae9e;transform:rotate(-1deg)}.pink-note{color:var(--red);background:#e9b9b48c;transform:rotate(1deg)}.open-button{width:min(100%,360px);color:var(--red);text-align:center;background:#c9d4aed1;border:2px dashed #a94b559e;border-radius:38px;margin-top:26px;padding:18px 24px;font:800 23px/1 Caveat,cursive;text-decoration:none;box-shadow:0 14px 28px #48382f29}.music-row{grid-template-columns:58px 1fr 52px;align-items:center;gap:16px;width:100%;margin-top:22px;display:grid}.vinyl-record{background:conic-gradient(#0000 0%,#ffffff29 12%,#0000 24% 38%,#ffffff29 50%,#0000 62% 76%,#ffffff29 88%,#0000 100%),repeating-radial-gradient(circle,#282421 0 2px,#1c1917 3px 4px);border:1px solid #141210;border-radius:50%;place-items:center;width:58px;height:58px;transition:transform .4s cubic-bezier(.25,1,.5,1);display:grid;position:relative;box-shadow:0 8px 20px #48382f38,inset 0 0 8px #000c}.vinyl-label{color:#4f603a;letter-spacing:.05em;text-align:center;background:#e8bbb5;border-radius:50%;place-items:center;width:22px;height:22px;font:900 8px/22px Nunito,sans-serif;display:grid;position:relative;box-shadow:inset 0 0 3px #0003}.vinyl-label.img-label{background-position:50%;background-size:cover}.vinyl-label:after{content:"";background:#f8f1e5;border-radius:50%;width:4px;height:4px;position:absolute;box-shadow:inset 0 1px 2px #0009}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vinyl-record.spinning{animation:3.5s linear infinite spin}.song-text p{color:var(--green);margin:0 0 4px;font:700 26px/.8 Caveat,cursive}.song-text span{color:var(--muted);font-size:13px}.play-btn{width:50px;height:50px;color:var(--green);background:#e9b9b49e;border:0;border-radius:50%;font-size:17px}.top-script{text-align:center;color:var(--green);margin:0;font:700 26px/1 Caveat,cursive}.date-main{grid-template-columns:1.02fr .9fr;align-items:start;gap:14px;margin-top:40px;display:grid}.calendar-paper{background:#fff8eb;border-radius:3px;padding:28px 16px 18px;position:relative;transform:rotate(-2deg);box-shadow:0 18px 34px #48382f21}.paper-holes{justify-content:space-around;display:flex;position:absolute;top:10px;left:12px;right:12px}.paper-holes span{background:var(--paper);border-radius:50%;width:8px;height:8px;box-shadow:inset 0 1px 2px #48382f2e}.calendar-paper h2{color:var(--green);margin:8px 0 18px;font:700 43px/.8 Caveat,cursive}.weekdays{border-bottom:1px solid #a94b5573;grid-template-columns:repeat(7,1fr);gap:6px;padding-bottom:8px;display:grid}.weekdays span{color:var(--muted);text-align:center;font-size:8px;font-weight:900}.calendar-grid{grid-template-columns:repeat(7,1fr);row-gap:14px;margin-top:13px;display:grid}.calendar-grid span{text-align:center;font-size:15px;font-weight:700;position:relative}.active-day{color:var(--red)}.active-day:after{content:"♡";color:var(--red);z-index:-1;font:700 55px/1 Caveat,cursive;position:absolute;top:50%;left:50%;transform:translate(-50%,-54%)}.big-date-photo{background:#fff8eb;margin:0;padding:8px 8px 16px;transform:rotate(6deg);box-shadow:0 18px 34px #48382f26}.big-date-photo img{object-fit:cover;filter:sepia(.08)saturate(.86)contrast(.96);width:100%;height:170px;display:block}.big-date-photo figcaption{color:var(--green);text-align:center;margin-top:8px;font:700 23px/.78 Caveat,cursive}.important-tape{width:fit-content;max-width:290px;color:var(--text);text-align:center;background:#e9b9b494;border-radius:8px;margin:34px auto 0;padding:12px 28px;font:700 28px/.85 Caveat,cursive;transform:rotate(-1deg)}.count-label{text-align:center;letter-spacing:.22em;color:var(--muted);margin:26px 0 16px;font-size:11px;font-weight:900}.countdown{grid-template-columns:1fr 10px 1fr 10px 1fr 10px 1fr;align-items:center;gap:5px;display:grid}.countdown div{background:#fff8eb;place-items:center;min-height:78px;padding:9px 5px;display:grid;box-shadow:0 10px 22px #48382f1a}.countdown b{color:var(--green);font:700 43px/.75 Caveat,cursive}.countdown span{color:var(--muted);font:700 18px/.7 Caveat,cursive}.countdown i{color:var(--red);text-align:center;font-style:normal;font-weight:900}.mini-photos{grid-template-columns:repeat(4,1fr);align-items:end;gap:0;margin-top:36px;display:grid}.mini-photos figure{background:#fff8eb;margin:0;padding:5px;box-shadow:0 10px 22px #48382f21}.mini-photos figure:first-child{transform:rotate(-4deg)}.mini-photos figure:nth-child(2){margin-left:-5px;transform:rotate(2deg)}.mini-photos figure:nth-child(3){margin-left:-5px;transform:rotate(-3deg)}.mini-photos figure:nth-child(4){margin-left:-5px;transform:rotate(4deg)}.mini-photos img{object-fit:cover;filter:sepia(.08)saturate(.86)contrast(.96);width:100%;height:112px;display:block}.date-music{margin-top:28px}.section{text-align:center;background-color:#fff7ea5c;background-image:radial-gradient(#4b40380e 1px,#0000 1px),none;background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;padding:74px 26px}.section h2{color:var(--green);margin:0 0 22px;font:700 52px/.84 Caveat,cursive}.letter,.location-card,.wish-section,.rsvp{background:#fff8ebb8;border-radius:30px;padding:24px;box-shadow:0 18px 36px #48382f1f}.letter p,.soft-text,.wish-section p{margin:0;font-size:17px;line-height:1.65}.timeline{text-align:left;gap:16px;display:grid}.time-card{background:#fff8ebc7;border-radius:25px;grid-template-columns:66px 1fr;align-items:start;gap:15px;padding:18px;display:grid;box-shadow:0 14px 26px #48382f1a}.time-card strong{color:var(--red);font-weight:900}.time-card h3{color:var(--red);margin:0;font:700 31px/.86 Caveat,cursive}.time-card p{margin:5px 0 0;line-height:1.45}.location-card span{color:var(--muted);text-transform:uppercase;letter-spacing:.24em;font-size:11px;font-weight:900}.location-card h3{color:var(--green);margin:10px 0;font:700 52px/.8 Caveat,cursive}.location-card p{justify-content:center;align-items:center;gap:7px;font-weight:900;display:flex}.location-card a{background:var(--red);color:#fff;border-radius:999px;margin-top:10px;padding:14px 24px;font-weight:900;text-decoration:none;display:inline-flex}.palette{grid-template-columns:repeat(2,1fr);gap:13px;margin-top:24px;display:grid}.palette div{background:#fff8ebbd;border-radius:24px;padding:10px;box-shadow:0 12px 24px #48382f1a}.palette span{border-radius:18px;height:88px;display:block}.palette p{margin:8px 0 0;font:700 26px/.9 Caveat,cursive}.white-request{background:#e9b9b47a;border-radius:26px;margin:24px 0 0;padding:18px;font-weight:800;line-height:1.55}.wish-section svg{color:var(--red)}.rsvp{text-align:left;gap:14px;display:grid}.rsvp label{color:var(--muted);gap:7px;font-size:14px;font-weight:900;display:grid}.rsvp input,.rsvp textarea{font:inherit;background:#fff7eacc;border:1px solid #4f603a40;border-radius:18px;outline:none;padding:13px 15px}.rsvp button{background:var(--soft-green);color:var(--green);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:15px 20px;font-weight:900;display:inline-flex}.rsvp .choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.rsvp .choice button{color:var(--green);cursor:pointer;background:#fff7eacc;border:1px solid #4f603a4d;border-radius:18px;margin-top:0;padding:13px 15px;font-weight:900;transition:background .2s,color .2s,border-color .2s}.rsvp .choice button.active{background:var(--green);color:#fff8eb;border-color:var(--green)}.final-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100svh;padding:74px 26px;display:flex}.final-screen figure{background:#fff8eb;width:235px;height:315px;margin:0;padding:8px;transform:rotate(-3deg);box-shadow:0 20px 42px #48382f2e}.final-screen img{object-fit:cover;filter:grayscale(.7)sepia(.08)contrast(.96);width:100%;height:100%}.final-screen h2{color:var(--green);margin:0;font:700 62px/.82 Caveat,cursive}.final-screen p{margin:0;font-weight:900}@media (width<=390px){.screen{padding-inline:18px}.polaroid{width:150px}.polaroid img{height:170px}.child-collage{height:292px}.hero-title h1{font-size:76px}.date-main{gap:8px}.calendar-paper h2{font-size:38px}.big-date-photo img{height:148px}}