@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Lora:ital,wght@0,400;0,500;1,400&display=swap');
:root{color:#43563e;background:#f7f3e9;font-family:'DM Sans',sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}header,main,footer{max-width:1240px;margin:auto}header{padding:35px 44px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:Lora,serif;font-size:30px;letter-spacing:-1.2px}.brand i{font-size:.7em;font-weight:400;color:#ba795b}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:11px;letter-spacing:1.2px;margin-top:6px}.sign-in{font-size:14px}.sign-in span{margin-left:14px}.hero{display:grid;grid-template-columns:1fr 1.02fr;gap:36px;align-items:center;padding:50px 44px 75px}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:600;color:#7a846b}h1,h2,p{margin:0}h1{font:500 clamp(42px,4.8vw,68px)/1.1 Lora,serif;letter-spacing:-2.3px;margin:22px 0}.period{color:#be7d60}.intro p{max-width:355px;font-size:16px;line-height:1.85;color:#68745c}.primary{display:inline-flex;justify-content:center;align-items:center;gap:32px;border-radius:40px;background:#435d43;color:#fffbed;padding:17px 27px;font-size:14px;margin-top:30px;transition:transform .2s,background .2s}.primary:hover{transform:translateY(-2px);background:#344b35}.primary:focus-visible,.sign-in:focus-visible{outline:3px solid #bd795b;outline-offset:6px}.quiet{display:block;margin-top:15px;font-size:11px;color:#828974}.picture{height:530px;border-radius:47% 47% 12px 12px;position:relative;background:#dce4d5;overflow:hidden}.sun{position:absolute;width:107px;height:107px;border-radius:100%;background:#fff4d6;right:58px;top:46px;box-shadow:0 0 60px #fff4d699}.cloud{position:absolute;background:#f5f0decc;height:26px;width:110px;border-radius:50%}.cloud.one{top:112px;left:37px}.cloud.two{top:194px;right:-20px;width:160px;height:20px}.hill{position:absolute;width:150%;height:290px;border-radius:50% 50% 0 0;bottom:-50px;left:-25%;background:#99ae89}.hill.back{bottom:37px;left:12%;background:#b4c2a2}.momo{position:absolute;height:310px;width:250px;bottom:57px;left:50%;transform:translateX(-50%);animation:sway 5s ease-in-out infinite}.hello{position:absolute;top:190px;left:40px;background:#fff9e5;padding:13px 18px;border-radius:30px;font-size:13px;transform:rotate(-6deg)}.star{position:absolute;right:46px;top:270px;font-size:48px;color:#fff0bb;animation:float 4s ease-in-out infinite}.flower{position:absolute;color:#f9e8b2;font-size:35px;bottom:76px}.f1{left:43px;transform:rotate(-15deg)}.f2{right:41px;bottom:108px;font-size:26px}.f3{right:96px;bottom:50px;font-size:19px}.picture-note{position:absolute;bottom:22px;width:100%;text-align:center;font:italic 14px Lora,serif;color:#3d563d}.little-things{border-top:1px solid #dddccc;display:grid;grid-template-columns:repeat(3,1fr);gap:60px;padding:44px 44px 70px;margin:0 44px}.little-things article>span{font-size:25px;color:#a57753;display:block;margin-bottom:17px}.little-things h2{font:400 19px Lora,serif;margin-bottom:13px}.little-things p{font-size:13px;line-height:1.8;color:#707a65}.parent-card{margin:0 44px 65px;background:#e9ecdf;border-radius:24px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:50px;scroll-margin:30px}.parent-card h2{font:400 34px Lora,serif;margin:12px 0}.parent-card p{font-size:14px;line-height:1.8;max-width:480px}.parent-card .small{font-size:12px;color:#747e68;margin-top:9px}.parent-card .primary{margin:0;white-space:nowrap}footer{padding:0 44px 35px;display:flex;align-items:center;justify-content:space-between}footer .brand{font-size:23px}footer>span{font-size:11px;color:#7b826e}@keyframes sway{50%{transform:translateX(-50%) rotate(2deg)}}@keyframes float{50%{transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}@media(max-width:750px){header{padding:25px}.brand{font-size:25px}.brand span{font-size:9px}.sign-in{font-size:12px}.hero{grid-template-columns:1fr;padding:28px 25px 40px;gap:38px}.intro{text-align:center}.intro p{margin:auto;max-width:350px}h1{font-size:46px;letter-spacing:-1.8px}.picture{height:425px;max-width:440px;width:100%;margin:auto}.momo{height:275px;bottom:40px}.hello{top:127px;left:25px}.star{top:227px}.sun{top:25px;width:85px;height:85px}.little-things{margin:0 25px;gap:30px;padding:30px 5px;grid-template-columns:1fr}.little-things article{padding-left:46px;position:relative}.little-things article>span{position:absolute;left:0}.parent-card{margin:18px 25px 38px;padding:28px;display:block}.parent-card .primary{margin-top:22px}footer{padding:0 25px 25px}footer>span{font-size:10px}}