*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #E8E4D8;--white: #ffffff;--black: #000000;--pink: #FF1493;--cyan: #00CED1;--blue: #4169E1;--nav-bg: #D4CFC0;--shadow: rgba(0,0,0,.3)}html{font-size:16px}body{font-family:Courier New,monospace;background-color:var(--bg);color:var(--black);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;opacity:.3;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' /%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E");z-index:0}.container{max-width:80rem;margin:0 auto;padding:3rem 1.5rem;position:relative;z-index:1}header{text-align:center;margin-bottom:3rem}header h1.site-title{margin-bottom:1.5rem;text-align:center}header h1.site-title a{display:inline-block;text-decoration:none;color:inherit}header .title-image{display:block;max-width:100%;width:600px;height:auto;margin:0 auto}header .title-text{display:none;flex-wrap:wrap;justify-content:center;gap:.25rem}header .title-image[src=""],header .title-image:not([src]){display:none}header .title-image[src=""]:not([src])+.title-text,header .title-image:not([src])+.title-text{display:flex}header .title-text span{display:inline-block;padding:.75rem 1rem;border:2px solid var(--black);font-family:Impact,Arial Black,sans-serif;font-weight:900;font-size:4.5rem;line-height:1}header .title-text span:nth-child(1){background:var(--white);transform:rotate(-3deg)}header .title-text span:nth-child(2){background:var(--black);color:var(--white);transform:rotate(2deg)}header .title-text span:nth-child(3){background:var(--white);transform:rotate(-5deg)}header .title-text span.space{border:none;background:none;width:1rem}header .title-text span:nth-child(5){background:var(--black);color:var(--white);transform:rotate(4deg)}header .title-text span:nth-child(6){background:var(--white);transform:rotate(-2deg)}header .title-text span:nth-child(7){background:var(--black);color:var(--white);transform:rotate(6deg)}header .title-text span:nth-child(8){background:var(--white);transform:rotate(-4deg)}header .title-text span:nth-child(9){background:var(--black);color:var(--white);transform:rotate(3deg)}header .title-text span:nth-child(10){background:var(--white);transform:rotate(-1deg)}@media(max-width:640px){header .title-image{width:100%;max-width:350px}header .title-text span{font-size:2.5rem;padding:.5rem .75rem}}.tagline{font-size:1.5rem;margin-bottom:2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.75rem;font-family:Courier New,monospace}.tagline span:first-child{padding:0 .5rem;border-bottom:4px solid var(--black)}.tagline .x{font-weight:700}.tagline .humanity{padding:0 .5rem;background-color:var(--pink)}.tagline .bullshit{padding:0 .5rem;background-color:var(--cyan)}nav{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:2rem}nav a{font-size:1.5rem;text-transform:uppercase;padding:.5rem 1rem;text-decoration:none;color:var(--black);background-color:var(--nav-bg);position:relative;font-family:Courier New,monospace;clip-path:polygon(2% 0%,15% 1%,30% 0%,45% 2%,60% 0%,75% 1%,90% 0%,98% 10%,99% 30%,100% 50%,98% 70%,96% 90%,90% 98%,75% 99%,60% 100%,45% 98%,30% 97%,15% 100%,3% 98%,1% 85%,0% 70%,1% 50%,0% 30%,2% 10%)}nav a:nth-child(1){transform:rotate(-1deg)}nav a:nth-child(2){transform:rotate(1.5deg)}nav a:nth-child(3){transform:rotate(-.5deg)}nav a:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px}nav a:nth-child(1):after{background-color:var(--blue)}nav a:nth-child(2):after{background-color:var(--pink)}nav a:nth-child(3):after{background-color:var(--cyan)}nav a:hover{transform:rotate(0) translateY(-2px)}main{position:relative;z-index:1}.home-layout{display:grid;grid-template-columns:1fr 1fr 320px;gap:2rem}@media(max-width:1024px){.home-layout{grid-template-columns:1fr 1fr}.sidebar{grid-column:span 2}}@media(max-width:640px){.home-layout{grid-template-columns:1fr}.sidebar{grid-column:span 1}header h1 span{font-size:2.5rem;padding:.5rem .75rem}}.articles-grid{grid-column:span 2;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;align-items:start}@media(max-width:640px){.articles-grid{grid-column:span 1;grid-template-columns:1fr}}.article-card{background:var(--white);padding:.75rem;box-shadow:4px 4px 8px var(--shadow);transition:transform .2s ease;cursor:pointer;border:none;text-align:left;display:block;text-decoration:none;color:inherit}.article-card:nth-child(1){transform:rotate(-1deg)}.article-card:nth-child(2){transform:rotate(1deg)}.article-card:nth-child(3){transform:rotate(-.5deg)}.article-card:nth-child(4){transform:rotate(.5deg)}.article-card:hover{transform:scale(1.05) rotate(0)}.article-card .image-wrapper{background:var(--white);padding:0}.article-card img{width:100%;height:14rem;object-fit:cover;filter:grayscale(100%) contrast(1.2) brightness(.95)}.article-card .content{background:var(--white);padding:1rem .5rem .75rem;min-height:6rem}.article-card h2{font-size:1rem;text-transform:uppercase;letter-spacing:-.02em;text-align:center;margin-bottom:.5rem;font-family:Courier New,monospace;font-weight:400;line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-card h2 .highlight-pink{display:inline;padding:0 .25rem;background-color:var(--pink)}.article-card h2 .highlight-cyan{display:inline;padding:0 .25rem;background-color:var(--cyan)}.article-card h2 .highlight-blue{display:inline;padding:0 .25rem;background-color:var(--blue);color:var(--white)}.article-card .date{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;text-align:center;opacity:.6;font-family:Courier New,monospace}.sidebar{display:flex;flex-direction:column;gap:2rem}.search-box{background:var(--white);padding:1.5rem;border:4px solid var(--black);transform:rotate(1deg);clip-path:polygon(0% 0%,100% 0%,100% 95%,98% 100%,95% 97%,90% 100%,85% 97%,80% 100%,75% 97%,70% 100%,65% 97%,60% 100%,55% 97%,50% 100%,45% 97%,40% 100%,35% 97%,30% 100%,25% 97%,20% 100%,15% 97%,10% 100%,5% 97%,0% 100%)}.search-box h3{font-family:Impact,Arial Black,sans-serif;font-size:1.875rem;text-transform:uppercase;text-align:center;margin-bottom:1rem}.search-box .input-wrapper{position:relative}.search-box input{width:100%;padding:.5rem 2.5rem .5rem 1rem;border:2px solid var(--black);font-size:1rem;font-family:Courier New,monospace}.search-box .search-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem}.recent-rants{background:var(--white);padding:1.5rem;border:4px solid var(--black);transform:rotate(-1deg);box-shadow:6px 6px #0006}.recent-rants h3{font-family:Impact,Arial Black,sans-serif;font-size:1.875rem;text-transform:uppercase;margin-bottom:1.5rem;display:inline-block;padding:.25rem .75rem;border:4px solid var(--black);background:var(--white)}.recent-rants ul{list-style:none;display:flex;flex-direction:column;gap:.75rem}.recent-rants li a{display:block;font-size:1.125rem;text-transform:uppercase;text-decoration:none;color:var(--black);border:2px solid var(--black);padding:.5rem .75rem;font-family:Courier New,monospace}.recent-rants li:nth-child(odd) a{background:var(--white)}.recent-rants li:nth-child(2n) a{background:#f5f5f5}.recent-rants li a:hover{text-decoration:underline}.diy-icon{display:flex;justify-content:center}.diy-icon .icon-box{background:var(--white);padding:2rem;border:4px solid var(--black);transform:rotate(2deg);box-shadow:4px 4px #0000004d}.diy-icon svg{width:5rem;height:5rem;stroke:var(--black);stroke-width:2;fill:none}footer{text-align:center;font-size:.875rem;text-transform:uppercase;margin-top:3rem;opacity:.6;font-family:Courier New,monospace}article.post{max-width:56rem;margin:0 auto}article.post .post-image{background:var(--white);padding:1.5rem;margin-bottom:2rem;transform:rotate(-.5deg);box-shadow:8px 8px 0 var(--shadow)}article.post .post-image .inner{background:var(--white);padding:1rem 1rem 5rem}article.post .post-image img{width:100%;height:24rem;object-fit:cover;filter:grayscale(100%) contrast(1.2) brightness(.95)}article.post h1{font-family:Impact,Arial Black,sans-serif;font-size:3rem;text-transform:uppercase;letter-spacing:-.02em;margin-bottom:1rem}article.post h1 span{display:inline-block;padding:.25rem .75rem;border:4px solid var(--black);background-color:var(--pink)}article.post .meta{font-size:1.125rem;text-transform:uppercase;letter-spacing:.05em;opacity:.6;margin-bottom:2rem;font-family:Courier New,monospace}article.post .content{display:flex;flex-direction:column;gap:1.5rem}article.post .content p{background:var(--white);padding:1.5rem;border-left:8px solid var(--black);box-shadow:4px 4px #0003;font-size:1.125rem;line-height:1.7;font-family:Courier New,monospace}article.post .content p:nth-child(odd){transform:rotate(.3deg)}article.post .content p:nth-child(2n){transform:rotate(-.3deg)}article.post .content ul,article.post .content ol{background:var(--white);padding:1.5rem 1.5rem 1.5rem 3rem;border-left:8px solid var(--black);box-shadow:4px 4px #0003;font-size:1.125rem;line-height:1.7;font-family:Courier New,monospace}article.post .content ul:nth-child(odd),article.post .content ol:nth-child(odd){transform:rotate(.3deg)}article.post .content ul:nth-child(2n),article.post .content ol:nth-child(2n){transform:rotate(-.3deg)}article.post .content li{margin-bottom:.5rem}article.post .content li:last-child{margin-bottom:0}article.post .post-footer{margin-top:3rem;background:var(--black);color:var(--white);padding:2rem;border:4px solid var(--black);text-align:center;transform:rotate(1deg);box-shadow:8px 8px 0 var(--shadow)}article.post .post-footer p{font-family:Impact,Arial Black,sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:.05em}.back-button{display:inline-flex;align-items:center;gap:.5rem;font-size:1.25rem;text-transform:uppercase;padding:.5rem 1rem;border:2px solid var(--black);background:var(--white);color:var(--black);text-decoration:none;margin-bottom:2rem;font-family:Courier New,monospace;cursor:pointer;transition:all .15s ease}.back-button:hover{background:var(--black);color:var(--white)}.audio-player{background:var(--black);color:var(--white);padding:1.5rem;margin-bottom:2rem;transform:rotate(-.5deg);box-shadow:6px 6px #0006}.audio-label{font-family:Impact,Arial Black,sans-serif;font-size:1.25rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.audio-label:first-letter{color:var(--pink)}.audio-player audio{width:100%;display:block;height:54px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}