:root{--ink:#18231c;--cream:#f8f6ef;--lime:#d7e748;--orange:#ed6537;--pink:#f7d6df;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px}.site-header{height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{font-size:27px;font-weight:700;letter-spacing:-1.7px;color:var(--ink);text-decoration:none}.brand span{color:var(--orange)}.main-nav{display:flex;gap:32px;margin-left:110px}.main-nav a,footer a{color:var(--ink);text-decoration:none;font-size:13px;font-weight:600}.main-nav a:hover,footer a:hover{color:var(--orange)}.profile-button{border:0;background:transparent;display:flex;align-items:center;gap:8px;color:var(--ink);font:600 11px var(--mono)}.profile-button span{width:35px;height:35px;border-radius:50%;background:#f2c7a8;display:grid;place-items:center}.profile-button i{border:solid var(--ink);border-width:0 1px 1px 0;padding:3px;transform:rotate(45deg);margin-top:-3px}.hero{min-height:586px;padding:60px 9vw 62px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;overflow:hidden}.eyebrow{font:500 10px var(--mono);letter-spacing:1.1px;margin:0 0 18px;color:#687068}.hero h1,h2{font:600 clamp(54px,6.2vw,84px)/.99 var(--serif);letter-spacing:-4px;margin:0}.hero h1 em,h2 em{font-weight:500}.hero-description{width:340px;line-height:1.7;color:#586058;margin:26px 0 27px}.hero-actions{display:flex;align-items:center;gap:27px}.button{border:0;padding:15px 21px;border-radius:2px;font:600 12px var(--sans);cursor:pointer;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #0002}.button span{margin-left:14px;font-size:16px}.button-dark{background:var(--ink);color:white}.text-button{border:0;background:none;font:600 12px var(--sans);cursor:pointer;color:var(--ink)}.play{font-size:9px;margin-left:8px}.mini-guests{margin-top:45px;display:flex;align-items:center;gap:13px;font-size:11px;line-height:1.45}.mini-guests strong{font-weight:700}.faces,.tiny-faces{display:flex}.faces img{width:26px;height:26px;border-radius:50%;object-fit:cover;border:2px solid var(--cream);margin-right:-8px}.hero-art{height:485px;position:relative;background:#daeedc;overflow:visible}.sun-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:#f6df72;top:70px;left:24%;filter:blur(1px)}.leaf{position:absolute;color:#699a6e;font-size:63px;opacity:.7}.leaf-one{top:35px;right:21px;transform:rotate(27deg)}.leaf-two{bottom:13px;left:22px;transform:rotate(-27deg)}.invite-card{position:absolute;width:290px;height:390px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-3deg);padding:18px 22px;background:#fffbef;box-shadow:0 25px 30px #365b3a30;text-align:center;color:#23452f}.card-topline,.card-bottomline{display:flex;justify-content:space-between;font:500 8px var(--mono);letter-spacing:.8px}.invite-card .script{font:600 42px/1 var(--serif);font-style:italic;margin:58px 0 -8px}.serif-title{font:600 37px/.9 var(--serif);letter-spacing:-2px;margin:0}.invite-detail{font:500 8px/1.7 var(--mono);letter-spacing:.5px;margin:32px 0 17px}.invite-note{font:italic 11px/1.45 var(--serif)}.card-bottomline{position:absolute;bottom:17px;left:22px;right:22px}.invite-flowers{position:absolute;color:var(--orange);font-size:56px;line-height:1}.flowers-left{left:-16px;top:120px}.flowers-right{right:-13px;bottom:70px}.rsvp-pill{position:absolute;background:white;border-radius:7px;display:flex;align-items:center;gap:7px;right:-35px;bottom:38px;padding:9px 11px;box-shadow:0 10px 24px #274c3120;font-size:8px;line-height:1.45;z-index:1}.rsvp-pill b{font-size:9px}.check{display:grid;place-items:center;border-radius:50%;width:18px;height:18px;background:var(--lime);font-size:11px}.tiny-faces img{width:18px;height:18px;border-radius:50%;object-fit:cover;border:1px solid white;margin-left:-4px}.ticker{overflow:hidden;background:var(--lime);height:45px;display:flex;align-items:center;white-space:nowrap;font:500 10px var(--mono);letter-spacing:1px}.ticker div{animation:marquee 24s linear infinite}.ticker b{padding:0 19px;color:var(--orange);font-size:16px}@keyframes marquee{to{transform:translateX(-30%)}}.section{padding:114px 8vw}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:41px}.section-heading h2{font-size:55px}.see-all{font-size:12px;font-weight:600;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:5px}.see-all span{margin-left:7px}.design-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.design{height:347px;position:relative;overflow:hidden;padding:17px;color:var(--ink);transition:transform .25s}.design:hover{transform:translateY(-6px)}.design-label,.design-footer{font:500 8px var(--mono);letter-spacing:.9px}.design-footer{position:absolute;left:17px;right:17px;bottom:16px;display:flex;justify-content:space-between}.design-lime{background:var(--lime)}.birthday-letters{font:600 130px/.8 var(--serif);letter-spacing:-10px;position:absolute;top:91px;left:29px}.birthday-letters b{font:600 30px var(--serif);letter-spacing:-2px}.design-photo{background:center/cover url('https://images.unsplash.com/photo-1515003197210-e0cd71810b5f?auto=format&fit=crop&w=650&q=80');color:#fff}.photo-shade{position:absolute;inset:0;background:linear-gradient(#07130654,#0713067d)}.design-photo>*:not(.photo-shade){position:relative}.design-photo p{font:600 31px/.95 var(--serif);letter-spacing:-1.5px;position:absolute!important;top:107px;left:18px;margin:0}.design-pink{background:var(--pink);color:#b1445d}.design-pink p{font:600 39px/.9 var(--serif);letter-spacing:-2px;text-align:center;margin:91px 0}.pink-doodle{position:absolute;font-size:58px;color:#df7d91}.doodle-a{right:-10px;top:38px}.doodle-b{left:-14px;bottom:37px}.design-blue{background:#87b4c3;color:#fdf1d2}.design-blue p{font:600 36px/.9 var(--serif);letter-spacing:-2px;text-align:center;margin:98px 0}.blue-sun{font-size:145px;position:absolute;bottom:-47px;right:-25px;color:#e8d251;opacity:.85}.hosting{background:var(--ink);color:#f8f6ef;display:grid;grid-template-columns:1fr 1fr;min-height:640px}.host-visual{background:#e7b87b;position:relative;overflow:hidden}.host-circle{position:absolute;border-radius:50%}.host-circle-a{width:480px;height:480px;background:#efdb8e;top:80px;left:14%}.host-circle-b{height:90px;width:90px;background:#e27243;top:66px;right:19%}.phone{position:absolute;width:250px;height:450px;background:#fbf6e8;border:8px solid #19231d;border-radius:28px;bottom:-31px;left:50%;transform:translateX(-50%) rotate(7deg);box-shadow:12px 10px 0 #b66845}.phone-notch{height:16px;width:97px;border-radius:0 0 12px 12px;background:#19231d;margin:auto}.phone-content{padding:22px 18px;color:#243c2a}.phone-kicker{font:500 7px var(--mono);letter-spacing:1px}.phone h3{font:600 32px/.92 var(--serif);letter-spacing:-1.5px;margin:14px 0}.phone h3 em{font-weight:500}.phone-image{height:184px;background:center/cover url('https://images.unsplash.com/photo-1529156069898-49953e39b3ac?auto=format&fit=crop&w=500&q=80');margin-top:25px}.phone-row{font:500 8px var(--mono);display:flex;justify-content:space-between;margin-top:15px}.phone-row b{color:var(--orange)}.host-note{position:absolute;left:8%;bottom:62px;color:#573624;font:600 25px/.95 var(--serif);letter-spacing:-1px}.host-note em{font-weight:500}.host-copy{padding:110px 9vw 80px 8vw}.host-copy .eyebrow{color:#b2bab2}.host-copy h2{font-size:58px}.host-copy>p:not(.eyebrow){max-width:380px;color:#b9c1b9;line-height:1.7;margin:27px 0 33px}.feature{display:flex;gap:15px;margin:19px 0}.feature-icon{flex:none;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;color:var(--ink);font-size:14px}.orange{background:var(--orange)}.green{background:var(--lime)}.feature h3{font-size:13px;margin:1px 0 4px}.feature p{color:#aeb8ae;font-size:12px;line-height:1.5;margin:0}.button-light{margin-top:26px;background:#f8f6ef;color:var(--ink)}.rsvp-section{padding:116px 14vw;display:flex;justify-content:space-between;align-items:center;background:#f4e8d3}.rsvp-section h2{font-size:57px}.rsvp-box{width:310px;padding:31px;background:#fffdf7;box-shadow:10px 11px 0 #d9c6a6}.rsvp-date{font:500 9px var(--mono);letter-spacing:.6px}.rsvp-date i{color:var(--orange);font-style:normal;margin:0 6px}.rsvp-box h3{font:600 36px/.9 var(--serif);letter-spacing:-1.5px;margin:20px 0 12px}.rsvp-box>p{font-size:12px;margin-bottom:24px;color:#666}.rsvp-choice{display:flex;gap:8px}.rsvp-choice button{padding:10px 13px;border:0;font:600 11px var(--sans);cursor:pointer}.going{background:var(--lime);color:var(--ink)}.maybe{background:#ece9df;color:var(--ink)}.rsvp-choice span{margin-left:10px}.rsvp-box small{display:block;margin-top:15px;color:#707570;font-size:10px}footer{padding:39px 8vw;display:flex;align-items:center;justify-content:space-between;background:#f4e8d3;border-top:1px solid #daccb5}footer .brand{font-size:23px}footer p,footer span{font:500 9px var(--mono);color:#70736a}footer div{display:flex;gap:20px}footer div a{font-size:11px}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,80px);background:var(--ink);color:white;padding:13px 19px;border-radius:3px;font-size:12px;box-shadow:0 8px 28px #0003;transition:transform .25s;z-index:5}.toast.show{transform:translate(-50%,0)}
@media(max-width:800px){.site-header{padding:0 6vw;height:70px}.main-nav{display:none}.hero{padding:42px 6vw 60px;grid-template-columns:1fr;gap:44px}.hero h1{font-size:61px}.hero-art{height:410px;width:100%}.invite-card{transform:translate(-50%,-50%) rotate(-3deg) scale(.88)}.rsvp-pill{right:-10px;bottom:22px}.section{padding:75px 6vw}.section-heading h2{font-size:46px}.design-grid{grid-template-columns:repeat(2,1fr);gap:12px}.design{height:300px}.hosting{grid-template-columns:1fr}.host-visual{height:470px}.host-copy{padding:75px 9vw}.host-copy h2{font-size:49px}.rsvp-section{padding:75px 8vw;gap:44px;flex-direction:column;align-items:flex-start}.rsvp-section h2{font-size:49px}footer{flex-wrap:wrap;gap:20px}footer p{order:3;width:100%}}
@media(max-width:460px){.hero{padding-top:28px}.hero h1{font-size:52px;letter-spacing:-3px}.hero-description{width:auto}.hero-actions{gap:17px}.button{padding:14px 15px}.hero-art{height:370px}.invite-card{transform:translate(-50%,-50%) rotate(-3deg) scale(.75)}.section-heading{align-items:flex-start;gap:18px;flex-direction:column}.design-grid{grid-template-columns:1fr}.design{height:320px}.host-visual{height:420px}.host-note{font-size:20px;bottom:36px}.phone{transform:translateX(-50%) rotate(7deg) scale(.86);transform-origin:bottom}.host-copy h2,.rsvp-section h2{font-size:45px}.rsvp-box{width:100%}footer div{order:4;width:100%}}
.design-baby{background:#dce8e4;color:#4e7780}.design-baby p{font:600 38px/.88 var(--serif);letter-spacing:-2px;text-align:center;margin:100px 0}.design-baby p em{font-weight:500}.baby-cloud{position:absolute;font-size:62px;color:#fffdf8}.cloud-a{top:43px;left:-13px}.cloud-b{right:-13px;bottom:44px}.design-bubble{background:#f6e6ae;color:#dc6e50}.design-bubble p{font:600 41px/.84 var(--serif);letter-spacing:-2px;text-align:center;margin:103px 0}.design-bubble p b{font-size:52px}.bubble{position:absolute;border:2px solid #fff6d0;border-radius:50%}.bubble-one{width:40px;height:40px;top:55px;right:23px}.bubble-two{width:72px;height:72px;bottom:-19px;left:-12px}.bubble-three{width:19px;height:19px;top:115px;left:20px}.design-toddler{background:#c8d4f3;color:#4e5eaf}.design-toddler p{font:600 38px/.9 var(--serif);letter-spacing:-2px;text-align:center;margin:102px 0}.design-toddler p b{color:#ed6537}.toddler-star{position:absolute;color:#f7cb3e;font-size:48px}.star-a{top:50px;right:20px}.star-b{bottom:43px;left:-8px}.design-young{background:#fd9c70;color:#fff7dd}.young-number{position:absolute;font:600 175px/.8 var(--serif);letter-spacing:-14px;right:18px;top:52px;color:#db4c50;opacity:.75}.design-young p{font:600 29px/.92 var(--serif);letter-spacing:-1px;position:absolute;bottom:52px;left:17px;margin:0}