:root{--oxblood:#4e1219;--burgundy:#6e1c28;--wine:#8a2a36;--champagne:#e6d2b0;--champagne-deep:#d6bd93;--ivory:#f6efe2;--paper:#efe4d0;--gold:#a8844f;--gold-soft:#c9a96e;--sage:#8e9878;--ink:#3a2a24;--ink-soft:#7a665a;--script:"Pinyon Script", "Snell Roundhand", cursive;--serif:"Cormorant Garamond", "Iowan Old Style", Georgia, serif;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .33 0 0 0 0 .24 0 0 0 0 .16 0 0 0 .09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--fibers:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012 .09' numOctaves='2' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .4 0 0 0 0 .3 0 0 0 0 .2 0 0 0 .07 -.01'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E");--damask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='110' viewBox='0 0 80 110'%3E%3Cg fill='none' stroke='%23e6d2b0' stroke-opacity='.08' stroke-width='1.2'%3E%3Cpath d='M40 0C58 20 58 35 40 55 22 75 22 90 40 110M40 0C22 20 22 35 40 55 58 75 58 90 40 110M0 0c18 20 18 35 0 55-18 20-18 35 0 55M80 0c-18 20-18 35 0 55 18 20 18 35 0 55'/%3E%3Cpath d='M40 22c-5 6-5 13 0 18 5-5 5-12 0-18zM0 77c-5 6-5 13 0 18 5-5 5-12 0-18zM80 77c-5 6-5 13 0 18 5-5 5-12 0-18z' fill='%23e6d2b0' fill-opacity='.05'/%3E%3C/g%3E%3C/svg%3E")}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--paper);background-image:var(--grain), var(--fibers), radial-gradient(ellipse at 50% 0%, #f6ecdb 0%, var(--paper) 60%);color:var(--ink);font-family:var(--serif);-webkit-font-smoothing:antialiased;margin:0;font-size:19px;line-height:1.55;overflow-x:hidden}img{max-width:100%;height:auto;display:block}figure,p{margin:0}.muted{color:var(--ink-soft)}.script-title{font-family:var(--script);color:var(--burgundy);margin:0;font-size:clamp(48px,6vw,72px);font-weight:400;line-height:1.1}.flourish{width:220px;height:22px;color:var(--gold);margin:18px auto;display:block}.doodle{color:var(--gold);pointer-events:none;position:absolute}.velvet{background-color:var(--oxblood);background-image:var(--damask), radial-gradient(ellipse at 50% 30%, var(--burgundy), var(--oxblood) 70%);color:var(--champagne)}.intro-wrap{height:300svh;position:relative}.intro-screen{z-index:5;background-color:var(--oxblood);background-image:radial-gradient(ellipse 70% 55% at 50% 48%, #8c28348c, transparent 70%), var(--grain), var(--damask), radial-gradient(ellipse at 50% 45%, #5e1822, #2c070c 85%);will-change:opacity;place-items:center;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.envelope{--ew:min(84vw, 440px);--paper-c:url(/images/paper-champagne.jpg);--paper-i:url(/images/paper-ivory.jpg);width:var(--ew);aspect-ratio:1.45;perspective:1600px;will-change:transform;position:relative}.envelope:before{content:"";filter:blur(8px);background:radial-gradient(at 50% 40%,#0000008c,#0000 70%);height:22%;position:absolute;bottom:-6%;left:4%;right:4%}.env-back{background:linear-gradient(180deg, #46280a47, #46280a0f 45%, #46280a24), var(--paper-c) center / 384px;border-radius:3px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff40,0 18px 36px #00000059,0 2px 4px #0000004d}.env-card{z-index:2;filter:drop-shadow(0 1px 1px #3c1e0a59)drop-shadow(0 10px 14px #280a0a47);will-change:transform;background:url(/images/card-deckle.webp) 50%/100% 100% no-repeat;height:92%;padding:7%;position:absolute;top:4%;left:5%;right:5%}.env-card-rule{text-align:center;place-content:center;height:100%;display:grid;box-shadow:inset 0 0 0 1px #a8844fb3,inset 0 0 0 5px #0000,inset 0 0 0 6px #a8844f66}.env-names,.env-date{text-shadow:0 1px #ffffffd9,0 -.5px #3c0a0f59}.env-names{font-family:var(--script);font-size:calc(var(--ew) * .125);color:#6a1824;line-height:1.02}.env-names span{color:var(--gold);font-size:.62em;line-height:.9;display:block}.env-date{font-size:calc(var(--ew) * .034);letter-spacing:.3em;color:#6f5a48;margin-top:8px;font-weight:500}.env-pocket{z-index:3;filter:drop-shadow(0 -1px 1.5px #3c230a47);position:absolute;inset:0}.env-side,.env-bottom{border-radius:3px;position:absolute;inset:0}.env-side-l{clip-path:polygon(0 0,53% 56%,0 100%);background:linear-gradient(100deg, #fff5e124, #50320f0f), var(--paper-c) 10% 20% / 384px}.env-side-r{clip-path:polygon(100% 0,47% 56%,100% 100%);background:linear-gradient(260deg, #50320f1f, #50320f05), var(--paper-c) 70% 40% / 384px}.env-bottom{clip-path:polygon(0 100%,50% 44%,100% 100%);background:linear-gradient(180deg, #fff8e829, #50320f1a), var(--paper-c) 30% 80% / 384px;filter:drop-shadow(0 -2px 2px #3c230a40)}.env-flap{z-index:6;transform-origin:50% 0;will-change:transform;filter:drop-shadow(0 3px 3px #3c230a47)drop-shadow(0 8px 12px #2814052e);position:absolute;inset:0}.env-flap-shape{clip-path:polygon(0 0,100% 0,50% 58%);background:linear-gradient(180deg, #fff8e833, #50320f14 80%), var(--paper-c) 60% 10% / 384px;position:absolute;inset:0}.env-seal{z-index:7;width:calc(var(--ew) * .22);filter:drop-shadow(0 2px 2px #1e050873)drop-shadow(0 6px 8px #1e050840);will-change:transform;height:auto;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)}.intro-hint{left:0;right:0;bottom:max(28px, env(safe-area-inset-bottom));color:var(--champagne);justify-items:center;gap:2px;font-size:18px;font-style:italic;display:grid;position:absolute}.intro-hint svg{width:24px;height:24px;animation:2s ease-in-out infinite nudge}@keyframes nudge{50%{opacity:.5;transform:translateY(6px)}}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:32px;max-width:1180px;min-height:100svh;margin:0 auto;padding:56px 32px 48px;display:grid;position:relative}.hero-copy{text-align:center}.names{font-family:var(--script);color:var(--burgundy);margin:0;font-weight:400;line-height:.95}.names .n1,.names .n2{font-size:clamp(76px,10vw,140px);display:block}.names .n1{transform:translate(-12%)}.names .n2{transform:translate(10%)}.names .amp{color:var(--gold);font-size:clamp(48px,5.5vw,76px);line-height:.7;display:block}.hero-sub{color:var(--ink-soft);font-size:21px;font-style:italic;line-height:1.45}.hero-date{letter-spacing:.08em;color:var(--ink);margin:18px 0 30px;font-size:20px;font-weight:500}.hero-art{justify-self:center;position:relative}.hero-art .d-rose{width:120px;height:120px;bottom:6%;left:-64px;transform:rotate(-14deg)}.hero-art .d-calla{width:110px;height:110px;bottom:14%;right:-54px;transform:rotate(16deg)}.cameo{--w:min(78vw, 360px);width:var(--w)}.cameo-sm{--w:min(64vw, 290px)}.cameo-oval{aspect-ratio:3/4;background:var(--oxblood);width:100%;box-shadow:0 0 0 6px var(--paper), 0 0 0 8px var(--gold), 0 0 0 13px var(--paper), 0 0 0 14px var(--gold-soft), 0 30px 50px -20px #3c141473;border-radius:50%;position:relative;overflow:hidden}.cameo-oval img{object-fit:cover;width:100%;height:100%}.cameo-oval:after{content:"";pointer-events:none;border:1px solid #e6d2b0bf;border-radius:50%;position:absolute;inset:9px;box-shadow:inset 0 0 40px #280a0a59}.cameo-pop{height:calc(var(--w) * 1.5);position:relative}.cameo-pop .cameo-oval{background-image:var(--damask), radial-gradient(ellipse at 50% 35%, #7d2532, var(--oxblood) 75%);position:absolute;bottom:0;left:0;right:0}.cameo-pop .cameo-oval:after{box-shadow:none;border-color:#c9a96e8c}.cameo-pic{position:absolute;inset:0;-webkit-mask:linear-gradient(#000 0 0) top/100% 55.6% no-repeat,radial-gradient(closest-side,#000 99%,#0000 100%) 50% calc(100% - 10px)/calc(100% - 20px) calc(88.9% - 20px) no-repeat;mask:linear-gradient(#000 0 0) top/100% 55.6% no-repeat,radial-gradient(closest-side,#000 99%,#0000 100%) 50% calc(100% - 10px)/calc(100% - 20px) calc(88.9% - 20px) no-repeat}.cameo-pic img{filter:drop-shadow(0 10px 14px #1e050859);width:auto;max-width:none;height:112%;position:absolute;bottom:-18%;left:50%;transform:translate(-50%)}.btn{font:500 17px/1 var(--serif);letter-spacing:.08em;color:var(--ivory);background:var(--burgundy);cursor:pointer;box-shadow:inset 0 0 0 1px #e6d2b059, inset 0 0 0 4px var(--burgundy), inset 0 0 0 5px #e6d2b080;border:0;border-radius:999px;padding:16px 32px;text-decoration:none;transition:background .2s,transform .2s;display:inline-block}.btn:hover{background:var(--oxblood);box-shadow:inset 0 0 0 1px #e6d2b059, inset 0 0 0 4px var(--oxblood), inset 0 0 0 5px #e6d2b080}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--burgundy);outline-offset:3px}.btn[disabled]{opacity:.6;cursor:progress}main{overflow:hidden}.invite{grid-template-columns:1fr 1fr;align-items:center;max-width:1080px;margin:40px auto 120px;padding:0 32px;display:grid}.cartouche{z-index:2;text-align:center;color:var(--champagne);background-color:var(--burgundy);background-image:var(--grain), var(--damask), radial-gradient(ellipse at 50% 30%, #872c39, var(--burgundy) 70%);box-shadow:inset 0 0 0 10px var(--burgundy), inset 0 0 0 11px var(--gold-soft), inset 0 0 0 15px var(--burgundy), inset 0 0 0 16px #c9a96e80, 0 30px 50px -24px #3c141480;border-radius:200px 200px 6px 6px;margin-right:-60px;padding:64px 56px;position:relative}.cartouche p{text-wrap:balance;font-size:clamp(24px,2.6vw,30px);font-style:italic;line-height:1.35}.cartouche .d-heart{width:44px;height:44px;color:var(--gold-soft);margin:22px auto 0;display:block;position:static}.invite-print{background:var(--ivory);padding:14px;transform:rotate(2.2deg);box-shadow:0 0 0 1px #a8844f59,0 24px 40px -22px #3c141473}.invite-print img{aspect-ratio:4/3.4;object-fit:cover}.frame{background-color:var(--ivory);background-image:var(--grain), var(--fibers);box-shadow:inset 0 0 0 1px #a8844f99, inset 0 0 0 8px var(--ivory), inset 0 0 0 9px #a8844f59, 0 24px 44px -26px #3c141466;position:relative}.corner{width:56px;height:56px;color:var(--gold);position:absolute}.c-tl{top:14px;left:14px}.c-tr{top:14px;right:14px;transform:scaleX(-1)}.c-bl{bottom:14px;left:14px;transform:scaleY(-1)}.c-br{bottom:14px;right:14px;transform:scale(-1)}.when{max-width:560px;margin:0 auto 130px;padding:0 16px;position:relative}.cal-frame{text-align:center;padding:56px 56px 50px}.cal-month{letter-spacing:.18em;color:var(--ink);margin:4px 0 22px;font-size:22px}.cal-month span{color:var(--gold)}.cal-grid{font-variant-numeric:lining-nums;grid-template-columns:repeat(7,1fr);row-gap:10px;font-size:19px;display:grid}.cal-wd{letter-spacing:.1em;color:var(--gold);border-bottom:1px solid #a8844f59;margin-bottom:6px;padding-bottom:6px;font-size:14px}.cal-day{line-height:40px;position:relative}.cal-day.is-day{color:var(--ivory);z-index:0;font-weight:600}.cal-heart{z-index:-1;width:62px;height:62px;color:var(--burgundy);top:50%;left:50%;transform:translate(-50%,-48%);position:absolute!important}.cal-heart path:first-child{fill:var(--burgundy)}.day{text-align:center;background-color:var(--oxblood);background-image:var(--grain), var(--damask), radial-gradient(ellipse at 50% 20%, var(--burgundy), var(--oxblood) 70%);color:var(--champagne);padding:100px 32px 110px}.day .script-title{color:var(--champagne)}.day-inner{max-width:1080px;margin:0 auto}.day .flourish{color:var(--gold-soft);margin-bottom:56px}.timeline{grid-template-columns:repeat(4,1fr);gap:24px;margin:0;padding:0;list-style:none;display:grid}.timeline li{padding:0 8px;position:relative}.timeline li+li:before{content:"";border-left:1px solid #c9a96e59;position:absolute;top:20px;bottom:20px;left:-12px}.tl-icon{width:64px;height:64px;color:var(--gold-soft);margin:0 auto 14px;display:block;position:static!important}.tl-time{letter-spacing:.14em;color:var(--gold-soft);font-size:18px}.tl-title{font-family:var(--script);color:var(--ivory);font-size:44px;line-height:1.2}.tl-where{opacity:.8;font-size:17px;font-style:italic}.attire{text-align:center;max-width:640px;margin:120px auto;padding:0 24px}.attire-name{letter-spacing:.06em;margin-top:4px;font-size:26px}.swatches{flex-wrap:wrap;justify-content:center;gap:22px;margin:28px 0 0;padding:0;list-style:none;display:flex}.swatches li{justify-items:center;gap:8px;display:grid}.swatches span{width:54px;height:68px;box-shadow:0 0 0 4px var(--paper), 0 0 0 5px var(--gold), 0 8px 14px -6px #3c141466;border-radius:50%}.swatches small{color:var(--ink-soft);font-size:15px;font-style:italic}.rsvp{grid-template-columns:.8fr 1.2fr;align-items:center;gap:72px;max-width:1080px;margin:0 auto 140px;padding:0 32px;scroll-margin-top:24px;display:grid}.rsvp-art{justify-self:center}.rsvp-card>.muted{margin:4px 0 30px;font-style:italic}.field{border:0;min-width:0;margin:0 0 22px;padding:0}label,legend{letter-spacing:.03em;color:var(--ink);margin-bottom:6px;padding:0;font-size:17px;font-weight:500;display:block}.optional{color:var(--ink-soft);font-style:italic;font-weight:400}input[type=text],input[type=email],select,textarea{width:100%;font:400 20px/1.4 var(--serif);color:var(--ink);background:0 0;border:0;border-bottom:1px solid #a8844f8c;border-radius:0;padding:8px 2px;transition:border-color .2s}textarea{resize:vertical;min-height:84px}select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23a8844f' stroke-width='1.3'/%3E%3C/svg%3E");background-position:right 4px center;background-repeat:no-repeat;max-width:140px}::placeholder{color:#ad9c88;font-style:italic}input:focus,select:focus,textarea:focus{border-bottom-color:var(--burgundy);outline:none}.choices{flex-wrap:wrap;gap:12px;display:flex}.choice{cursor:pointer;margin:0;font-weight:400}.choice input{opacity:0;pointer-events:none;position:absolute}.choice span{border:1px solid #a8844f99;border-radius:999px;padding:10px 24px;font-size:18px;transition:background .2s,border-color .2s,color .2s;display:inline-block}.choice:hover span{border-color:var(--burgundy)}.choice input:checked+span{background:var(--burgundy);border-color:var(--burgundy);color:var(--ivory)}.choice input:focus-visible+span{outline:2px solid var(--burgundy);outline-offset:2px}.hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.form-error{color:var(--wine);margin:0 0 16px;font-size:17px}form .btn{margin-top:6px}.thanks{outline:none}.rsvp-soon{color:var(--burgundy);font-size:21px;font-style:italic}.thanks-title{font-family:var(--script);color:var(--burgundy);font-size:52px;line-height:1.2}.finale{text-align:center;background-color:var(--oxblood);background-image:var(--grain), var(--damask), radial-gradient(ellipse at 50% 0%, var(--burgundy), var(--oxblood) 70%);color:var(--champagne);padding:100px 24px 90px}.finale .script-title{color:var(--champagne)}.finale .flourish{color:var(--gold-soft);margin-top:40px}.countdown{justify-content:center;gap:clamp(12px,3vw,32px);margin-top:28px;display:flex}.cd-unit{aspect-ratio:3/4;width:clamp(68px,15vw,110px);box-shadow:inset 0 0 0 1px #c9a96eb3, inset 0 0 0 6px var(--oxblood), inset 0 0 0 7px #c9a96e59;background:#0000001f;border-radius:50%;place-content:center;display:grid}.cd-num{color:var(--ivory);font-variant-numeric:lining-nums tabular-nums;font-size:clamp(28px,5vw,44px);line-height:1}.cd-label{opacity:.8;margin-top:4px;font-size:14px;font-style:italic}.sign{font-size:22px;font-style:italic}.seal-foot{filter:drop-shadow(0 4px 6px #0006);width:84px;height:84px;margin:32px auto 0}.reveal{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(18px)}.reveal.in{opacity:1;transform:none}.invite-print.reveal.in{transform:rotate(2.2deg)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transition:none!important;transform:none!important}.invite-print.reveal{transform:rotate(2.2deg)!important}.intro-hint svg{animation:none}}body{font-size:18px}.hero{grid-template-columns:1fr;gap:56px;min-height:auto;padding:48px 16px 24px}.hero-art .d-rose{width:84px;height:84px;left:-30px}.hero-art .d-calla{width:80px;height:80px;right:-26px}.invite{grid-template-columns:1fr;margin:40px auto 90px;padding:0 16px}.cartouche{border-radius:160px 160px 6px 6px;margin:0 0 -36px;padding:52px 28px 44px}.invite-print{justify-self:center;width:88%}.when{margin-bottom:90px}.cal-frame{padding:48px 22px 36px}.when .d-candles{width:90px;height:90px;bottom:-64px;right:-10px}.cal-day{line-height:36px}.cal-heart{width:54px;height:54px}.day{padding:80px 16px 84px}.timeline{grid-template-columns:1fr 1fr;row-gap:48px}.timeline li+li:before{display:none}.attire{margin:90px auto}.swatches{gap:14px}.rsvp{grid-template-columns:1fr;gap:56px;margin-bottom:96px;padding:0 16px}.rsvp-card{padding:56px 24px 40px}.corner{width:40px;height:40px}.c-tl,.c-tr{top:12px}.c-bl,.c-br{bottom:12px}.c-tl,.c-bl{left:12px}.c-tr,.c-br{right:12px}.finale{padding:80px 16px 72px}#root{max-width:520px;margin:0 auto;overflow-x:clip}.gate{background-color:var(--oxblood);background-image:var(--grain), var(--damask), radial-gradient(ellipse at 50% 40%, #6a1b26, var(--oxblood) 70%);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.gate-card{text-align:center;background-color:var(--ivory);background-image:var(--grain), var(--fibers);width:min(100%,460px);box-shadow:inset 0 0 0 1px #a8844f99, inset 0 0 0 8px var(--ivory), inset 0 0 0 9px #a8844f59, 0 30px 60px #00000059;padding:56px 44px 48px;position:relative}.gate-names{font-family:var(--script);color:var(--burgundy);font-size:54px;line-height:1.1}.gate-names span{color:var(--gold)}.gate-title{color:var(--ink);font-size:26px;font-weight:500}.gate-body{color:var(--ink-soft);text-wrap:balance;margin-top:8px;font-style:italic}.gate-qr{width:180px;height:180px;box-shadow:0 0 0 6px var(--ivory), 0 0 0 7px var(--gold);margin:26px auto 0}.gate-rotate{width:70px;height:70px;color:var(--burgundy);margin:0 auto 14px}@media (height<=520px){.gate-card{padding:28px 40px}.gate-names{font-size:40px}.gate .flourish{margin:8px auto}}