*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Rubik",sans-serif;min-height:100vh;color:#1a1a1a;overflow-x:clip;background:#fff8e7;background-image:radial-gradient(#ff6b6b 3px,transparent 3px),radial-gradient(#4ecdc4 3px,transparent 3px),radial-gradient(#ffe66d 2px,transparent 2px);background-size:48px 48px,64px 64px,32px 32px;background-position:0 0,24px 24px,12px 12px}
.nav{display:flex;justify-content:space-between;padding:1.2rem clamp(1.2rem,4vw,3rem);font-weight:800;font-size:.85rem}
.nav a{color:#1a1a1a;text-decoration:none;background:#ffe66d;padding:.4rem .8rem;border:3px solid #1a1a1a;box-shadow:3px 3px 0 #1a1a1a}
.mast{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;padding:1rem clamp(1.2rem,4vw,3rem) 1.5rem;flex-wrap:wrap}
.brand{font-size:clamp(4rem,16vw,8rem);line-height:.85;color:#ff6b6b;-webkit-text-stroke:3px #1a1a1a;paint-order:stroke fill}
.stamp{border:3px solid #1a1a1a;background:#a78bfa;padding:.6rem 1rem;transform:rotate(6deg);font-weight:800;box-shadow:4px 4px 0 #1a1a1a}
.board{display:grid;gap:1rem;padding:0 clamp(1.2rem,4vw,3rem) 4rem}
.mod{padding:1.4rem;border:3px solid #1a1a1a;box-shadow:5px 5px 0 #1a1a1a;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end}
.mod h2{font-size:1.4rem;margin-bottom:.35rem}
.m-squiggle{background:#ff6b6b;border-radius:40% 0}
.m-terra{background:#ffe66d;border-radius:0 30px;background-image:radial-gradient(#1a1a1a 2px,transparent 2px);background-size:14px 14px}
.m-confetti{background:#4ecdc4;border-radius:50% 10px}
.m-zig{background:#ffe66d;border-radius:0;color:#1a1a1a;position:relative;overflow:hidden;z-index:0}
.m-zig::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,#1a1a1a 0 8px,transparent 8px 16px);opacity:.18;pointer-events:none;z-index:-1}
.m-zig h2,.m-zig p{position:relative}
.flyer{background:#a78bfa;border:3px solid #1a1a1a;box-shadow:8px 8px 0 #1a1a1a;padding:1.5rem;transform:rotate(-1deg)}
.brand-sm{font-size:2rem;margin-bottom:.5rem}
.flyer h1{font-size:clamp(1.5rem,3vw,2.2rem);max-width:12ch;margin-bottom:.6rem}
.flyer p{margin-bottom:1.2rem;max-width:28ch}
.cta{display:inline-block;text-decoration:none;background:#4ecdc4;color:#1a1a1a;font-weight:800;padding:.9rem 1.2rem;border:3px solid #1a1a1a;box-shadow:5px 5px 0 #1a1a1a;border-radius:20px 0;transition:transform .18s ease}
.cta:hover{transform:rotate(-2deg)}
@media(min-width:800px){.board{grid-template-columns:1fr 1fr 1.1fr;grid-template-rows:auto auto}.flyer{grid-column:3;grid-row:1/3}.m-zig{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}