*{box-sizing:border-box} :root{--ink:#172744;--muted:#697487;--pink:#f0526d;--cream:#fff8f5}
html{min-height:100%;background:var(--cream)}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:radial-gradient(ellipse at 85% 18%,#ffe6df 0,transparent 31%),radial-gradient(ellipse at 8% 80%,#fff0e9 0,transparent 28%),var(--cream)}
a{color:inherit;text-decoration:none}.page{max-width:1440px;min-height:100vh;margin:auto;padding:0 6.5%;display:flex;flex-direction:column}
header{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #efdeda}.brand{display:flex;flex-direction:column;line-height:1}.brand b{font:italic 600 29px "Playfair Display",serif;letter-spacing:-1px}.brand b span{color:var(--pink);font:13px "DM Sans";vertical-align:top}.brand small{font-size:8px;letter-spacing:1.8px;color:#7c8491;margin-top:7px}.status{font-size:12px;color:#7b8290}.status i{display:inline-block;width:7px;height:7px;background:#e97685;border-radius:50%;margin-right:8px;box-shadow:0 0 0 4px #fce5e3}
.hero{flex:1;display:grid;grid-template-columns:.95fr 1.05fr;gap:5%;align-items:center;padding:48px 0 35px;min-height:600px}.copy{position:relative;z-index:2}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#b56f72;margin:0 0 20px}h1{font:500 clamp(52px,6vw,84px)/.98 "Playfair Display",serif;letter-spacing:-3px;margin:0 0 24px}h1 em{font:400 1.2em "Sacramento",cursive;color:var(--pink);letter-spacing:0}.intro{font-size:16px;line-height:1.8;color:var(--muted);max-width:445px;margin:0 0 25px}.pill{display:inline-flex;padding:11px 15px;border:1px solid #f3c8ca;border-radius:99px;background:#ffffffa8;font-size:9px;font-weight:800;letter-spacing:1px;color:#ad5866}.note{font-size:12px;color:#8b8e98;margin:23px 0 14px}.actions{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:0 22px;border-radius:99px;font-size:12px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--pink);color:white;box-shadow:0 9px 22px #f0526d35}.secondary{border:1px solid #edc5c6;background:#fffaf8;color:#c34a60}
.art{height:480px;width:100%;max-width:620px;justify-self:end;border-radius:48% 48% 34px 34px;position:relative;overflow:hidden;background:linear-gradient(145deg,#fff2e9,#f8d9ce 50%,#f0bdb8);box-shadow:0 25px 65px #6b3c3a16}.art:after{content:"";position:absolute;inset:auto -5% -30px;height:150px;border-radius:50% 50% 0 0;background:#dba7a0}.sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#ffe3b8;right:11%;top:9%;box-shadow:0 0 60px #ffe5bd88}.window{position:absolute;top:8%;left:13%;width:62%;height:43%;border:10px solid #fff8f0;border-bottom:0;border-radius:100px 100px 0 0;background:linear-gradient(#b9d9e4,#ffe2c9)}.window:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:7px;background:#fff8f0}.window:after{content:"";position:absolute;left:0;right:0;top:55%;height:7px;background:#fff8f0}.window i{position:absolute;top:25%;left:10%;width:35px;height:12px;border-radius:50%;background:#fff8f0}.plant{position:absolute;left:7%;bottom:24%;font-size:70px;color:#d88a91;z-index:2}
.couple{position:absolute;z-index:3;bottom:66px;left:17%;width:68%;height:310px}.person{position:absolute;bottom:0;width:52%;height:100%}.girl{left:0;transform:rotate(-3deg)}.boy{right:0;transform:rotate(3deg)}.face{position:absolute;z-index:3;top:51px;left:14%;width:72%;height:112px;background:#f6c6ad;border-radius:47% 48% 46% 46%;box-shadow:inset -10px -2px #eeb49d}.hair{position:absolute;z-index:4;top:25px;left:7%;width:88%;height:100px;background:#634236;border-radius:55% 48% 28% 32%;transform:rotate(-4deg)}.girl .hair:after{content:"";position:absolute;left:0;top:55px;width:30px;height:100px;background:#634236;border-radius:20px 0 30px 35px}.boy .hair{background:#34313a;top:21px;height:88px;border-radius:50% 55% 24% 25%;transform:rotate(7deg)}.boy .hair:after{content:"";position:absolute;top:-7px;left:5px;width:60px;height:30px;background:#34313a;border-radius:100% 10% 100% 0;transform:rotate(-20deg)}.eye{position:absolute;top:46px;width:8px;height:13px;background:#302b30;border-radius:50%}.e1{left:24%}.e2{right:24%}.blush{position:absolute;top:67px;width:19px;height:9px;background:#ee8f91;border-radius:50%;opacity:.6}.b1{left:10%}.b2{right:10%}.smile{position:absolute;left:43%;top:76px;width:17px;height:8px;border-bottom:2px solid #9b4f52;border-radius:0 0 50% 50%}.body{position:absolute;bottom:0;left:0;width:100%;height:170px;background:#fff8f0;border-radius:70px 70px 20px 20px;box-shadow:inset -10px 0 #f0e2dc}.boy .body{background:#58667b;box-shadow:inset -10px 0 #46536a}.heart{position:absolute;z-index:5;color:var(--pink);font-size:35px;animation:float 4s ease-in-out infinite}.h1{top:22%;left:13%;font-size:43px}.h2{top:36%;right:9%}.h3{top:12%;right:31%;font-size:25px;animation-delay:-2s}.cat{position:absolute;z-index:4;right:7%;bottom:43px;width:85px;height:58px;border-radius:48% 48% 38% 38%;background:#f8eee5;box-shadow:inset -8px -4px #e5d7d0}.cat:before,.cat:after{content:"";position:absolute;top:-12px;width:22px;height:25px;background:#f8eee5;clip-path:polygon(0 0,100% 30%,70% 100%)}.cat:before{left:8px}.cat:after{right:8px;transform:scaleX(-1)}.cat span{position:absolute;top:18px;left:28px;color:#9b7e78;font-size:22px}.caption{position:absolute;z-index:6;right:7%;top:53%;font:22px/1.05 "Sacramento",cursive;color:#855c5d;text-align:center;transform:rotate(-7deg)}.caption strong{font-weight:400;color:#d44d65}
.bottom{border-top:1px solid #eadbd7;padding:24px 0;display:flex;justify-content:space-between;align-items:center;gap:20px}.bottom>div{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.tiny{color:var(--pink)}.statement{font:17px "Playfair Display",serif}.bottom small{font-size:12px;color:#8b8e98}.social{display:flex;gap:9px}.social a{width:31px;height:31px;border:1px solid #ecd9d5;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#9c6670;background:#fffaf8}footer{padding:0 0 22px;display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9a9ca5}footer b{color:var(--pink)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
@media(max-width:900px){.page{padding:0 5%}.hero{grid-template-columns:1fr;gap:32px;padding-top:50px}.copy{max-width:650px}.art{justify-self:center;width:min(100%,620px);height:440px}.topbar{height:82px}}
@media(max-width:560px){.page{padding:0 22px}.topbar{height:76px}.brand b{font-size:25px}.status{font-size:10px;max-width:130px;line-height:1.4;text-align:right}.hero{padding:44px 0 26px;gap:24px;min-height:0}.eyebrow{font-size:9px;letter-spacing:1.5px;margin-bottom:15px}h1{font-size:52px;letter-spacing:-2px;margin-bottom:18px}.intro{font-size:14px;line-height:1.7}.pill{font-size:8px;letter-spacing:.6px;padding:10px;gap:4px}.note{margin-top:20px}.btn{min-height:46px;padding:0 17px}.art{height:335px;border-radius:48% 48% 25px 25px}.sun{width:125px;height:125px}.window{border-width:7px}.couple{height:225px;bottom:48px;left:14%;width:76%}.face{top:37px;height:80px}.hair{top:20px;height:72px}.girl .hair:after{top:42px;height:70px;width:23px}.boy .hair{top:17px;height:67px}.eye{top:33px;width:6px;height:10px}.blush{top:49px;width:13px;height:7px}.smile{top:57px;width:13px}.body{height:120px}.heart{font-size:28px}.h1{font-size:32px}.caption{font-size:18px;top:51%;right:3%}.cat{transform:scale(.75);transform-origin:bottom right;right:5%;bottom:35px}.bottom{align-items:flex-start;flex-direction:column;padding:20px 0}.statement{font-size:15px}.bottom small{width:100%;padding-left:26px}.social{margin-left:26px}footer{flex-direction:column;gap:7px;padding-bottom:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}