:root{--k:#111;--w:#fff;--y:#FFC21A;--p:#FF5A84}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font:400 16px/1.55 Montserrat,system-ui,sans-serif;color:var(--k);background:var(--w)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--y);padding:8px;z-index:9}
.top{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:rgba(17,17,17,.92);backdrop-filter:blur(6px)}
.logo{font:400 26px Anton,sans-serif;color:var(--w);text-decoration:none;letter-spacing:.5px}.logo span{color:var(--y)}
.btn{display:inline-block;font:800 18px Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.5px;background:var(--y);color:var(--k);text-decoration:none;padding:16px 28px;border-radius:999px;border:3px solid var(--k);box-shadow:5px 5px 0 var(--p);transition:transform .15s,box-shadow .15s}
.btn:hover,.btn:focus-visible{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--p)}
.btn.sm{font-size:13px;padding:8px 16px;box-shadow:3px 3px 0 var(--p);border-color:var(--y)}
.btn.pink{background:var(--p);color:var(--w);box-shadow:5px 5px 0 var(--k)}
.hero{background:var(--k);color:var(--w);text-align:center;padding:40px 20px 64px;overflow:hidden}
.eyes{width:min(88vw,520px);height:auto;margin:0 auto 12px;display:block}
.pupil{transition:transform .08s linear}
.lid{animation:blink 6s infinite}
@keyframes blink{0%,84%,100%{transform:translateY(0)}86%{transform:translateY(142px)}88%{transform:translateY(0)}91%{transform:translateY(142px)}93%{transform:translateY(0)}}
h1{font:400 clamp(48px,13vw,120px)/.92 Anton,sans-serif;text-transform:uppercase;margin:8px 0 16px}
h1 span{display:block}h1 .y{color:var(--y);font-size:.55em;margin-top:.15em}
.sub{font-size:clamp(17px,2.4vw,21px);max-width:34ch;margin:0 auto 28px;opacity:.92}.sub em{color:var(--p);font-style:normal;font-weight:800}
.note{font:700 28px Caveat,cursive;color:var(--y);margin:22px 0 0;transform:rotate(-4deg)}
.merch{padding:56px 16px;max-width:1040px;margin:0 auto}
h2{font:400 clamp(38px,8vw,64px)/1 Anton,sans-serif;text-transform:uppercase;margin:0 0 8px;text-align:center}
.lead{text-align:center;margin:0 auto 32px;max-width:52ch;color:#444}
.grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:20px}
.card a{display:flex;flex-direction:column;height:100%;text-decoration:none;border:3px solid var(--k);border-radius:18px;overflow:hidden;background:var(--w);transition:transform .15s,box-shadow .15s}
.card a:hover,.card a:focus-visible{transform:translateY(-4px) rotate(-.5deg);box-shadow:6px 6px 0 var(--y)}
.ph{background:#f3f1ec;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ph img{width:100%;height:100%;object-fit:cover}
.meta{padding:14px 16px 18px;position:relative;flex:1}
.meta h3{font:400 24px/1.1 Anton,sans-serif;text-transform:uppercase;margin:0 0 4px}
.meta p{margin:0;font:600 21px/1.2 Caveat,cursive;color:#555}
.price{display:inline-block;margin-top:8px;background:var(--p);color:var(--w);font-weight:800;padding:3px 10px;border-radius:999px;font-size:15px}
.custom .price{margin:0 0 0 6px}
.custom{background:var(--y);padding:56px 20px;border-block:4px solid var(--k)}
.cwrap{max-width:1000px;margin:0 auto;display:grid;gap:28px;align-items:center}
.cwrap img{border:4px solid var(--k);border-radius:20px;background:#f3f1ec;max-width:420px;margin:0 auto;width:100%;transform:rotate(-2deg)}
.custom h2{text-align:left}.custom p{font-size:18px}
.hand{font:700 24px Caveat,cursive}
footer{background:var(--k);color:#ccc;text-align:center;padding:32px 20px;font-size:14px}
footer a{color:var(--y)}.tiny{font:600 20px Caveat,cursive;color:var(--p)}
@media(min-width:760px){.cwrap{grid-template-columns:1fr 1.2fr}.hero{padding:56px 20px 88px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}