:root{--bg:#fff4a8;--ink:#151515;--blue:#4cc9f0;--pink:#ff70a6;--green:#8ac926}*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}main{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;padding:28px}.blob{min-height:540px;display:grid;place-items:center}.face{position:relative;width:min(380px,80vw);aspect-ratio:1;border:5px solid #111;border-radius:46% 54% 55% 45%;background:var(--blue);box-shadow:14px 14px 0 #111;animation:wobble 2.4s ease-in-out infinite}.face span{position:absolute;top:34%;width:34px;height:34px;border-radius:50%;background:#111}.face span:first-child{left:28%}.face span:nth-child(2){right:28%}.face b{position:absolute;left:50%;bottom:26%;width:90px;height:42px;border:5px solid #111;border-top:0;border-radius:0 0 80px 80px;transform:translateX(-50%)}.copy p:first-child{color:#e11d48;font-weight:950;text-transform:uppercase}h1{font-size:clamp(7rem,20vw,15rem);line-height:.8;margin:0}h2{font-size:clamp(2rem,5vw,4.5rem);line-height:1;margin:18px 0}.copy p:last-of-type{line-height:1.8;max-width:560px}.btn{display:inline-flex;margin-top:18px;padding:15px 22px;border:4px solid #111;background:var(--pink);color:#111;text-decoration:none;font-weight:1000;box-shadow:6px 6px 0 #111;border-radius:8px}.btn:hover{background:var(--green);transform:rotate(-2deg) translateY(-4px)}@keyframes wobble{50%{border-radius:55% 45% 43% 57%;transform:translateY(-18px)}}@media(max-width:820px){main{grid-template-columns:1fr}.blob{min-height:300px}.copy{order:-1}}