*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Oswald",sans-serif;background:#1a1814;color:#e8e0d0;min-height:100vh;overflow-x:clip;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 baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'/%3E%3C/svg%3E"),linear-gradient(160deg,#2a241c,#12100e)}
.nav{display:flex;justify-content:space-between;padding:1.2rem clamp(1.2rem,4vw,3rem);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}
.nav a{color:#c45c26;text-decoration:none}
.wall{position:relative;min-height:80vh;padding:2rem clamp(1.2rem,4vw,3rem) 5rem;max-width:900px;margin:0 auto}
.flyer{border:4px solid #e8e0d0;padding:1.5rem;background:#0e0c0a;box-shadow:8px 10px 0 rgba(0,0,0,.45);max-width:420px}
.f1{transform:rotate(-3deg);margin-bottom:-2rem;z-index:1;position:relative}
.brand{font-size:clamp(3rem,12vw,5rem);color:#c45c26;line-height:.9;text-shadow:3px 3px 0 #000;margin-bottom:.5rem}
.f1 h1{font-family:"Special Elite",cursive;font-size:clamp(1.6rem,4vw,2.4rem);margin-bottom:.5rem}
.f2{transform:rotate(2deg);margin-left:auto;margin-bottom:-1.5rem;position:relative;z-index:2;font-family:"Special Elite",cursive}
.f2 h2{margin-bottom:.8rem;color:#c45c26}
.f2 ol{padding-left:1.2rem;line-height:1.8}
.f3{transform:rotate(-1deg);position:relative;z-index:3}
.f3 h2{font-size:1.5rem;margin-bottom:.6rem}
.f3 p{font-family:"Special Elite",cursive;line-height:1.5;opacity:.8;margin-bottom:1.2rem;max-width:28ch}
.cta{display:inline-block;text-decoration:none;color:#1a1814;background:#e8e0d0;padding:.85rem 1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:3px solid #000;box-shadow:4px 4px 0 #c45c26;transition:transform .15s ease,box-shadow .15s ease}
.cta:hover{transform:rotate(1deg) translate(2px,2px);box-shadow:2px 2px 0 #c45c26}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}