@import"https://fonts.googleapis.com/css2?family=Bowlby+One&family=Cormorant+Garamond:wght@500;600&family=Montserrat:wght@400;500&display=swap";:root{color:#161511;background:#d8d1c3;font-family:Montserrat,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}.page{min-height:100svh;padding:24px;display:grid;place-items:center}.announcement{width:min(100%,760px);min-height:min(920px,calc(100svh - 48px));padding:clamp(40px,7vw,72px) clamp(28px,8vw,82px) 185px;position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 23% 18%,rgba(112,78,38,.055),transparent 1px),radial-gradient(circle at 76% 52%,rgba(112,78,38,.05),transparent 1px),#f5f0e5;background-size:19px 19px,23px 23px,auto;box-shadow:0 22px 65px #3125142e}.announcement:before{content:"";position:absolute;inset:16px;z-index:-1;border:1px solid rgba(22,21,17,.12);pointer-events:none}.header{text-align:center}.eyebrow{margin:0 0 16px;font-family:Cormorant Garamond,serif;font-size:clamp(.82rem,2vw,1rem);font-weight:600;letter-spacing:.24em;line-height:1.4;text-transform:uppercase}.couple{margin:0;font-family:Cormorant Garamond,serif;font-size:clamp(1.35rem,4vw,1.9rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase}.couple span,.heart{color:#8b1721}.illustration{width:min(100%,420px);height:178px;margin:20px 0 8px;position:relative}.illustration svg{position:absolute;fill:none;stroke:#151410;stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.paint-roller{left:38px;bottom:0;width:146px;transform:rotate(-5deg)}.paint-roller .handle{fill:#d6a046}.paint-roller .paint{stroke:#8b1721;stroke-width:7}.champagne{right:38px;bottom:-3px;width:92px;transform:rotate(7deg)}.champagne .wine{fill:#d6a04652;stroke:#d6a046;stroke-width:8}.champagne .bubble{fill:#d6a046;stroke:none}.heart{position:absolute;left:53%;top:64px;font-family:Georgia,serif;font-size:2.6rem;transform:translate(-50%) rotate(-8deg)}.spark{width:29px;stroke-width:3!important}.spark-left{left:0;top:34px;transform:rotate(-14deg)}.spark-right{right:0;top:58px;transform:rotate(17deg)}.title-wrap{width:100%;position:relative;display:flex;justify-content:center}h1{margin:0;position:relative;z-index:1;font-family:Bowlby One,Arial Black,sans-serif;font-size:clamp(3.35rem,11.5vw,6.55rem);font-weight:400;letter-spacing:-.055em;line-height:.88;text-align:center;text-transform:uppercase;transform:rotate(-1.1deg)}h1 span{display:block}.ribbon{width:48px;height:86px;position:absolute;top:46%;z-index:2;border-top:7px solid #8b1721;transform-origin:top center}.ribbon:before,.ribbon:after{content:"";width:7px;height:51px;position:absolute;top:-3px;background:#8b1721;border-radius:5px}.ribbon:before{left:14px;transform:rotate(27deg)}.ribbon:after{right:14px;transform:rotate(-27deg)}.ribbon-left{left:-13px;transform:rotate(-10deg)}.ribbon-right{right:-13px;transform:rotate(9deg)}.message{margin:32px 0 0;max-width:460px;font-family:Cormorant Garamond,serif;font-size:clamp(1.15rem,3vw,1.45rem);font-weight:500;line-height:1.45;text-align:center}.footer{margin-top:auto;padding-top:38px;display:flex;align-items:center;gap:17px}.footer p{margin:0;font-family:Cormorant Garamond,serif;font-size:1.08rem;font-weight:600;letter-spacing:.22em;white-space:nowrap}.footer-line{width:42px;height:1px;background:#161511}.landscape{width:100%;height:160px;position:absolute;right:0;bottom:0;left:0;fill:none;stroke:#161511;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.landscape .island{fill:#f5f0e5}.landscape .sea,.landscape .wave{stroke:#87aeb4;stroke-width:3}.landscape .boat{fill:#f5f0e5}@media(max-width:620px){.page{padding:0}.announcement{min-height:100svh;padding:38px 27px 145px;box-shadow:none}.announcement:before{inset:10px}.eyebrow{max-width:300px;margin-inline:auto}.illustration{height:150px;margin-top:13px}.paint-roller{left:21px;width:123px}.champagne{right:23px;width:79px}.heart{top:58px;font-size:2rem}.spark-left{left:-5px}.spark-right{right:-4px}.ribbon{display:none}.message{margin-top:26px}.footer{padding-top:27px}.landscape{height:125px}}@media(max-width:360px){.announcement{padding-inline:20px}h1{font-size:3rem}}@media(prefers-reduced-motion:no-preference){.heart{animation:heartbeat 2.8s ease-in-out infinite}}@keyframes heartbeat{0%,to{transform:translate(-50%) rotate(-8deg) scale(1)}12%{transform:translate(-50%) rotate(-8deg) scale(1.12)}22%{transform:translate(-50%) rotate(-8deg) scale(1)}}