*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"Libre Franklin",sans-serif;background:#ebe4d6;color:#222;min-height:100vh;background-image:radial-gradient(#d9d0c0 1px,transparent 1px);background-size:16px 16px}
.nav{display:flex;justify-content:space-between;padding:1.2rem clamp(1.2rem,4vw,3rem);font-weight:800;font-size:.85rem}
.nav a{color:#222;text-decoration:none;background:#fff;padding:.4rem .8rem;transform:rotate(-2deg);box-shadow:2px 3px 0 #0003}
.note-title{padding:1rem clamp(1.2rem,4vw,3rem)}
.brand{font-family:"Caveat",cursive;font-size:clamp(4rem,16vw,7.5rem);line-height:.85;color:#c1121f;transform:rotate(-3deg);margin-bottom:.6rem}
.note-title h1{font-size:clamp(1.3rem,3vw,1.9rem);max-width:14ch}
.board{position:relative;min-height:520px;margin:1rem clamp(1.2rem,4vw,3rem) 4rem;background:#cbbfaa;border:8px solid #8d7d66;box-shadow:inset 0 0 40px rgba(0,0,0,.12)}
.scrap{position:absolute;padding:1.1rem 1.25rem;font-weight:800;box-shadow:4px 6px 12px rgba(0,0,0,.18);border:1px solid #0002;background:#fffdf7}
.s1{top:8%;left:6%;transform:rotate(-6deg);background:#fdf0d5}
.s2{top:14%;right:8%;transform:rotate(4deg);background:#3f6f89;color:#fff}
.s3{top:42%;left:18%;transform:rotate(-2deg);background:#c1121f;color:#fff;font-family:"Caveat",cursive;font-size:1.4rem}
.s4{bottom:18%;right:14%;transform:rotate(7deg);background:#ffe566;font-size:.9rem}
.s5{bottom:8%;left:8%;max-width:280px;transform:rotate(1deg)}
.s5 h2{font-family:"Caveat",cursive;font-size:1.8rem;margin-bottom:.35rem;color:#c1121f}
.s5 p{font-weight:600;line-height:1.4;margin-bottom:1rem}
.cta{display:inline-block;text-decoration:none;background:#fff;color:#222;font-weight:800;padding:.8rem 1.1rem;border:2px dashed #222;transform:rotate(1deg);transition:transform .15s ease}
.cta:hover{transform:rotate(-1deg) scale(1.03)}
@media(max-width:700px){.board{min-height:auto;display:grid;gap:1rem;padding:1rem}.scrap{position:relative;inset:auto;transform:none;max-width:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important}}