:root{--black: #000000;--white: #FFFFFF;--light: #F4F4F4;--gray: #A6A6A6;--dark-gray: #2a2a2a;--mid-gray: #555555;--accent: #D4FF00;--accent-hover: #bce600}[data-theme=dark]{--black: #FFFFFF;--white: #0A0A0A;--light: #1A1A1A;--gray: #777777;--dark-gray: #E0E0E0;--mid-gray: #AAAAAA;--accent: #D4FF00}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--light);color:var(--black);font-family:DM Sans,sans-serif;overflow-x:hidden;transition:background-color .3s ease,color .3s ease;display:flex;flex-direction:column;min-height:100vh}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.5}.bw-image{width:100%;height:100%;object-fit:cover;filter:grayscale(100%) contrast(1.1);transition:filter .4s ease,transform .6s ease}nav{position:sticky;top:0;z-index:100;background:var(--white);display:flex;align-items:center;justify-content:space-between;padding:0 2rem;height:64px;border-bottom:2px solid var(--black);transition:background-color .3s ease}.nav-logo{font-family:Bebas Neue,sans-serif;font-size:2.2rem;color:var(--black);letter-spacing:.12em;display:flex;align-items:center;gap:6px;text-decoration:none}.nav-logo span{display:inline-block;width:20px;height:20px;background:var(--accent);border:2px solid var(--black)}.nav-center{display:flex;align-items:center}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{font-family:Space Mono,monospace;font-size:.75rem;color:var(--mid-gray);text-decoration:none;text-transform:uppercase;letter-spacing:.15em;transition:color .2s}.nav-links>li>a:hover{color:var(--black);font-weight:700}.nav-right{display:flex;align-items:center;gap:1.2rem}.dropdown{position:relative}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--white);border:2px solid var(--black);list-style:none;min-width:220px;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .2s ease;z-index:200;box-shadow:4px 4px 0 var(--black);display:flex;flex-direction:column;gap:0;margin-top:1.2rem}.dropdown-menu:before{content:"";position:absolute;top:-1.2rem;left:0;width:100%;height:1.2rem}.dropdown:hover .dropdown-menu,.dropdown:focus-within .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu li{border-bottom:1px dashed var(--gray)}.dropdown-menu a{display:block;padding:1rem 1.2rem;font-family:Space Mono,monospace;font-size:.7rem;color:var(--black);text-transform:uppercase;letter-spacing:.1em;transition:background .2s}.dropdown-menu a:hover{background:var(--accent);color:#000}.btn-primary{font-family:Space Mono,monospace;font-size:.7rem;color:#000;background:var(--accent);border:2px solid var(--black);padding:8px 16px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;font-weight:700;box-shadow:3px 3px 0 var(--black);text-decoration:none;display:inline-block}.btn-primary:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--black)}.icon-btn,.theme-btn{background:transparent;border:none;font-size:1.2rem;color:var(--black);cursor:pointer;font-family:Space Mono,monospace;display:flex;align-items:center;gap:.5rem}.icon-btn span{font-size:.65rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;display:none}@media(min-width:900px){.icon-btn span{display:inline}}.mobile-menu-btn{display:none;background:transparent;border:2px solid var(--black);color:var(--black);font-family:Space Mono,monospace;font-size:.7rem;padding:6px 12px;cursor:pointer;text-transform:uppercase;letter-spacing:.1em}.search-modal{position:fixed;inset:0;background:var(--accent);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;opacity:0;pointer-events:none;transition:opacity .3s ease}.search-modal.active{opacity:1;pointer-events:all}.close-search{position:absolute;top:2rem;right:2rem;background:transparent;border:none;font-family:Bebas Neue,sans-serif;font-size:3rem;color:#000;cursor:pointer}.search-content{width:100%;max-width:800px;display:flex;flex-direction:column;gap:2rem}.search-content h2{font-family:Bebas Neue,sans-serif;font-size:clamp(3rem,5vw,5rem);color:#000;line-height:1}.search-input-wrapper input{width:100%;background:transparent;border:none;border-bottom:4px solid #000;padding:1rem 0;font-family:DM Sans,sans-serif;font-size:clamp(1.5rem,3vw,2.5rem);color:#000;outline:none;font-weight:700}.search-suggestions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-family:Space Mono,monospace}.search-suggestions a{font-size:.75rem;color:#000;text-decoration:none;border:1px solid #000;padding:4px 12px;text-transform:uppercase}footer{background:var(--black);color:var(--white);padding:4rem 2rem;display:grid;grid-template-columns:1fr 2fr 1fr;gap:3rem;margin-top:auto}.footer-logo{font-family:Bebas Neue,sans-serif;font-size:3rem;color:var(--white);letter-spacing:.1em;margin-bottom:1rem}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.footer-col h4{font-family:Space Mono,monospace;font-size:.65rem;color:var(--accent);letter-spacing:.2em;text-transform:uppercase;margin-bottom:1.5rem;border-bottom:1px solid #333;padding-bottom:.5rem}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:.8rem}.footer-col ul a{font-family:DM Sans,sans-serif;font-size:.85rem;color:#aaa;text-decoration:none;transition:color .2s}.footer-col ul a:hover{color:var(--white)}.social-link{font-family:Space Mono,monospace;font-size:.7rem;color:#aaa;text-decoration:none;letter-spacing:.1em;display:flex;align-items:center;gap:.5rem}.footer-copy{border-top:1px solid #222;padding:1.5rem 2rem;display:flex;justify-content:space-between;background:var(--black);font-family:Space Mono,monospace;font-size:.6rem;color:#666}@media(max-width:900px){.nav-center{display:none}.mobile-menu-btn{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;width:100%;background:var(--white);flex-direction:column;border-bottom:2px solid var(--black)}.nav-links.active{display:flex}.nav-links li{border-bottom:1px solid var(--dark-gray)}.nav-links a{display:block;padding:1.5rem 2rem;font-size:1rem;color:var(--black)}.dropdown-menu{position:static;box-shadow:none;border:none;border-top:1px dashed var(--gray);display:none}.dropdown:hover .dropdown-menu{display:flex}footer{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}}