:root{--sky:#0b72c9;--pink:#f4a09a;--green:#3d8c12;--cream:#e7d5b1;--ink:#111}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body{background:var(--sky);min-height:100dvh;color:var(--ink);place-items:center;font-family:Fredoka,system-ui,sans-serif;display:grid;overflow-x:hidden}.grain{pointer-events:none;z-index:8;opacity:.28;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;position:fixed;inset:0}main{z-index:5;text-align:center;width:min(92vw,640px);padding:4.5rem 1rem 7rem;position:relative}.hero{z-index:9;margin:0 auto 1.1rem;display:inline-block;position:relative}.pig{border:7px solid var(--ink);object-fit:contain;object-position:center;image-rendering:auto;filter:none;mix-blend-mode:normal;cursor:pointer;background:0 0;border-radius:0;width:min(86vw,420px);height:auto;display:block}.hero-oink{z-index:2;color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;pointer-events:none;opacity:0;font-family:Bagel Fat One,Fredoka,system-ui,sans-serif;font-size:clamp(2.4rem,11vw,4.2rem);line-height:1;position:absolute;top:16%;left:50%;transform:translate(-50%,8px)scale(.7)}.hero-oink.is-on{animation:.9s ease-out oink-burst}@keyframes oink-burst{0%{opacity:0;transform:translate(-50%,12px)scale(.6)}25%{opacity:1;transform:translate(-50%)scale(1.12)}to{opacity:0;transform:translate(-50%,-28px)scale(1)}}h1{letter-spacing:.02em;color:var(--pink);-webkit-text-stroke:5px var(--ink);paint-order:stroke fill;text-shadow:0 6px #0002;font-family:Bagel Fat One,Fredoka,system-ui,sans-serif;font-size:clamp(4.4rem,22vw,8.4rem);font-weight:400;line-height:.9}.oink{color:var(--cream);-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;margin-top:.35rem;font-family:Bagel Fat One,Fredoka,system-ui,sans-serif;font-size:clamp(2rem,9vw,3.4rem)}.mint{flex-direction:column;align-items:center;gap:.7rem;margin-top:1.1rem;display:flex}.ca:empty,.buy[hidden]{display:none}.ca{appearance:none;overflow-wrap:anywhere;max-width:min(22rem,90vw);color:var(--ink);background:var(--cream);border:4px solid var(--ink);cursor:pointer;border-radius:14px;padding:.5rem .75rem;font-family:Fredoka,system-ui,sans-serif;font-size:.78rem;font-weight:600;line-height:1.35}.ca[data-copied="1"]:after{content:" copied"}.buy{color:var(--pink);background:var(--cream);border:5px solid var(--ink);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;border-radius:18px;padding:.55rem 1.35rem;font-family:Bagel Fat One,Fredoka,system-ui,sans-serif;font-size:clamp(1.5rem,6vw,2.1rem);line-height:1;text-decoration:none;display:inline-block}.buy:focus-visible,.ca:focus-visible{outline:3px solid var(--ink);outline-offset:3px}#herd{z-index:7;pointer-events:none;position:fixed;inset:0;overflow:hidden}.walker{z-index:2;appearance:none;color:#0000;width:168px;height:auto;box-shadow:none;filter:none;pointer-events:auto;cursor:pointer;transform-origin:bottom;will-change:transform;background:0 0;border:0;outline:none;margin:0;padding:0;font-size:0;line-height:0;display:block;position:absolute;top:0;left:0;overflow:visible}.walker img{width:100%;height:auto;box-shadow:none;filter:none;pointer-events:none;background:0 0;border:0;outline:none;display:block}.walker-oink{color:var(--cream);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;opacity:0;will-change:transform, opacity;font-family:Bagel Fat One,Fredoka,system-ui,sans-serif;font-size:1.15rem;line-height:1;position:absolute;top:0;left:0}.hills{z-index:2;pointer-events:none;height:34vw;position:fixed;bottom:-10vw;left:0;right:0}.hill{background:var(--green);border:7px solid var(--ink);border-bottom:0;border-radius:50% 50% 0 0;width:78vw;height:42vw;position:absolute;bottom:0}.hill-left{left:-18vw}.hill-right{width:70vw;height:36vw;right:-16vw}.cloud{z-index:1;pointer-events:none;height:auto;box-shadow:none;filter:none;background:0 0;border:0;outline:none;position:fixed}.cloud-a{width:min(22vw,150px);top:6vh;left:5vw}.cloud-b{width:min(18vw,120px);top:11vh;right:7vw}.cloud-c{width:min(14vw,96px);top:20vh;left:28vw}@media (width<=640px){main{padding:3.2rem .8rem 8rem}.pig{border-width:6px;border-radius:0;width:min(88vw,340px)}h1{-webkit-text-stroke-width:4px}.oink{-webkit-text-stroke-width:3px}.walker{width:128px}.cloud-c{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
