:root{--pink:#ffd6e7;--rose:#ff8fb8;--mint:#c9f3e4;--blue:#bfe7ff;--lemon:#fff1a8;--lilac:#d9c9ff;--ink:#4b3555;--paper:#fffaf3}*{box-sizing:border-box}html{background:var(--paper)}body,html{min-height:100%}body{margin:0;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.page{min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 15%,rgba(255,214,231,.95),transparent 24rem),radial-gradient(circle at 85% 18%,rgba(201,243,228,.9),transparent 22rem),linear-gradient(135deg,#fffaf3,#eef8ff 48%,#fff4fb)}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(18rem,.95fr);align-items:center;min-height:78vh;width:min(72rem,calc(100% - 2rem));margin:0 auto;padding:4rem 0 2rem;grid-gap:2rem;gap:2rem}.hero,.hero-copy{position:relative}.hero-copy{z-index:2}.eyebrow{display:inline-flex;margin:0 0 1rem;padding:.45rem .8rem;border:2px solid rgba(255,143,184,.42);border-radius:999px;background:hsla(0,0%,100%,.62);font-size:clamp(.9rem,2vw,1rem);font-weight:700;color:#7b4975}h1{max-width:12ch;margin:0;font-size:clamp(3.3rem,11vw,7.5rem);line-height:.92;letter-spacing:0}.message{max-width:40rem;margin:1.5rem 0 0;font-size:clamp(1.1rem,2vw,1.35rem);line-height:1.7}.signature{margin:1.5rem 0 0;font-size:clamp(1.15rem,2vw,1.45rem);font-weight:800;color:#7b4975}.balloon-stage{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:1.5rem;min-height:28rem}.balloon{position:relative;display:grid;place-items:center;justify-self:center;width:clamp(7.5rem,16vw,11rem);aspect-ratio:.82;border-radius:55% 55% 48% 48%;box-shadow:inset -1.2rem -1.5rem 0 hsla(0,0%,100%,.2),0 1.2rem 2rem rgba(75,53,85,.14);animation:float 4.6s ease-in-out infinite;animation-delay:var(--delay)}.balloon span{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800;color:rgba(75,53,85,.76)}.balloon i{position:absolute;top:100%;width:2px;height:7rem;background:rgba(75,53,85,.22)}.balloon-pink{background:var(--pink)}.balloon-mint{background:var(--mint)}.balloon-lemon{background:var(--lemon)}.balloon-lilac{background:var(--lilac)}.sky{inset:0;pointer-events:none}.sky,.star{position:absolute}.star{display:grid;place-items:center;width:1.8rem;height:1.8rem;color:#ffc857;font-size:1.5rem;line-height:1;animation:twinkle 2.4s ease-in-out infinite}.star-1{top:9%;left:4%}.star-2{top:16%;left:38%;animation-delay:.2s}.star-3{top:30%;left:51%;animation-delay:.6s}.star-4{top:8%;right:20%;animation-delay:.9s}.star-5{top:42%;right:6%;animation-delay:1.1s}.star-6{bottom:30%;left:6%;animation-delay:.4s}.star-7{bottom:17%;left:45%;animation-delay:1.5s}.star-8{bottom:22%;right:23%;animation-delay:.8s}.star-9{top:58%;left:29%;animation-delay:1.7s}.star-10{top:70%;right:5%;animation-delay:.1s}.star-11{top:5%;left:62%;animation-delay:1.2s}.star-12{bottom:8%;left:16%;animation-delay:.7s}.star-13{top:24%;right:38%;animation-delay:1.4s}.star-14{bottom:7%;right:35%;animation-delay:.3s}.cloud{position:absolute;width:10rem;height:3.7rem;border-radius:999px;background:hsla(0,0%,100%,.72);filter:blur(.2px);animation:drift 16s linear infinite}.cloud:after,.cloud:before{content:"";position:absolute;bottom:1rem;border-radius:50%;background:inherit}.cloud:before{left:1.4rem;width:4.2rem;height:4.2rem}.cloud:after{right:1.6rem;width:5rem;height:5rem}.cloud-one{top:14%;left:-8rem}.cloud-two{right:-10rem;bottom:16%;animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-1rem) rotate(2deg)}}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.86)}50%{opacity:1;transform:scale(1.18)}}@keyframes drift{0%{transform:translateX(0)}to{transform:translateX(calc(100vw + 20rem))}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media (max-width:760px){.hero{grid-template-columns:1fr;min-height:auto;padding:2.5rem 0 1rem}h1{max-width:9ch}.message{margin-top:1.2rem}.balloon-stage{justify-content:space-around;gap:.75rem;min-height:15rem;align-items:start;padding-top:1rem}.balloon{width:min(18vw,5.8rem);min-width:4.8rem}.balloon i{height:4.5rem}}