.site-nav{max-width:1360px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:28px 55px}.site-nav>button{font-size:22px;color:var(--muted);min-height:44px}.hero{position:relative;max-width:1240px;margin:0 auto;min-height:calc(100dvh - 115px);padding:116px 67px 115px}.hero h1{font:clamp(72px,8.3vw,118px)/.95 var(--inn-font, 'Inn Hand'),sans-serif;letter-spacing:-1.3px;margin:0;max-width:1000px;transform:rotate(-.7deg);transform-origin:left center}.handwritten-line{font:clamp(35px,4.5vw,61px)/1.2 var(--inn-font, 'Inn Hand'),sans-serif;color:var(--yellow,#dcc66b);margin:27px 0 0 49px;transform:rotate(-1.8deg);width:max-content;max-width:100%}.handwritten-line span{color:var(--text);font-size:1.18em;display:inline-block;margin-left:14px}.hero .button{margin:78px 0 0 15px;font-size:27px;min-height:54px;padding:12px 25px;transform:rotate(.6deg)}.cozy-message{position:absolute;right:34px;top:38px;max-width:290px;text-align:center;font:34px/1.05 var(--inn-font, 'Inn Hand'),sans-serif;color:#decb70;transform:rotate(9deg);padding:15px;animation:cozy-breathe 5s ease-in-out infinite}.cozy-message:hover{animation-play-state:paused}.hero .button:hover{background:#f3b77f}@keyframes cozy-breathe{0%,100%{transform:rotate(9deg)}50%{transform:rotate(10deg) translateY(-3px)}}@media(max-width:900px){.site-nav{padding:25px 32px}.hero{padding:146px 40px 90px}.hero h1{font-size:clamp(65px,9vw,87px)}.handwritten-line{margin-left:16px;font-size:43px}.cozy-message{top:35px;right:30px;font-size:30px}.hero .button{margin-left:8px;margin-top:68px}}@media(max-width:500px){.site-nav{padding:24px}.site-nav>button{font-size:20px}.hero{padding:153px 25px 100px;min-height:calc(100dvh - 100px)}.hero h1{font-size:clamp(54px,12.5vw,68px);line-height:1.05;letter-spacing:-.7px}.handwritten-line{font-size:29px;margin:25px 0 0 9px;max-width:calc(100% - 9px);width:auto}.handwritten-line span{margin-left:0;display:block;font-size:1.48em}.cozy-message{right:25px;top:43px;font-size:29px;max-width:230px}.hero .button{margin-top:58px;font-size:25px;min-height:51px;margin-left:18px}}@media(prefers-reduced-motion:reduce){.cozy-message{animation:none}}

.pixel-arrow{width:36px;height:36px;transform:rotate(5deg);flex:none}.button.orange{gap:17px}
.pixel-arrow{fill:currentColor;stroke:none}

.site-nav>button{display:inline-flex;align-items:center;gap:10px}.pixel-palette{width:27px;height:27px;stroke:none;flex:none;transform:rotate(-5deg)}.pixel-arrow{transform:rotate(4deg)}