:root{--bg-color:#f4ecd8;--text-color:#000;--accent-color:#cf0;--border-color:#000;--font-display:"Archivo Black", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"DM Mono", monospace;--border-width:3px;--shadow-offset:6px;--hover-offset:2px}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);background-image:linear-gradient(90deg,#0000000d 1px,#0000 1px),linear-gradient(#0000000d 1px,#0000 1px);background-size:20px 20px;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;margin:0;line-height:1.1}.mono-text{font-family:var(--font-mono)}.brut-box{border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0px var(--border-color);background-color:#fff;padding:2rem;transition:all .2s ease-out}.brut-interactive:hover{transform:translate(calc(var(--shadow-offset) - var(--hover-offset)), calc(var(--shadow-offset) - var(--hover-offset)));box-shadow:var(--hover-offset) var(--hover-offset) 0px var(--border-color)}.brut-interactive:active{transform:translate(var(--shadow-offset), var(--shadow-offset));box-shadow:0px 0px 0px var(--border-color)}.brut-btn{background-color:var(--accent-color);color:var(--text-color);font-family:var(--font-display);border:var(--border-width) solid var(--border-color);box-shadow:4px 4px 0px var(--border-color);cursor:pointer;text-transform:uppercase;justify-content:center;align-items:center;padding:.75rem 1.5rem;font-size:1.2rem;text-decoration:none;transition:all .1s ease-out;display:inline-flex}.brut-btn:hover{box-shadow:2px 2px 0px var(--border-color);transform:translate(2px,2px)}.brut-btn:active{box-shadow:0px 0px 0px var(--border-color);transform:translate(4px,4px)}.brut-badge{font-family:var(--font-mono);border:2px solid var(--border-color);text-transform:uppercase;box-shadow:2px 2px 0px var(--border-color);background-color:#fff;padding:.25rem .75rem;font-size:.85rem;font-weight:700;display:inline-block}