@import "https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Parisienne&family=Cormorant+Garamond:wght@400;500;600&family=Montserrat:wght@300;400;500;600&display=swap";.hero>img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.heroTitle{justify-content:center;align-items:center;display:flex;bottom:3%;left:-4%;right:-4%}.giftMini{text-align:center;color:#806b5a;background:#fbf8f3;border-top:1px solid #dfd2c5;padding:22px 18px}.giftMini button{color:#806b5a;cursor:pointer;background:0 0;border:0;padding:5px 10px}.hero{height:min(110vw,700px);position:relative;overflow:hidden}.hero img{object-fit:cover;object-position:center 35%;width:100%;height:100%}.heroTitle{color:#fff;text-shadow:0 2px 16px #000c;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;bottom:9%;left:0;right:0}.heroTitle strong{font:400 clamp(76px,18vw,122px)/.78 Parisienne,cursive}.heroTitle span{letter-spacing:.48em;margin-top:20px;font-size:clamp(14px,3vw,19px)}.giftClean{text-align:center;background:linear-gradient(145deg,#f7f1ea,#e9ddd0);border:1px solid #c8b7a7;border-top:0;margin-top:0;padding:48px 25px}.giftClean>span{letter-spacing:.3em;color:#9a7352;font-size:10px}.giftClean h2{margin:12px 0 8px;font:500 31px Cormorant Garamond}.giftClean p{max-width:360px;margin:0 auto 20px;font-size:13px;line-height:1.5}.giftClean button{color:#684f3d;background:#fffaf5;border:1px solid #a98b70;border-radius:999px;min-width:270px;padding:14px 26px}.giftClean button b,.giftClean button small{display:block}.giftClean button b{letter-spacing:.08em;font-size:17px}.giftClean button small{letter-spacing:.18em;text-transform:uppercase;color:#9a8575;margin-top:5px;font-size:8px}*{box-sizing:border-box}body{color:#55463d;background:#d8cec4;margin:0;font-family:Montserrat,Arial,sans-serif}main{background:#f1dfd6;width:min(100%,640px);margin:auto;box-shadow:0 0 48px #3e2e2433}.hero{background:#171310}.hero img{width:100%;height:auto;display:block}.phrase{text-align:center;background:linear-gradient(120deg,#f6efe6,#e8dacc);place-items:center;min-height:210px;padding:36px 54px;display:grid;position:relative}.phrase p{color:#745a48;margin:0;font:37px/1.25 Allura,cursive}.spark{color:#fff;font:30px serif;position:absolute}.s1{top:25px;left:30px}.s2{bottom:24px;right:36px}.butterfly{width:36px;height:26px;position:absolute}.butterfly:before,.butterfly:after{content:"";border:1.5px solid #ad9179;border-radius:70% 20% 65% 30%;width:16px;height:21px;position:absolute;top:3px}.butterfly:before{left:0;transform:rotate(-24deg)}.butterfly:after{right:0;transform:scaleX(-1)rotate(-24deg)}.b1{bottom:22px;left:55px;transform:scale(.8)rotate(-10deg)}.b2{top:20px;right:58px;transform:scale(.65)rotate(12deg)}.b3{bottom:13px;right:135px;transform:scale(.5)rotate(-15deg)}.details{background:linear-gradient(#f1dfd6 0%,#f5e7e0 48%,#f1dfd6 100%);padding:42px 34px}.date-card{text-align:center;justify-content:center;align-items:center;gap:22px;display:flex}.date-card strong{color:#9a7352;border-right:1px solid #bda996;padding-right:22px;font:600 82px/1 Cormorant Garamond}.date-card span,.date-card small{display:block}.date-card span{letter-spacing:7px}.date-card small{margin-top:9px;font-size:11px}.place{text-align:center;margin:28px 0}.place h1{margin:0;font:500 39px Cormorant Garamond}.actions{background:#fff9;border:1px solid #c8b7a7;grid-template-columns:1fr 1fr;display:grid}.actions>a,.dress{text-align:center;color:#55463d;flex-direction:column;justify-content:center;align-items:center;gap:7px;height:215px;padding:20px;text-decoration:none;display:flex}.actions>:nth-child(odd){border-right:1px solid #c8b7a7}.actions>:nth-child(-n+2){border-bottom:1px solid #c8b7a7}.actions img{object-fit:contain;width:62px;height:62px}.actions b{font:500 24px Cormorant Garamond}.actions span{font-size:10px;line-height:1.35}.dress em{color:#a87c4b;letter-spacing:3px;border:2px solid #a87c4b;padding:8px 14px;font-style:normal}.gift{color:#55463d;background:#f4ece3;border:1px solid #c8b7a7;border-top:0;justify-content:center;align-items:center;gap:24px;width:100%;padding:22px;display:flex}.giftmark{border:2px solid #9a7352;width:58px;height:44px;position:relative}.giftmark:before{content:"";background:#9a7352;width:2px;height:58px;position:absolute;top:-8px;left:27px}.giftmark:after{content:"";background:#9a7352;height:2px;position:absolute;top:12px;left:-6px;right:-6px}.gift b,.gift small{display:block}.gift b{font:500 27px Cormorant Garamond}.gift small{margin-top:4px}footer{text-align:center;color:#80624e;letter-spacing:3.2px;padding:30px 0 2px;font-size:14px;font-style:normal;font-weight:500}@media (max-width:420px){.phrase p{font-size:31px}.details{padding:36px 20px}.date-card strong{font-size:70px}.actions>a,.dress{height:195px;padding:14px}.actions b{font-size:21px}}.actions>a,.actions>.dress{gap:3px;height:126px;padding:12px 16px}.dress em{letter-spacing:2px;border-width:1px;padding:5px 10px;font-size:10px}.giftMini{padding-top:18px;padding-bottom:18px}@media (max-width:420px){.actions>a,.actions>.dress{height:118px;padding:10px}.actions img{width:25px;height:25px}.actions b{font-size:17px}}.actions{background:0 0;border:0;grid-template-columns:1fr;gap:12px}.actions>:nth-child(odd),.actions>:nth-child(-n+2){border-bottom:1px solid #cdb8ad!important;border-right:1px solid #cdb8ad!important}@media (max-width:420px){.actions>a,.actions>.dress{height:116px}}main{background:#f6e8e1}.actions{gap:12px}.actions>a,.actions>.dress{background:radial-gradient(#fffaf6 0%,#fff8f1e8 48%,#f6e8e1 100%);border-radius:6px;height:138px;box-shadow:0 4px 15px #72504412;border:1px solid #cdb7ab!important}.actions>:nth-child(odd),.actions>:nth-child(-n+2){border:1px solid #cdb7ab!important}@media (max-width:420px){.actions>a,.actions>.dress{height:130px}}.hero>img{object-fit:cover;object-position:center 36%;opacity:0;width:100%;height:100%;animation:1.6s cubic-bezier(.2,.7,.2,1) forwards anaReveal;transform:scale(1.08)}.hero:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 64%,#f6e8e12e 76%,#f6e8e1a3 90%,#f6e8e1 100%),radial-gradient(at 50% 18%,#0000 68%,#3e2b1f0d 100%);position:absolute;inset:0}.heroTitle{z-index:2;opacity:0;justify-content:center;align-items:center;animation:1.05s cubic-bezier(.2,.7,.2,1) .45s forwards anaRise;display:flex;bottom:-1%;left:-4%;right:-4%}.heroTitle img{filter:drop-shadow(0 2px 12px #0009);width:min(72%,510px);object-fit:contain!important;height:auto!important}.invitationPhrase{color:#806957;text-align:center;border-bottom:1px solid #d8c7b7;max-width:430px;margin:0 auto 30px;padding-bottom:24px;font:400 clamp(17px,4vw,22px)/1.35 Parisienne,cursive}.invitationIntro{max-width:470px;margin:0 auto;position:relative}.miniSpark{color:#c5a98d;text-shadow:0 0 9px #fff;font-size:16px;position:absolute;top:-13px;right:7%}.miniButterfly{opacity:.68;fill:none;stroke:#b99d83;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:27px;position:absolute;top:-15px;left:4%;transform:rotate(-12deg)}@keyframes anaReveal{to{opacity:1;transform:scale(1.025)}}@keyframes anaRise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.hero>img,.heroTitle{opacity:1;animation:none;transform:none}}.details,.date-card span,.date-card small,.place p,.actions span,.actions em,footer{font-family:Cormorant Garamond,serif}.date-card span{font-size:24px;font-weight:500}.date-card small{letter-spacing:.12em;font-size:13px}.date-card em{color:#765b46;letter-spacing:.04em;margin-top:10px;font:600 22px/1 Cormorant Garamond,serif;display:block}.date-card em i{text-transform:lowercase;font-size:12px;font-style:normal;font-weight:500}.date-card.date-stacked{flex-direction:column;gap:2px;display:flex}.date-card.date-stacked .weekday{color:#9b806b;letter-spacing:.32em;margin-bottom:7px;font:500 13px Montserrat,Arial,sans-serif}.date-card.date-stacked strong{border:0;padding:0;font-size:86px;line-height:.9}.date-card.date-stacked>span:not(.weekday){margin-top:8px}.date-card.date-stacked small{letter-spacing:.16em;margin-top:3px;font-size:16px}.date-card.date-stacked em{margin-top:12px}.place p{font-size:17px}.eventExtras{background:radial-gradient(#fffaf6 0%,#fff8f1e8 48%,#f6e8e1 100%);border:1px solid #cdb7ab;border-radius:6px;justify-content:center;align-items:center;width:min(100%,410px);margin:0 auto 24px;padding:20px 16px;display:flex;box-shadow:0 4px 15px #72504412}.countdown{text-align:center;color:#806957;margin:0}.countdown>span{letter-spacing:.3em;margin-bottom:9px;font:500 9px Montserrat,Arial,sans-serif;display:block}.countdown>div{justify-content:center;gap:18px;display:flex}.countdown p{min-width:43px;margin:0}.countdown b{font:500 27px/1 Cormorant Garamond,serif;display:block}.countdown small{text-transform:uppercase;letter-spacing:.08em;color:#a18b78;margin-top:4px;font:500 9px Montserrat,Arial,sans-serif;display:block}.countdown>strong{font:500 22px Cormorant Garamond,serif}.actions span{font-size:13px}.actions .tapHint{color:#9a7352;letter-spacing:.13em;margin-top:2px;font:600 7px Montserrat,Arial,sans-serif}.actions{background:0 0;border:0;gap:10px}.actions>a,.actions>.dress{box-shadow:none;background:radial-gradient(#fffaf6d1 0%,#fffaf675 50%,#0000 78%);border-radius:0;border:0!important}.actions em{font-weight:600}.giftMini{text-align:center;color:#735d4c;background:#f6e8e1;border-top:1px solid #d5c5b6;padding:31px 18px;position:relative}.giftMini:before{content:"✦";color:#b59678;background:#f6e8e1;padding:0 12px;font-size:13px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.giftMini>span{margin-bottom:3px;font:500 20px Cormorant Garamond,serif;display:block}.giftMini p{margin:0 0 10px;font:400 14px Cormorant Garamond,serif}.giftMini button{color:#6e5543;cursor:pointer;background:#fffaf5;border:1px solid #c7b09b;border-radius:999px;padding:8px 20px}.giftMini button b{letter-spacing:.05em;font:600 15px Cormorant Garamond,serif}.giftMini button small{letter-spacing:.14em;text-transform:uppercase;color:#9b8675;margin-top:3px;font:500 8px Cormorant Garamond,serif;display:block}.details{background:radial-gradient(at 50% 18%,#fffaf6b8 0%,#fffaf600 34%),radial-gradient(at 50% 54%,#fffaf6ad 0%,#fffaf600 30%),radial-gradient(at 50% 86%,#fffaf6a3 0%,#fffaf600 28%),linear-gradient(#f6e8e1 0%,#fbf2ed 48%,#f6e8e1 100%)}.eventExtras{width:min(88%,350px);box-shadow:none;background:0 0;border-color:#ad89757a;border-radius:8px;padding:14px 12px}.actions{gap:8px;width:88%;margin:0 auto}.actions>a,.actions>.dress,.actions>.confirmAction{background:0 0;border-radius:8px;height:108px;padding:9px 12px;border:1px solid #ad89757a!important}.confirmAction{color:#55463d;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-family:inherit;display:flex}.confirmIcon{fill:none;stroke:#9a7352;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.confirmAction b{font:500 20px Cormorant Garamond,serif}.confirmAction span{font:400 13px/1.3 Cormorant Garamond,serif}.actions img{width:31px;height:31px}.actions b{font-size:20px}.actions span{max-width:260px;font-size:13px;line-height:1.3}.dress em{padding:6px 12px;font-size:14px}.actions .tapHint{font-size:9px}@media (max-width:420px){.eventExtras,.actions{width:90%}.actions>a,.actions>.dress,.actions>.confirmAction{height:106px}}.formOverlay{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#30231c7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.rsvpForm{color:#665045;background:#f8ece6;border:1px solid #c9ae9e;border-radius:14px;width:min(100%,390px);padding:34px 28px 30px;position:relative;box-shadow:0 20px 60px #2d1f183d}.rsvpForm h2{text-align:center;margin:3px 0 23px;font:500 30px Cormorant Garamond,serif}.formMark{text-align:center;color:#b18c76;display:block}.formClose{color:#8d7465;cursor:pointer;background:0 0;border:0;font-size:27px;position:absolute;top:10px;right:13px}.rsvpForm label{letter-spacing:.03em;margin:0 0 15px;font:500 13px Cormorant Garamond,serif;display:block}.rsvpForm input,.rsvpForm select{color:#665045;background:#fffbf8cc;border:1px solid #d2bdb1;border-radius:7px;width:100%;margin-top:6px;padding:11px 12px;font:14px Montserrat,Arial,sans-serif}.formSend{color:#fff;letter-spacing:.04em;cursor:pointer;background:#a9826c;border:1px solid #a9826c;border-radius:999px;width:100%;margin-top:7px;padding:12px;font:600 13px Montserrat,Arial,sans-serif}
