-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 230 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 230 KB
1
<!DOCTYPE html><html class="dark" lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><link href="/favicon.svg" rel="icon" type="image/svg+xml"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><link href="/rss.xml" rel="alternate" type="application/rss+xml" title="Fezcodex RSS Feed"><meta content="codex by fezcode..." name="description"><meta content="website" property="og:type"><meta content="https://fezcode.com/" property="og:url"><meta content="Fezcodex - Personal Blog and Projects" property="og:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." property="og:description"><meta content="/images/asset/ogtitle.png" property="og:image"><meta content="summary_large_image" name="twitter:card"><meta content="https://fezcode.com/" name="twitter:url"><meta content="Fezcodex - Personal Blog and Projects" name="twitter:title"><meta content="Discover logs, posts, projects, and stories from Fezcode." name="twitter:description"><meta content="/images/asset/ogtitle.png" name="twitter:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin=""><link href="https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Arvo&family=Inter&family=Playfair+Display:wght@400;500;600;700;800;900&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Syne:wght@700;800&family=Outfit:wght@300;400;500;600&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Instrument+Sans:ital,wght@0,400..700;1,400..700&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet"><link href="https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400..800;1,400..800&display=swap" rel="stylesheet"><title>Glossary | Fezcodex</title><title>fezcodex</title><script defer src="/static/js/main.87f8d95f.js"></script><link href="/static/css/main.c666da2c.css" rel="stylesheet"><link href="https://fonts.googleapis.com" rel="preconnect"><link href="https://fonts.gstatic.com" rel="preconnect"><link href="https://github.com" rel="preconnect"><link href="https://release-assets.githubusercontent.com" rel="preconnect"><meta content="A dictionary of technical concepts and patterns." name="description"><meta content="Fezcodex, vocabulary, glossary, definitions" name="keywords"><meta content="Glossary | Fezcodex" property="og:title"><meta content="A dictionary of technical concepts and patterns." property="og:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image"><meta content="https://fezcode.com/vocab" property="og:url"><meta content="website" property="og:type"><meta content="Fezcodex" property="og:site_name"><meta content="https://fezcode.com/images/asset/ogtitle.png" property="og:image:secure_url"><meta content="summary_large_image" name="twitter:card"><meta content="Glossary | Fezcodex" name="twitter:title"><meta content="A dictionary of technical concepts and patterns." name="twitter:description"><meta content="https://fezcode.com/images/asset/ogtitle.png" name="twitter:image"><meta content="https://fezcode.com/vocab" name="twitter:url"><link href="https://fezcode.com/vocab" rel="canonical"></head><body class="bg-slate-950" style="cursor:default;user-select:auto"><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"><div class="bg-emerald-600 text-white relative z-[100] border-b-2 border-black selection:bg-white selection:text-black" style="height:auto;opacity:1"><div class="max-w-7xl mx-auto px-4 py-3 flex items-center justify-between gap-4"><div class="flex items-center gap-3 flex-1"><span class="shrink-0"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M108,84a16,16,0,1,1,16,16A16,16,0,0,1,108,84Zm128,44A108,108,0,1,1,128,20,108.12,108.12,0,0,1,236,128Zm-24,0a84,84,0,1,0-84,84A84.09,84.09,0,0,0,212,128Zm-72,36.68V132a20,20,0,0,0-20-20,12,12,0,0,0-4,23.32V168a20,20,0,0,0,20,20,12,12,0,0,0,4-23.32Z"></path></svg></span><p class="font-mono text-xs md:text-sm font-black uppercase tracking-widest leading-tight">CLIMB THE TALL BUILDING 0 IS ONLINE: BUILD YOUR DECK AND CLIMB. ACCESS AT /CLIMB-THE-TALL-BUILDING-0.</p><a class="shrink-0 inline-flex items-center gap-1 bg-black/20 hover:bg-black/40 px-3 py-1 rounded-sm border border-white/20 transition-all font-bold text-[10px] uppercase" href="https://fezcode.com/climb-the-tall-building-0/">Play Climb the Tall Building 0<svg viewBox="0 0 256 256" height="12" width="12" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg></a></div><button class="p-1 hover:bg-black/20 rounded-sm transition-colors shrink-0" aria-label="Dismiss"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208.49,191.51a12,12,0,0,1-17,17L128,145,64.49,208.49a12,12,0,0,1-17-17L111,128,47.51,64.49a12,12,0,0,1,17-17L128,111l63.51-63.52a12,12,0,0,1,17,17L145,128Z"></path></svg></button></div><div class="h-0.5 w-full bg-black/10"></div></div><div class="bg-[#050505] min-h-screen font-sans flex"><div class="fixed inset-0 bg-black/80 backdrop-blur-sm z-40 md:hidden transition-opacity opacity-0 pointer-events-none"></div><aside class="fixed top-0 left-0 h-screen w-72 bg-[#060608] z-50 flex flex-col border-r border-white/10 shadow-2xl" style="transform:translateX(-100%)"><div class="p-8 border-b border-white/10 flex flex-col gap-2 bg-black/50 relative"><div class="absolute top-0 left-0 w-full h-[2px] bg-gradient-to-r from-emerald-500/60 via-amber-500/30 to-transparent"></div><a class="flex items-center gap-3 group" href="/" data-discover="true"><span class="text-xl font-black uppercase tracking-tighter text-white">Fez<span class="text-emerald-500">codex</span></span></a><span class="font-arvo text-[10px] text-gray-500 uppercase tracking-widest font-medium">Digital Archive Kernel // v0.20.1 // Neural_Nexus</span></div><div class="relative flex-grow overflow-hidden"><div class="h-full overflow-y-auto scrollbar-hide no-scrollbar"><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Main</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M222.14,105.85l-80-80a20,20,0,0,0-28.28,0l-80,80A19.86,19.86,0,0,0,28,120v96a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V164h24v52a12,12,0,0,0,12,12h64a12,12,0,0,0,12-12V120A19.86,19.86,0,0,0,222.14,105.85ZM204,204H164V152a12,12,0,0,0-12-12H104a12,12,0,0,0-12,12v52H52V121.65l76-76,76,76Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Home</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/terminal" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M72.5,150.63,100.79,128,72.5,105.37a12,12,0,1,1,15-18.74l40,32a12,12,0,0,1,0,18.74l-40,32a12,12,0,0,1-15-18.74ZM144,172h32a12,12,0,0,0,0-24H144a12,12,0,0,0,0,24ZM236,56V200a20,20,0,0,1-20,20H40a20,20,0,0,1-20-20V56A20,20,0,0,1,40,36H216A20,20,0,0,1,236,56Zm-24,4H44V196H212Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Terminal</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/about" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">About</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/achievements" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,60H212V48a12,12,0,0,0-12-12H56A12,12,0,0,0,44,48V60H24A20,20,0,0,0,4,80V96a44.05,44.05,0,0,0,44,44h.77A84.18,84.18,0,0,0,116,195.15V212H96a12,12,0,0,0,0,24h64a12,12,0,0,0,0-24H140V195.11c30.94-4.51,56.53-26.2,67-55.11h1a44.05,44.05,0,0,0,44-44V80A20,20,0,0,0,232,60ZM28,96V84H44v28c0,1.21,0,2.41.09,3.61A20,20,0,0,1,28,96Zm160,15.1c0,33.33-26.71,60.65-59.54,60.9A60,60,0,0,1,68,112V60H188ZM228,96a20,20,0,0,1-16.12,19.62c.08-1.5.12-3,.12-4.52V84h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Achievements</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 bg-emerald-500/5 text-emerald-400 border-l-2 border-emerald-500"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Feed</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/blog" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232,44H160a43.86,43.86,0,0,0-32,13.85A43.86,43.86,0,0,0,96,44H24A12,12,0,0,0,12,56V200a12,12,0,0,0,12,12H96a20,20,0,0,1,20,20,12,12,0,0,0,24,0,20,20,0,0,1,20-20h72a12,12,0,0,0,12-12V56A12,12,0,0,0,232,44ZM96,188H36V68H96a20,20,0,0,1,20,20V192.81A43.79,43.79,0,0,0,96,188Zm124,0H160a43.71,43.71,0,0,0-20,4.83V88a20,20,0,0,1,20-20h60Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Blogposts</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/projects" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M230.47,67.5a12,12,0,0,0-19.26-4.32L172.43,99l-12.68-2.72L157,83.57l35.79-38.78a12,12,0,0,0-4.32-19.26A76.07,76.07,0,0,0,88.41,121.64L30.92,174.18a4.68,4.68,0,0,0-.39.38,36,36,0,0,0,50.91,50.91l.38-.39,52.54-57.49A76.05,76.05,0,0,0,230.47,67.5ZM160,148a51.5,51.5,0,0,1-23.35-5.52,12,12,0,0,0-14.26,2.62L64.31,208.66a12,12,0,0,1-17-17l63.55-58.07a12,12,0,0,0,2.62-14.26A51.5,51.5,0,0,1,108,96a52.06,52.06,0,0,1,52-52h.89L135.17,71.87a12,12,0,0,0-2.91,10.65l5.66,26.35a12,12,0,0,0,9.21,9.21l26.35,5.66a12,12,0,0,0,10.65-2.91L212,95.12c0,.3,0,.59,0,.89A52.06,52.06,0,0,1,160,148Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Projects</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/logs" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,36H40A20,20,0,0,0,20,56V200a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A20,20,0,0,0,216,36Zm-4,160H44V60H212ZM68,92A12,12,0,0,1,80,80h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,92Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,128Zm0,36a12,12,0,0,1,12-12h96a12,12,0,0,1,0,24H80A12,12,0,0,1,68,164Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Discovery Logs</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 bg-emerald-500/10 text-white" href="/vocab" data-discover="true" aria-current="page"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,20H72A36,36,0,0,0,36,56V224a12,12,0,0,0,12,12H192a12,12,0,0,0,0-24H60v-4a12,12,0,0,1,12-12H208a12,12,0,0,0,12-12V32A12,12,0,0,0,208,20ZM120,44h36v59l-10.51-8.41a12,12,0,0,0-15,0L120,103Zm76,128H72a35.59,35.59,0,0,0-12,2.06V56A12,12,0,0,1,72,44H96v84a12,12,0,0,0,19.5,9.37l22.49-18,22.51,18A12,12,0,0,0,180,128V44h16Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Glossary</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/the-vague" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,164v8h12a12,12,0,0,1,0,24H200v12a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12h32a12,12,0,0,1,0,24ZM92,172a32,32,0,0,1-32,32H56v4a12,12,0,0,1-24,0V152a12,12,0,0,1,12-12H60A32,32,0,0,1,92,172Zm-24,0a8,8,0,0,0-8-8H56v16h4A8,8,0,0,0,68,172Zm100,8a40,40,0,0,1-40,40H112a12,12,0,0,1-12-12V152a12,12,0,0,1,12-12h16A40,40,0,0,1,168,180Zm-24,0a16,16,0,0,0-16-16h-4v32h4A16,16,0,0,0,144,180ZM36,108V40A20,20,0,0,1,56,20h96a12,12,0,0,1,8.49,3.52l56,56A12,12,0,0,1,220,88v20a12,12,0,0,1-24,0v-4H148a12,12,0,0,1-12-12V44H60v64a12,12,0,0,1-24,0ZM160,57V80h23Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">The Vague</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Applications</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/castarook/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M252,80a32,32,0,1,0-60,15.45l-20.86,25.66L150.82,74.4a32,32,0,1,0-45.64,0L84.87,121.11,64,95.45a32,32,0,1,0-35,15.78l14,84.06A19.94,19.94,0,0,0,62.78,212H193.22A19.94,19.94,0,0,0,213,195.29l14-84.06A32.05,32.05,0,0,0,252,80Zm-32-8a8,8,0,1,1-8,8A8,8,0,0,1,220,72ZM128,44a8,8,0,1,1-8,8A8,8,0,0,1,128,44ZM36,72a8,8,0,1,1-8,8A8,8,0,0,1,36,72ZM189.83,188H66.17L55.29,122.78l23.4,28.79A12,12,0,0,0,88,156a12.87,12.87,0,0,0,1.63-.11,12,12,0,0,0,9.37-7.1L127.18,84l.82,0,.82,0L157,148.79a12,12,0,0,0,9.37,7.1A12.87,12.87,0,0,0,168,156a12,12,0,0,0,9.31-4.43l23.4-28.79Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Castarook</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/Swat-Tactics/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,36H48A20,20,0,0,0,28,56v56c0,54.29,26.32,87.22,48.4,105.29,23.71,19.39,47.44,26,48.44,26.29a12.1,12.1,0,0,0,6.32,0c1-.28,24.73-6.9,48.44-26.29,22.08-18.07,48.4-51,48.4-105.29V56A20,20,0,0,0,208,36Zm-4,76c0,35.71-13.09,64.69-38.91,86.15A126.28,126.28,0,0,1,128,219.38a126.14,126.14,0,0,1-37.09-21.23C65.09,176.69,52,147.71,52,112V60H204ZM79.51,144.49a12,12,0,1,1,17-17L112,143l47.51-47.52a12,12,0,0,1,17,17l-56,56a12,12,0,0,1-17,0Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Swat Tactics</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/climb-the-tall-building-0/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,28H152a12,12,0,0,0-9.33,4.45L79.5,110.51l-4.66-4.65a20,20,0,0,0-28.29,0L29.86,122.55a20,20,0,0,0,0,28.29h0L45,166,23.86,187.17a20,20,0,0,0,0,28.28l16.69,16.69a20,20,0,0,0,28.28,0L90,211l15.17,15.16a20,20,0,0,0,28.29,0l16.69-16.69a20,20,0,0,0,0-28.3l-4.65-4.65,78.06-63.17A12,12,0,0,0,228,104V40A12,12,0,0,0,216,28ZM54.69,212.34l-11-11L62,183l11,11Zm64.61-6L49.65,136.7l11.05-11,69.65,69.65ZM204,98.27l-75.58,61.17L121,152l47.51-47.5a12,12,0,0,0-17-17L104,135l-7.45-7.44L157.73,52H204Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">CTTB-0</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="https://fezcode.com/net_run/"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M225.6,62.64l-88-48.17a19.91,19.91,0,0,0-19.2,0l-88,48.17A20,20,0,0,0,20,80.19v95.62a20,20,0,0,0,10.4,17.55l88,48.17a19.89,19.89,0,0,0,19.2,0l88-48.17A20,20,0,0,0,236,175.81V80.19A20,20,0,0,0,225.6,62.64ZM128,36.57,200,76,128,115.4,56,76ZM44,96.79l72,39.4v76.67L44,173.44Zm96,116.07V136.19l72-39.4v76.65Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Net Run</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// Utilities</span><span class="transform transition-transform duration-300 rotate-180">↓</span></button><nav class="flex flex-col"><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/pinned-apps" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M238.15,78.54,177.46,17.86a20,20,0,0,0-28.3,0L97.2,70c-12.43-3.33-36.68-5.72-61.74,14.5a20,20,0,0,0-1.6,29.73l45.46,45.47-39.8,39.8a12,12,0,0,0,17,17l39.8-39.81,45.47,45.46A20,20,0,0,0,155.91,228c.46,0,.93,0,1.4-.05A20,20,0,0,0,171.87,220c4.69-6.23,11-16.13,14.44-28s3.45-22.88.16-33.4l51.7-51.87A20,20,0,0,0,238.15,78.54Zm-74.26,68.79a12,12,0,0,0-2.23,13.84c3.43,6.86,6.9,21-6.28,40.65L54.08,100.53c21.09-14.59,39.53-6.64,41-6a11.67,11.67,0,0,0,13.81-2.29l54.43-54.61,55,55Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Favorites</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/apps" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M100,36H56A20,20,0,0,0,36,56v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,100,36ZM96,96H60V60H96ZM200,36H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V56A20,20,0,0,0,200,36Zm-4,60H160V60h36Zm-96,40H56a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,100,136Zm-4,60H60V160H96Zm104-60H156a20,20,0,0,0-20,20v44a20,20,0,0,0,20,20h44a20,20,0,0,0,20-20V156A20,20,0,0,0,200,136Zm-4,60H160V160h36Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">App Center</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a><a class="group flex items-center justify-between px-6 py-3 transition-all duration-300 border-b border-white/5 text-gray-300 hover:text-white hover:bg-white/5" href="/commands" data-discover="true"><div class="flex items-center gap-4"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224.49,136.49l-72,72a12,12,0,0,1-17-17L187,140H40a12,12,0,0,1,0-24H187L135.51,64.48a12,12,0,0,1,17-17l72,72A12,12,0,0,1,224.49,136.49Z"></path></svg><span class="font-arvo text-sm font-medium uppercase tracking-widest">Manuals</span></div><svg viewBox="0 0 256 256" class="opacity-0 group-hover:opacity-100 -translate-x-2 group-hover:translate-x-0 transition-all" height="14" width="14" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M221.66,133.66l-72,72a8,8,0,0,1-11.32-11.32L196.69,136H40a8,8,0,0,1,0-16H196.69L138.34,61.66a8,8,0,0,1,11.32-11.32l72,72A8,8,0,0,1,221.66,133.66Z"></path></svg></a></nav><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// System</span><span class="transform transition-transform duration-300">↓</span></button><button class="flex items-center justify-between w-full px-6 py-4 border-b border-white/10 transition-all duration-300 text-gray-600 hover:text-gray-400 border-l-2 border-transparent"><span class="font-arvo text-[11px] uppercase tracking-[0.2em]">// External Nodes</span><span class="transform transition-transform duration-300">↓</span></button></div></div><div class="p-4 border-t border-white/10 bg-black/50"><div class="grid grid-cols-4 gap-2 mb-4"><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="COMMANDS"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="SETTINGS"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M128,76a52,52,0,1,0,52,52A52.06,52.06,0,0,0,128,76Zm0,80a28,28,0,1,1,28-28A28,28,0,0,1,128,156Zm113.86-49.57A12,12,0,0,0,236,98.34L208.21,82.49l-.11-31.31a12,12,0,0,0-4.25-9.12,116,116,0,0,0-38-21.41,12,12,0,0,0-9.68.89L128,37.27,99.83,21.53a12,12,0,0,0-9.7-.9,116.06,116.06,0,0,0-38,21.47,12,12,0,0,0-4.24,9.1l-.14,31.34L20,98.35a12,12,0,0,0-5.85,8.11,110.7,110.7,0,0,0,0,43.11A12,12,0,0,0,20,157.66l27.82,15.85.11,31.31a12,12,0,0,0,4.25,9.12,116,116,0,0,0,38,21.41,12,12,0,0,0,9.68-.89L128,218.73l28.14,15.74a12,12,0,0,0,9.7.9,116.06,116.06,0,0,0,38-21.47,12,12,0,0,0,4.24-9.1l.14-31.34,27.81-15.81a12,12,0,0,0,5.85-8.11A110.7,110.7,0,0,0,241.86,106.43Zm-22.63,33.18-26.88,15.28a11.94,11.94,0,0,0-4.55,4.59c-.54,1-1.11,1.93-1.7,2.88a12,12,0,0,0-1.83,6.31L184.13,199a91.83,91.83,0,0,1-21.07,11.87l-27.15-15.19a12,12,0,0,0-5.86-1.53h-.29c-1.14,0-2.3,0-3.44,0a12.08,12.08,0,0,0-6.14,1.51L93,210.82A92.27,92.27,0,0,1,71.88,199l-.11-30.24a12,12,0,0,0-1.83-6.32c-.58-.94-1.16-1.91-1.7-2.88A11.92,11.92,0,0,0,63.7,155L36.8,139.63a86.53,86.53,0,0,1,0-23.24l26.88-15.28a12,12,0,0,0,4.55-4.58c.54-1,1.11-1.94,1.7-2.89a12,12,0,0,0,1.83-6.31L71.87,57A91.83,91.83,0,0,1,92.94,45.17l27.15,15.19a11.92,11.92,0,0,0,6.15,1.52c1.14,0,2.3,0,3.44,0a12.08,12.08,0,0,0,6.14-1.51L163,45.18A92.27,92.27,0,0,1,184.12,57l.11,30.24a12,12,0,0,0,1.83,6.32c.58.94,1.16,1.91,1.7,2.88A11.92,11.92,0,0,0,192.3,101l26.9,15.33A86.53,86.53,0,0,1,219.23,139.61Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="RANDOM"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M240.49,175.51a12,12,0,0,1,0,17l-24,24a12,12,0,0,1-17-17L203,196h-2.09a76.17,76.17,0,0,1-61.85-31.83L97.38,105.78A52.1,52.1,0,0,0,55.06,84H32a12,12,0,0,1,0-24H55.06a76.17,76.17,0,0,1,61.85,31.83l41.71,58.39A52.1,52.1,0,0,0,200.94,172H203l-3.52-3.51a12,12,0,0,1,17-17Zm-95.62-72.62a12,12,0,0,0,16.93-1.13A52,52,0,0,1,200.94,84H203l-3.52,3.51a12,12,0,0,0,17,17l24-24a12,12,0,0,0,0-17l-24-24a12,12,0,0,0-17,17L203,60h-2.09a76,76,0,0,0-57.2,26A12,12,0,0,0,144.87,102.89Zm-33.74,50.22a12,12,0,0,0-16.93,1.13A52,52,0,0,1,55.06,172H32a12,12,0,0,0,0,24H55.06a76,76,0,0,0,57.2-26A12,12,0,0,0,111.13,153.11Z"></path></svg></div></button><button class="group flex flex-col items-center justify-center p-2 border border-white/[0.08] bg-white/[0.03] hover:bg-emerald-400 hover:border-emerald-400 transition-all aspect-square" title="CONTACT"><div class="text-white group-hover:text-black transition-all"><svg viewBox="0 0 256 256" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,44H32A12,12,0,0,0,20,56V192a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V56A12,12,0,0,0,224,44ZM193.15,68,128,127.72,62.85,68ZM44,188V83.28l75.89,69.57a12,12,0,0,0,16.22,0L212,83.28V188Z"></path></svg></div></button></div><div class="text-center"><p class="font-arvo text-[10px] text-gray-600 uppercase tracking-widest font-medium">© 2026 Fezcode // Theme: Brutalist</p></div></div></aside><div class="flex-1 flex flex-col transition-all duration-300 md:ml-0"><header class="bg-[#050505]/80 backdrop-blur-md sticky top-0 z-[60] transition-all border-b border-transparent py-4 relative"><button class="absolute top-1/2 -translate-y-1/2 left-6 text-gray-400 hover:text-emerald-500 transition-colors hidden md:block focus:outline-none" aria-label="Toggle Sidebar"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><div class="mx-auto max-w-7xl px-6 flex justify-between items-center text-white"><div class="md:hidden flex items-center gap-4"><button class="text-gray-400 hover:text-white transition-colors focus:outline-none"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M228,128a12,12,0,0,1-12,12H40a12,12,0,0,1,0-24H216A12,12,0,0,1,228,128ZM40,76H216a12,12,0,0,0,0-24H40a12,12,0,0,0,0,24ZM216,180H40a12,12,0,0,0,0,24H216a12,12,0,0,0,0-24Z"></path></svg></button><a class="flex items-center gap-2" href="/" data-discover="true"><svg viewBox="0 0 100 100" class="text-white" height="40" width="40" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-30deg)"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-xl font-black tracking-tighter uppercase font-mono">Fez<span class="text-emerald-500">codex</span></span></a></div><div class="hidden md:flex items-center gap-2 ml-12"><a class="flex items-center gap-2 group" href="/" data-discover="true"><svg viewBox="0 0 100 100" class="text-white" height="40" width="40" xmlns="http://www.w3.org/2000/svg" style="transform:rotate(-30deg)"><g transform="translate(0, -2)"><path d="M 20 40 C 20 30, 80 30, 80 40 L 85 70 C 85 75, 15 75, 15 70 Z" fill="white" stroke="white" stroke-width="2"></path><path d="M 50 25 Q 60 15, 70 25" fill="none" stroke="white" stroke-width="2"></path></g></svg><span class="text-2xl font-black tracking-tighter uppercase font-mono transition-colors group-hover:text-emerald-500">Fez<span class="text-emerald-500 group-hover:text-white">codex</span></span></a></div><div class="flex items-center gap-2 md:gap-4"><a class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" href="/about" data-discover="true"><svg viewBox="0 0 256 256" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M234.38,210a123.36,123.36,0,0,0-60.78-53.23,76,76,0,1,0-91.2,0A123.36,123.36,0,0,0,21.62,210a12,12,0,1,0,20.77,12c18.12-31.32,50.12-50,85.61-50s67.49,18.69,85.61,50a12,12,0,0,0,20.77-12ZM76,96a52,52,0,1,1,52,52A52.06,52.06,0,0,1,76,96Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest">About</span></a><button class="group flex items-center gap-2 px-3 py-2 text-gray-400 hover:text-white hover:bg-white/5 rounded-sm transition-all" aria-label="Toggle Search"><svg viewBox="0 0 256 256" class="group-hover:text-emerald-500 transition-colors" height="20" width="20" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M232.49,215.51,185,168a92.12,92.12,0,1,0-17,17l47.53,47.54a12,12,0,0,0,17-17ZM44,112a68,68,0,1,1,68,68A68.07,68.07,0,0,1,44,112Z"></path></svg><span class="hidden md:inline text-[10px] font-mono font-bold uppercase tracking-widest group-hover:text-emerald-500 transition-colors">Search</span></button></div></div></header><main class="flex-grow"><div style="opacity:1"><div class="min-h-screen bg-[#050505] text-[#f4f4f4] selection:bg-emerald-500/30 font-sans relative overflow-x-hidden"><div class="fixed inset-0 pointer-events-none opacity-[0.02] z-0" style="background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:40px 40px"></div><div class="relative z-10 mx-auto max-w-7xl px-6 py-24 md:px-12 flex flex-col"><header class="mb-24 flex flex-col items-start shrink-0"><a class="mb-12 inline-flex items-center gap-3 text-md font-instr-sans text-gray-500 hover:text-white transition-colors" href="/" data-discover="true"><svg viewBox="0 0 256 256" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M224,128a8,8,0,0,1-8,8H59.31l58.35,58.34a8,8,0,0,1-11.32,11.32l-72-72a8,8,0,0,1,0-11.32l72-72a8,8,0,0,1,11.32,11.32L59.31,120H216A8,8,0,0,1,224,128Z"></path></svg><span>Fezcodex Index</span></a><h1 class="text-7xl md:text-9xl font-instr-serif italic tracking-tight mb-6 text-white leading-none">Glossary</h1><p class="text-xl font-light text-gray-400 max-w-2xl font-instr-sans">A curated collection of technical concepts, design patterns, and terminology.</p></header><div class="sticky top-6 z-30 mb-20 shrink-0"><div class="bg-[#0a0a0a]/80 backdrop-blur-xl border border-white/10 shadow-2xl rounded-2xl p-2 flex flex-col md:flex-row items-center gap-4"><div class="relative w-full md:w-96"><svg viewBox="0 0 256 256" class="absolute left-4 top-1/2 -translate-y-1/2 text-gray-500" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z"></path></svg><input class="w-full bg-transparent text-lg font-instr-sans placeholder-gray-600 focus:outline-none py-3 pl-12 pr-4 text-white" placeholder="Search terms..." type="text" value=""></div><div class="h-8 w-px bg-white/10 hidden md:block"></div><div class="flex flex-wrap gap-1 justify-center md:justify-start px-2 py-2 md:py-0 w-full overflow-x-auto no-scrollbar"><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">A</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">B</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">C</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">D</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">E</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">G</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">H</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">I</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">L</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">M</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">N</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">O</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">P</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">Q</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">R</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">S</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">T</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">U</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">V</button><button class="w-8 h-8 flex items-center justify-center rounded-full text-xs font-bold text-gray-500 hover:bg-white hover:text-black transition-all font-mono">W</button></div></div></div><div class="flex-1 space-y-24 mb-32"><section class="scroll-mt-40" id="letter-A" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">A</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(49.45929854593487, 11.989777767576015) rotate(0)"><rect fill="#10b981" fill-opacity="0.07593039394916559" height="16.085537008884785" width="16.085537008884785" x="-8.042768504442392" y="-8.042768504442392"></rect></g><g transform="translate(31.75860989308603, 86.98675172181538) rotate(270)"><rect fill="#3b82f6" fill-opacity="0.07202278240041779" height="21.762208532154546" width="21.762208532154546" x="-10.881104266077273" y="-10.881104266077273"></rect></g><g transform="translate(93.36118574919965, 13.1607683682887) rotate(0)"><rect fill="#10b981" fill-opacity="0.03146909897014666" height="22.940872565063728" width="22.940872565063728" x="-11.470436282531864" y="-11.470436282531864"></rect></g><g transform="translate(61.05028254150966, 47.34494406320664) rotate(180)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.08602027260473732" r="15.493637532149478"></circle></g><g transform="translate(7.152790881718829, 91.37837858747844) rotate(90)"><rect fill="#10b981" fill-opacity="0.048498874114575305" height="19.882813689664545" width="19.882813689664545" x="-9.941406844832272" y="-9.941406844832272"></rect></g><g transform="translate(45.87432253269981, 77.60185248534981) rotate(270)"><rect fill="#ffffff" fill-opacity="0.07123078629674637" height="39.718902210861415" width="39.718902210861415" x="-19.859451105430708" y="-19.859451105430708"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">absurdism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Absurdism</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(63.31472444853716, 99.33980454243283) rotate(180)"><path d="M -11.530109232883206 -11.530109232883206 A 23.06021846576641 23.06021846576641 0 0 1 11.530109232883206 11.530109232883206 L -11.530109232883206 11.530109232883206 Z" fill="#fb923c" fill-opacity="0.08710126850991401"></path></g><g transform="translate(41.82546074525817, 49.27670706788376) rotate(270)"><path d="M -10.249713710954893 -10.249713710954893 A 20.499427421909786 20.499427421909786 0 0 1 10.249713710954893 10.249713710954893 L -10.249713710954893 10.249713710954893 Z" fill="#ffffff" fill-opacity="0.0873023111040584"></path></g><g transform="translate(93.30569872272463, 41.860748846647766) rotate(0)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.031332707885376294" r="11.906241996116478"></circle></g><g transform="translate(11.170498317096644, 31.954217305792554) rotate(270)"><path d="M 0 -13.05506910625354 L 13.05506910625354 13.05506910625354 L -13.05506910625354 13.05506910625354 Z" fill="#fb923c" fill-opacity="0.035844289103415576"></path></g><g transform="translate(62.49334852145694, 23.663901791769604) rotate(180)"><path d="M 0 -17.83288122242766 L 17.83288122242766 17.83288122242766 L -17.83288122242766 17.83288122242766 Z" fill="#10b981" fill-opacity="0.09421805191484738"></path></g><g transform="translate(24.13486933673994, 50.753960797601394) rotate(270)"><path d="M -11.399684947964488 -11.399684947964488 A 22.799369895928976 22.799369895928976 0 0 1 11.399684947964488 11.399684947964488 L -11.399684947964488 11.399684947964488 Z" fill="#ffffff" fill-opacity="0.05222911401318015"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">ad-hoc</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Ad Hoc</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(94.59486787995957, 32.62985919445782) rotate(90)"><path d="M -7.585262534912545 -7.585262534912545 A 15.17052506982509 15.17052506982509 0 0 1 7.585262534912545 7.585262534912545 L -7.585262534912545 7.585262534912545 Z" fill="#3b82f6" fill-opacity="0.0951434201596021"></path></g><g transform="translate(45.99938721012222, 18.888560222330852) rotate(90)"><path d="M 0 -14.44953156736915 L 14.44953156736915 14.44953156736915 L -14.44953156736915 14.44953156736915 Z" fill="#10b981" fill-opacity="0.07741705568538237"></path></g><g transform="translate(81.72683363518445, 2.853869503724127) rotate(180)"><path d="M 0 -19.967777569588634 L 19.967777569588634 19.967777569588634 L -19.967777569588634 19.967777569588634 Z" fill="#ffffff" fill-opacity="0.062089970281354004"></path></g><g transform="translate(50.51935288847744, 66.4565384995285) rotate(0)"><path d="M -18.316089282252506 -18.316089282252506 A 36.63217856450501 36.63217856450501 0 0 1 18.316089282252506 18.316089282252506 L -18.316089282252506 18.316089282252506 Z" fill="#fb923c" fill-opacity="0.09603430332840618"></path></g><g transform="translate(8.294001892954839, 98.5903493974547) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.08975962194190287" r="11.42977464480282"></circle></g><g transform="translate(8.63542462393525, 74.50551028905466) rotate(90)"><rect fill="#10b981" fill-opacity="0.046301292538328195" height="19.284533374334387" width="19.284533374334387" x="-9.642266687167194" y="-9.642266687167194"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">anti-pattern</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Anti-Pattern</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(52.04059313709877, 69.14991429737256) rotate(180)"><path d="M -18.018740715258446 -18.018740715258446 A 36.03748143051689 36.03748143051689 0 0 1 18.018740715258446 18.018740715258446 L -18.018740715258446 18.018740715258446 Z" fill="#fb923c" fill-opacity="0.06950740202762973"></path></g><g transform="translate(94.0686432698385, 22.68720874808423) rotate(180)"><path d="M 0 -19.580949517644513 L 19.580949517644513 19.580949517644513 L -19.580949517644513 19.580949517644513 Z" fill="#3b82f6" fill-opacity="0.0906247804011582"></path></g><g transform="translate(27.618178573766272, 94.83996327544446) rotate(0)"><path d="M 0 -16.97473621648669 L 16.97473621648669 16.97473621648669 L -16.97473621648669 16.97473621648669 Z" fill="#f87171" fill-opacity="0.07085479001622844"></path></g><g transform="translate(60.53297451162507, 90.62522345320758) rotate(0)"><path d="M 0 -14.999877950665734 L 14.999877950665734 14.999877950665734 L -14.999877950665734 14.999877950665734 Z" fill="#3b82f6" fill-opacity="0.08830638656704196"></path></g><g transform="translate(48.027421708684415, 8.177351252834342) rotate(90)"><path d="M -13.208635114694971 -13.208635114694971 A 26.417270229389942 26.417270229389942 0 0 1 13.208635114694971 13.208635114694971 L -13.208635114694971 13.208635114694971 Z" fill="#f87171" fill-opacity="0.0502015731841675"></path></g><g transform="translate(47.02386295684846, 47.879947602632456) rotate(0)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.03605030968947176" r="11.713822672863898"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">antikythera</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Antikythera Mechanism</h3></button></div></section><section class="scroll-mt-40" id="letter-B" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">B</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(83.74174284572291, 17.486304945487063) rotate(0)"><rect fill="#3b82f6" fill-opacity="0.03760680595343729" height="21.569409359008205" width="21.569409359008205" x="-10.784704679504102" y="-10.784704679504102"></rect></g><g transform="translate(19.02878226583198, 60.98332674100675) rotate(180)"><path d="M 0 -17.820081429790662 L 17.820081429790662 17.820081429790662 L -17.820081429790662 17.820081429790662 Z" fill="#fb923c" fill-opacity="0.05156720585755466"></path></g><g transform="translate(10.428105118080566, 23.858197803474468) rotate(0)"><path d="M -14.134961045941168 -14.134961045941168 A 28.269922091882336 28.269922091882336 0 0 1 14.134961045941168 14.134961045941168 L -14.134961045941168 14.134961045941168 Z" fill="#ffffff" fill-opacity="0.09022802730372007"></path></g><g transform="translate(34.12584432389849, 15.992067221372963) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.03164495419649938" r="12.572242820222073"></circle></g><g transform="translate(22.381190542864715, 42.48806419209359) rotate(270)"><path d="M 0 -7.928150077755163 L 7.928150077755163 7.928150077755163 L -7.928150077755163 7.928150077755163 Z" fill="#3b82f6" fill-opacity="0.04444401121318151"></path></g><g transform="translate(4.979488228627815, 38.78592580786062) rotate(90)"><path d="M -9.008902396335543 -9.008902396335543 A 18.017804792671086 18.017804792671086 0 0 1 9.008902396335543 9.008902396335543 L -9.008902396335543 9.008902396335543 Z" fill="#3b82f6" fill-opacity="0.03874717520276136"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">baader-meinhof</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Baader-Meinhof Phenomenon</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(23.682701985489985, 19.35186528135091) rotate(90)"><rect fill="#fb923c" fill-opacity="0.03724159154200606" height="24.27178423917212" width="24.27178423917212" x="-12.13589211958606" y="-12.13589211958606"></rect></g><g transform="translate(48.37060515073972, 89.61944931670587) rotate(270)"><path d="M -11.112867230083339 -11.112867230083339 A 22.225734460166677 22.225734460166677 0 0 1 11.112867230083339 11.112867230083339 L -11.112867230083339 11.112867230083339 Z" fill="#3b82f6" fill-opacity="0.04187132841037055"></path></g><g transform="translate(99.48385646475799, 67.94407846773538) rotate(0)"><path d="M 0 -12.183804407704883 L 12.183804407704883 12.183804407704883 L -12.183804407704883 12.183804407704883 Z" fill="#fb923c" fill-opacity="0.05516447151966276"></path></g><g transform="translate(37.66518995817023, 89.72426836364775) rotate(90)"><path d="M -11.700951643690587 -11.700951643690587 A 23.401903287381174 23.401903287381174 0 0 1 11.700951643690587 11.700951643690587 L -11.700951643690587 11.700951643690587 Z" fill="#10b981" fill-opacity="0.08710436161326471"></path></g><g transform="translate(70.43939256191152, 25.006938162277947) rotate(90)"><rect fill="#fb923c" fill-opacity="0.0362996748497244" height="22.774627872777273" width="22.774627872777273" x="-11.387313936388637" y="-11.387313936388637"></rect></g><g transform="translate(6.058424564116649, 39.99479954891285) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.05613251384678733" r="8.986997444430926"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">barnum-effect</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Barnum Effect</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(79.00116527816863, 36.54897757151048) rotate(180)"><rect fill="#ffffff" fill-opacity="0.07468741606600361" height="17.007849344914803" width="17.007849344914803" x="-8.503924672457401" y="-8.503924672457401"></rect></g><g transform="translate(65.92419846074336, 67.24317744269683) rotate(270)"><rect fill="#10b981" fill-opacity="0.036382434647512125" height="21.337349111822732" width="21.337349111822732" x="-10.668674555911366" y="-10.668674555911366"></rect></g><g transform="translate(43.88489424354702, 3.8099928553947393) rotate(90)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.07895055240456714" r="8.357089939381694"></circle></g><g transform="translate(39.59763292262437, 0.772893182329426) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.07307974223011116" r="15.00566592191717"></circle></g><g transform="translate(13.121231764580443, 95.91404028051329) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.061137518538680526" r="11.016465646492861"></circle></g><g transform="translate(14.51716238334484, 6.313357712042489) rotate(0)"><path d="M 0 -11.078123534600763 L 11.078123534600763 11.078123534600763 L -11.078123534600763 11.078123534600763 Z" fill="#fb923c" fill-opacity="0.07548624241952667"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">boolean-algebra</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Boolean Algebra</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(6.318802435362159, 11.699438199866563) rotate(270)"><rect fill="#ffffff" fill-opacity="0.04631717573012793" height="27.14233443010926" width="27.14233443010926" x="-13.57116721505463" y="-13.57116721505463"></rect></g><g transform="translate(15.524269193429063, 20.709300909038575) rotate(0)"><path d="M -8.127162246490798 -8.127162246490798 A 16.254324492981596 16.254324492981596 0 0 1 8.127162246490798 8.127162246490798 L -8.127162246490798 8.127162246490798 Z" fill="#3b82f6" fill-opacity="0.05702687039248304"></path></g><g transform="translate(95.96145333525783, 62.266944621660514) rotate(180)"><path d="M -16.97737063875138 -16.97737063875138 A 33.95474127750276 33.95474127750276 0 0 1 16.97737063875138 16.97737063875138 L -16.97737063875138 16.97737063875138 Z" fill="#f87171" fill-opacity="0.07581336849460057"></path></g><g transform="translate(29.34086140812724, 3.8039609240968275) rotate(270)"><path d="M -16.123804479134378 -16.123804479134378 A 32.247608958268756 32.247608958268756 0 0 1 16.123804479134378 16.123804479134378 L -16.123804479134378 16.123804479134378 Z" fill="#fb923c" fill-opacity="0.04266499663770446"></path></g><g transform="translate(9.572448115306997, 16.23061837935893) rotate(0)"><path d="M 0 -14.20240839476719 L 14.20240839476719 14.20240839476719 L -14.20240839476719 14.20240839476719 Z" fill="#3b82f6" fill-opacity="0.08194032613353557"></path></g><g transform="translate(56.983002964352636, 34.720743736943405) rotate(90)"><path d="M 0 -19.56038202627724 L 19.56038202627724 19.56038202627724 L -19.56038202627724 19.56038202627724 Z" fill="#f87171" fill-opacity="0.08310001207336427"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">box-plot</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Box Plot</h3></button></div></section><section class="scroll-mt-40" id="letter-C" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">C</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(11.705586136326929, 48.79554539638775) rotate(90)"><rect fill="#ffffff" fill-opacity="0.03476565059752829" height="20.199858238802335" width="20.199858238802335" x="-10.099929119401168" y="-10.099929119401168"></rect></g><g transform="translate(61.37388523447953, 18.95668290762842) rotate(180)"><rect fill="#f87171" fill-opacity="0.06552497115379083" height="18.73928628922613" width="18.73928628922613" x="-9.369643144613065" y="-9.369643144613065"></rect></g><g transform="translate(71.56712366941065, 95.89061375463643) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.09485841652562159" r="11.942694720501095"></circle></g><g transform="translate(8.41612814065229, 49.80631427088156) rotate(0)"><rect fill="#10b981" fill-opacity="0.05537789098885697" height="39.138663223402546" width="39.138663223402546" x="-19.569331611701273" y="-19.569331611701273"></rect></g><g transform="translate(7.726093480778218, 70.49574825796299) rotate(90)"><path d="M -9.578126950891601 -9.578126950891601 A 19.156253901783202 19.156253901783202 0 0 1 9.578126950891601 9.578126950891601 L -9.578126950891601 9.578126950891601 Z" fill="#f87171" fill-opacity="0.04003333678663694"></path></g><g transform="translate(47.552291957617854, 6.338049032456183) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.03888587550733973" r="12.276932059269257"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">csr</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Client-Side Rendering (CSR)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(98.03776252938405, 85.91726424274384) rotate(180)"><path d="M 0 -8.037458962003257 L 8.037458962003257 8.037458962003257 L -8.037458962003257 8.037458962003257 Z" fill="#10b981" fill-opacity="0.050030361069639186"></path></g><g transform="translate(89.1988592220514, 44.36908198258607) rotate(270)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.08880028859545064" r="15.874204907405636"></circle></g><g transform="translate(78.89061868027056, 26.756242602414204) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.04699820270499913" r="16.363452070113453"></circle></g><g transform="translate(2.252998676885909, 38.80790027005787) rotate(270)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.055122248804182164" r="11.92922022161838"></circle></g><g transform="translate(7.679275102009342, 33.06565883322037) rotate(270)"><rect fill="#ffffff" fill-opacity="0.07868614092349163" height="19.196919407468158" width="19.196919407468158" x="-9.598459703734079" y="-9.598459703734079"></rect></g><g transform="translate(3.415675996529899, 45.93049049944966) rotate(0)"><path d="M -14.482884587239369 -14.482884587239369 A 28.965769174478737 28.965769174478737 0 0 1 14.482884587239369 14.482884587239369 L -14.482884587239369 14.482884587239369 Z" fill="#fb923c" fill-opacity="0.07295489028020256"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">cogito-ergo-sum</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Cogito, Ergo Sum</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(59.57560170627403, 80.22918420074348) rotate(270)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.09875694645763361" r="8.562221720007983"></circle></g><g transform="translate(17.44711241690311, 81.93080331584497) rotate(180)"><path d="M -10.524927828096224 -10.524927828096224 A 21.04985565619245 21.04985565619245 0 0 1 10.524927828096224 10.524927828096224 L -10.524927828096224 10.524927828096224 Z" fill="#f87171" fill-opacity="0.03932797256285994"></path></g><g transform="translate(47.23524085306963, 90.06707864300552) rotate(180)"><path d="M 0 -19.51432667038489 L 19.51432667038489 19.51432667038489 L -19.51432667038489 19.51432667038489 Z" fill="#fb923c" fill-opacity="0.09398709414521364"></path></g><g transform="translate(17.949375996886374, 98.07216241151764) rotate(180)"><rect fill="#fb923c" fill-opacity="0.04934941088516553" height="30.376664523523687" width="30.376664523523687" x="-15.188332261761843" y="-15.188332261761843"></rect></g><g transform="translate(33.100156441105355, 44.98193066474414) rotate(0)"><rect fill="#f87171" fill-opacity="0.0752737196697035" height="37.82227764887921" width="37.82227764887921" x="-18.911138824439604" y="-18.911138824439604"></rect></g><g transform="translate(98.52267596788806, 99.34250454757603) rotate(270)"><rect fill="#10b981" fill-opacity="0.03604988643211982" height="37.17327806756657" width="37.17327806756657" x="-18.586639033783285" y="-18.586639033783285"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">context-api</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Context API</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(54.49834015471424, 75.61588078024215) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.07945104559876427" r="14.262209229719218"></circle></g><g transform="translate(80.39528211666038, 96.71979137433482) rotate(180)"><path d="M 0 -8.087561847794404 L 8.087561847794404 8.087561847794404 L -8.087561847794404 8.087561847794404 Z" fill="#10b981" fill-opacity="0.08879985300290173"></path></g><g transform="translate(51.81175876768975, 99.31120655264749) rotate(0)"><path d="M -13.497200203705688 -13.497200203705688 A 26.994400407411376 26.994400407411376 0 0 1 13.497200203705688 13.497200203705688 L -13.497200203705688 13.497200203705688 Z" fill="#10b981" fill-opacity="0.04198856506094671"></path></g><g transform="translate(56.96127867556697, 3.8556836301722797) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.049278282853447306" r="7.647393904694582"></circle></g><g transform="translate(52.71653085947037, 2.463997285485675) rotate(90)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.05332730405603797" r="19.325703119103537"></circle></g><g transform="translate(72.88694453018252, 46.81944253743495) rotate(90)"><rect fill="#10b981" fill-opacity="0.06093026515848124" height="26.314078022280682" width="26.314078022280682" x="-13.157039011140341" y="-13.157039011140341"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">correlation-vs-relation</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Correlation vs Relation</h3></button></div></section><section class="scroll-mt-40" id="letter-D" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">D</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(98.06988597783857, 86.48022612046589) rotate(90)"><path d="M -17.90878686058022 -17.90878686058022 A 35.81757372116044 35.81757372116044 0 0 1 17.90878686058022 17.90878686058022 L -17.90878686058022 17.90878686058022 Z" fill="#ffffff" fill-opacity="0.08053440101328306"></path></g><g transform="translate(14.458643963521922, 83.29374345867109) rotate(0)"><rect fill="#fb923c" fill-opacity="0.07396073057674585" height="20.52099631913734" width="20.52099631913734" x="-10.26049815956867" y="-10.26049815956867"></rect></g><g transform="translate(46.21056455389407, 66.05095113809512) rotate(90)"><path d="M -11.643463846457962 -11.643463846457962 A 23.286927692915924 23.286927692915924 0 0 1 11.643463846457962 11.643463846457962 L -11.643463846457962 11.643463846457962 Z" fill="#f87171" fill-opacity="0.03214908895204644"></path></g><g transform="translate(58.771392452581495, 71.10375787933663) rotate(270)"><rect fill="#10b981" fill-opacity="0.04687761579047219" height="28.696907031317096" width="28.696907031317096" x="-14.348453515658548" y="-14.348453515658548"></rect></g><g transform="translate(36.23332880979433, 35.5523216085885) rotate(90)"><rect fill="#3b82f6" fill-opacity="0.05401507791251788" height="22.53583444643482" width="22.53583444643482" x="-11.26791722321741" y="-11.26791722321741"></rect></g><g transform="translate(72.9553126349856, 28.702227404482983) rotate(180)"><path d="M -7.647972358081461 -7.647972358081461 A 15.295944716162921 15.295944716162921 0 0 1 7.647972358081461 7.647972358081461 L -7.647972358081461 7.647972358081461 Z" fill="#f87171" fill-opacity="0.05734536304575158"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">dasein</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Dasein</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(21.010201234531678, 7.090923133728211) rotate(0)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.04886758412834752" r="13.443161838331434"></circle></g><g transform="translate(91.83350028060886, 47.59387308913574) rotate(90)"><path d="M 0 -7.887035249661949 L 7.887035249661949 7.887035249661949 L -7.887035249661949 7.887035249661949 Z" fill="#ffffff" fill-opacity="0.06750498484091622"></path></g><g transform="translate(61.59374854014459, 13.233305755693436) rotate(90)"><path d="M 0 -18.300891988532157 L 18.300891988532157 18.300891988532157 L -18.300891988532157 18.300891988532157 Z" fill="#fb923c" fill-opacity="0.08587421552026854"></path></g><g transform="translate(53.45091387243883, 27.72952759264342) rotate(180)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.07906157665993305" r="14.545130703272662"></circle></g><g transform="translate(67.99747766167457, 21.70677637141125) rotate(0)"><path d="M -17.429789520219856 -17.429789520219856 A 34.85957904043971 34.85957904043971 0 0 1 17.429789520219856 17.429789520219856 L -17.429789520219856 17.429789520219856 Z" fill="#3b82f6" fill-opacity="0.045698189416962125"></path></g><g transform="translate(67.86924483499206, 63.15327188640367) rotate(270)"><path d="M -8.186127845153806 -8.186127845153806 A 16.37225569030761 16.37225569030761 0 0 1 8.186127845153806 8.186127845153806 L -8.186127845153806 8.186127845153806 Z" fill="#10b981" fill-opacity="0.03699845910278782"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">deductive-reasoning</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Deductive Reasoning</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(35.593052707235984, 48.28443434344081) rotate(270)"><path d="M 0 -17.76795305565429 L 17.76795305565429 17.76795305565429 L -17.76795305565429 17.76795305565429 Z" fill="#3b82f6" fill-opacity="0.09058266146434107"></path></g><g transform="translate(67.86758371681572, 80.5749822044163) rotate(180)"><path d="M -17.27745604970437 -17.27745604970437 A 34.55491209940874 34.55491209940874 0 0 1 17.27745604970437 17.27745604970437 L -17.27745604970437 17.27745604970437 Z" fill="#ffffff" fill-opacity="0.04427140974857138"></path></g><g transform="translate(31.250400755561714, 0.6043709408004361) rotate(90)"><path d="M 0 -8.624246557162678 L 8.624246557162678 8.624246557162678 L -8.624246557162678 8.624246557162678 Z" fill="#ffffff" fill-opacity="0.06730192071965577"></path></g><g transform="translate(26.736540232104744, 57.14833495662788) rotate(270)"><path d="M -12.002208894359683 -12.002208894359683 A 24.004417788719365 24.004417788719365 0 0 1 12.002208894359683 12.002208894359683 L -12.002208894359683 12.002208894359683 Z" fill="#f87171" fill-opacity="0.07170478451967938"></path></g><g transform="translate(1.2625559202660952, 72.33434102608953) rotate(0)"><path d="M 0 -16.79080945286387 L 16.79080945286387 16.79080945286387 L -16.79080945286387 16.79080945286387 Z" fill="#f87171" fill-opacity="0.0941929367830926"></path></g><g transform="translate(13.589242624766484, 39.017351977418) rotate(180)"><path d="M 0 -15.532957181069378 L 15.532957181069378 15.532957181069378 L -15.532957181069378 15.532957181069378 Z" fill="#3b82f6" fill-opacity="0.055462759130350606"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">dialectic</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Dialectic (Hegelian)</h3></button></div></section><section class="scroll-mt-40" id="letter-E" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">E</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(55.909004828572506, 22.429747150090407) rotate(270)"><path d="M 0 -10.715835154333035 L 10.715835154333035 10.715835154333035 L -10.715835154333035 10.715835154333035 Z" fill="#fb923c" fill-opacity="0.09731495855959112"></path></g><g transform="translate(57.08973601240359, 51.697296911879675) rotate(180)"><path d="M -12.387313603148868 -12.387313603148868 A 24.774627206297737 24.774627206297737 0 0 1 12.387313603148868 12.387313603148868 L -12.387313603148868 12.387313603148868 Z" fill="#fb923c" fill-opacity="0.04448336534005648"></path></g><g transform="translate(96.36534247902944, 28.29488857260003) rotate(0)"><path d="M -9.328531704791203 -9.328531704791203 A 18.657063409582406 18.657063409582406 0 0 1 9.328531704791203 9.328531704791203 L -9.328531704791203 9.328531704791203 Z" fill="#f87171" fill-opacity="0.09406056331974469"></path></g><g transform="translate(29.62540230337254, 3.777218220420764) rotate(0)"><rect fill="#10b981" fill-opacity="0.08630181271749279" height="23.179897543391235" width="23.179897543391235" x="-11.589948771695617" y="-11.589948771695617"></rect></g><g transform="translate(69.62257283867075, 49.961763490136946) rotate(270)"><path d="M 0 -14.746072439664886 L 14.746072439664886 14.746072439664886 L -14.746072439664886 14.746072439664886 Z" fill="#f87171" fill-opacity="0.08938517040608304"></path></g><g transform="translate(4.937230146970251, 52.29050901480292) rotate(270)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.036157039767258536" r="9.348962790973019"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">epistemology</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Epistemology</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(68.94023486765946, 28.03897878056887) rotate(90)"><rect fill="#3b82f6" fill-opacity="0.09372984131430713" height="18.30414895033755" width="18.30414895033755" x="-9.152074475168774" y="-9.152074475168774"></rect></g><g transform="translate(36.129041790627525, 44.86986347619677) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.07461162350427913" r="10.61020155108963"></circle></g><g transform="translate(4.559699737637857, 22.63338794818992) rotate(180)"><path d="M 0 -9.820482403229107 L 9.820482403229107 9.820482403229107 L -9.820482403229107 9.820482403229107 Z" fill="#f87171" fill-opacity="0.051397267357242524"></path></g><g transform="translate(11.120972125718254, 35.22175874422828) rotate(0)"><path d="M 0 -14.231206843721793 L 14.231206843721793 14.231206843721793 L -14.231206843721793 14.231206843721793 Z" fill="#10b981" fill-opacity="0.07436208898589484"></path></g><g transform="translate(7.69986556533695, 32.48006056871873) rotate(90)"><path d="M 0 -17.06594626786682 L 17.06594626786682 17.06594626786682 L -17.06594626786682 17.06594626786682 Z" fill="#ffffff" fill-opacity="0.09017891271954795"></path></g><g transform="translate(92.47584412667038, 12.626646098306082) rotate(270)"><path d="M -8.327225943362464 -8.327225943362464 A 16.654451886724928 16.654451886724928 0 0 1 8.327225943362464 8.327225943362464 L -8.327225943362464 8.327225943362464 Z" fill="#3b82f6" fill-opacity="0.09967642070145304"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">etl</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">ETL (Extract, Transform, Load)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(52.04492674333778, 5.621351301124378) rotate(90)"><rect fill="#3b82f6" fill-opacity="0.09846985773459892" height="33.58989305103478" width="33.58989305103478" x="-16.79494652551739" y="-16.79494652551739"></rect></g><g transform="translate(77.83391476514225, 27.087455466971733) rotate(0)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.0627244122533466" r="15.841194105977934"></circle></g><g transform="translate(79.56210467309575, 45.81012288790589) rotate(90)"><rect fill="#fb923c" fill-opacity="0.04834522601811386" height="23.533944093551327" width="23.533944093551327" x="-11.766972046775663" y="-11.766972046775663"></rect></g><g transform="translate(13.376377438089548, 78.54887687244627) rotate(90)"><rect fill="#f87171" fill-opacity="0.0450056791031966" height="16.06676897585203" width="16.06676897585203" x="-8.033384487926014" y="-8.033384487926014"></rect></g><g transform="translate(97.74249949670093, 38.00609272366273) rotate(180)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.06384095762699872" r="16.670608978638484"></circle></g><g transform="translate(4.75222622981164, 54.31117159059795) rotate(180)"><path d="M -10.00113040586939 -10.00113040586939 A 20.00226081173878 20.00226081173878 0 0 1 10.00113040586939 10.00113040586939 L -10.00113040586939 10.00113040586939 Z" fill="#fb923c" fill-opacity="0.03482268732748707"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">existentialism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Existentialism</h3></button></div></section><section class="scroll-mt-40" id="letter-G" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">G</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(38.90391785880638, 72.07447839512042) rotate(180)"><rect fill="#fb923c" fill-opacity="0.08151933730429847" height="23.611376965336603" width="23.611376965336603" x="-11.805688482668302" y="-11.805688482668302"></rect></g><g transform="translate(60.136776287799876, 68.54435817704143) rotate(180)"><path d="M -8.964524638208786 -8.964524638208786 A 17.929049276417572 17.929049276417572 0 0 1 8.964524638208786 8.964524638208786 L -8.964524638208786 8.964524638208786 Z" fill="#3b82f6" fill-opacity="0.03315479037601108"></path></g><g transform="translate(14.998394983558683, 64.35352149783284) rotate(0)"><path d="M 0 -9.10070377212378 L 9.10070377212378 9.10070377212378 L -9.10070377212378 9.10070377212378 Z" fill="#fb923c" fill-opacity="0.050081389222177676"></path></g><g transform="translate(88.86176233590959, 1.0495170872673043) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.09252433748829844" r="17.071179669849215"></circle></g><g transform="translate(19.52977399341762, 48.479397930532286) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.04044386867367393" r="12.6174187087895"></circle></g><g transform="translate(71.20689505991322, 41.70135256836147) rotate(270)"><path d="M -19.876491499912845 -19.876491499912845 A 39.75298299982569 39.75298299982569 0 0 1 19.876491499912845 19.876491499912845 L -19.876491499912845 19.876491499912845 Z" fill="#fb923c" fill-opacity="0.09173566994368229"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">game-of-the-year</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Game of the Year (GOTY)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(76.33294836805362, 17.28305047190588) rotate(0)"><path d="M -11.46529664976697 -11.46529664976697 A 22.93059329953394 22.93059329953394 0 0 1 11.46529664976697 11.46529664976697 L -11.46529664976697 11.46529664976697 Z" fill="#ffffff" fill-opacity="0.05593398113654985"></path></g><g transform="translate(84.79621918072553, 85.76078766891442) rotate(0)"><path d="M 0 -18.582405015588392 L 18.582405015588392 18.582405015588392 L -18.582405015588392 18.582405015588392 Z" fill="#10b981" fill-opacity="0.08468804299842306"></path></g><g transform="translate(46.698324859426066, 35.30813007200777) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.03860441945993898" r="17.096929240620966"></circle></g><g transform="translate(32.950232313123706, 59.130458283289045) rotate(270)"><path d="M -13.473837293913675 -13.473837293913675 A 26.94767458782735 26.94767458782735 0 0 1 13.473837293913675 13.473837293913675 L -13.473837293913675 13.473837293913675 Z" fill="#f87171" fill-opacity="0.06326627905906207"></path></g><g transform="translate(27.30103511021298, 11.856133110768496) rotate(0)"><path d="M -9.690349497254829 -9.690349497254829 A 19.380698994509657 19.380698994509657 0 0 1 9.690349497254829 9.690349497254829 L -9.690349497254829 9.690349497254829 Z" fill="#3b82f6" fill-opacity="0.03341854047135712"></path></g><g transform="translate(11.870219161993134, 29.128994017082732) rotate(180)"><rect fill="#3b82f6" fill-opacity="0.09722144418574317" height="33.52009876220109" width="33.52009876220109" x="-16.760049381100544" y="-16.760049381100544"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">geist</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Geist</h3></button></div></section><section class="scroll-mt-40" id="letter-H" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">H</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(40.9437744537172, 4.107901345241771) rotate(180)"><path d="M 0 -12.662167958951613 L 12.662167958951613 12.662167958951613 L -12.662167958951613 12.662167958951613 Z" fill="#3b82f6" fill-opacity="0.08574134312000752"></path></g><g transform="translate(24.191757493235855, 61.40148957492784) rotate(0)"><rect fill="#f87171" fill-opacity="0.050844360682294795" height="21.428917332459605" width="21.428917332459605" x="-10.714458666229802" y="-10.714458666229802"></rect></g><g transform="translate(35.68038692619666, 59.003711852528795) rotate(0)"><path d="M 0 -8.418715439360085 L 8.418715439360085 8.418715439360085 L -8.418715439360085 8.418715439360085 Z" fill="#3b82f6" fill-opacity="0.05035464538857014"></path></g><g transform="translate(0.470897162995243, 81.33397969741054) rotate(180)"><rect fill="#fb923c" fill-opacity="0.07798255102853546" height="31.05077617864481" width="31.05077617864481" x="-15.525388089322405" y="-15.525388089322405"></rect></g><g transform="translate(60.520947329951014, 39.831928251737736) rotate(270)"><rect fill="#f87171" fill-opacity="0.07701312178933223" height="22.472003481416323" width="22.472003481416323" x="-11.236001740708161" y="-11.236001740708161"></rect></g><g transform="translate(1.5006051758064132, 56.476286525321484) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.06527820757246446" r="12.303529791638539"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">hydration</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Hydration</h3></button></div></section><section class="scroll-mt-40" id="letter-I" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">I</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(54.13082037412096, 44.978738933969) rotate(180)"><path d="M -8.798266310533336 -8.798266310533336 A 17.59653262106667 17.59653262106667 0 0 1 8.798266310533336 8.798266310533336 L -8.798266310533336 8.798266310533336 Z" fill="#fb923c" fill-opacity="0.06196639935211806"></path></g><g transform="translate(19.36018007254461, 69.07156714869416) rotate(0)"><path d="M -10.378471430358331 -10.378471430358331 A 20.756942860716663 20.756942860716663 0 0 1 10.378471430358331 10.378471430358331 L -10.378471430358331 10.378471430358331 Z" fill="#3b82f6" fill-opacity="0.06566844308908912"></path></g><g transform="translate(41.55629293538823, 76.52889338514797) rotate(90)"><path d="M -7.534678646716202 -7.534678646716202 A 15.069357293432404 15.069357293432404 0 0 1 7.534678646716202 7.534678646716202 L -7.534678646716202 7.534678646716202 Z" fill="#3b82f6" fill-opacity="0.03295629322705281"></path></g><g transform="translate(63.09214909097136, 52.25179440330976) rotate(0)"><path d="M 0 -19.6025132258751 L 19.6025132258751 19.6025132258751 L -19.6025132258751 19.6025132258751 Z" fill="#fb923c" fill-opacity="0.06487884797333208"></path></g><g transform="translate(51.52456824489491, 48.52836206273423) rotate(0)"><rect fill="#3b82f6" fill-opacity="0.0469203499586277" height="18.5515104563558" width="18.5515104563558" x="-9.2757552281779" y="-9.2757552281779"></rect></g><g transform="translate(59.73012976755854, 98.12899085186473) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.0916547610309226" r="10.642230216406006"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">incompleteness-theorems</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Incompleteness Theorems</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(91.70938984748318, 98.37270053267275) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.08348516246667714" r="17.973528292016"></circle></g><g transform="translate(94.90811311025027, 1.7751392855643644) rotate(270)"><rect fill="#ffffff" fill-opacity="0.03237484582132765" height="15.601136542314862" width="15.601136542314862" x="-7.800568271157431" y="-7.800568271157431"></rect></g><g transform="translate(54.08886500317749, 19.47316559317187) rotate(0)"><path d="M -7.804536614953577 -7.804536614953577 A 15.609073229907153 15.609073229907153 0 0 1 7.804536614953577 7.804536614953577 L -7.804536614953577 7.804536614953577 Z" fill="#10b981" fill-opacity="0.042914032657968164"></path></g><g transform="translate(85.98974473961789, 63.11403720269482) rotate(270)"><rect fill="#fb923c" fill-opacity="0.061335601430491805" height="17.988694230543842" width="17.988694230543842" x="-8.994347115271921" y="-8.994347115271921"></rect></g><g transform="translate(35.61972762651635, 61.886780598979385) rotate(180)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.04093766860074538" r="8.203413071096293"></circle></g><g transform="translate(17.871274391018233, 64.96539731597295) rotate(180)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.06758117166014926" r="8.005626845949791"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">inductive-reasoning</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Inductive Reasoning</h3></button></div></section><section class="scroll-mt-40" id="letter-L" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">L</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(12.02123103203121, 94.27591952571674) rotate(270)"><rect fill="#fb923c" fill-opacity="0.062083515801359686" height="19.308115890785302" width="19.308115890785302" x="-9.654057945392651" y="-9.654057945392651"></rect></g><g transform="translate(80.64874335032073, 36.448527868105884) rotate(90)"><path d="M 0 -8.97925067984147 L 8.97925067984147 8.97925067984147 L -8.97925067984147 8.97925067984147 Z" fill="#10b981" fill-opacity="0.09297155441450514"></path></g><g transform="translate(63.55529194624978, 8.246989040662811) rotate(270)"><rect fill="#fb923c" fill-opacity="0.06728654818859468" height="20.104437821910324" width="20.104437821910324" x="-10.052218910955162" y="-10.052218910955162"></rect></g><g transform="translate(8.714753587992163, 8.969833497121726) rotate(0)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.06076324997638949" r="13.04410366121374"></circle></g><g transform="translate(59.01269769165083, 55.62648185896251) rotate(90)"><path d="M -18.761395442772937 -18.761395442772937 A 37.522790885545874 37.522790885545874 0 0 1 18.761395442772937 18.761395442772937 L -18.761395442772937 18.761395442772937 Z" fill="#10b981" fill-opacity="0.07148865380920143"></path></g><g transform="translate(6.751037916910718, 81.07590381023329) rotate(180)"><path d="M -12.703896397467034 -12.703896397467034 A 25.407792794934068 25.407792794934068 0 0 1 12.703896397467034 12.703896397467034 L -12.703896397467034 12.703896397467034 Z" fill="#f87171" fill-opacity="0.08247912761717088"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">language-games</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Language Games</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(92.39486562619277, 14.973646381167782) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.03530193748059901" r="16.104238717407497"></circle></g><g transform="translate(30.930609425286093, 34.953993533417815) rotate(90)"><rect fill="#ffffff" fill-opacity="0.05440108250377307" height="23.933538409155517" width="23.933538409155517" x="-11.966769204577759" y="-11.966769204577759"></rect></g><g transform="translate(70.33633858554822, 14.081479962442245) rotate(0)"><path d="M -19.58722967480469 -19.58722967480469 A 39.17445934960938 39.17445934960938 0 0 1 19.58722967480469 19.58722967480469 L -19.58722967480469 19.58722967480469 Z" fill="#3b82f6" fill-opacity="0.07912752049513075"></path></g><g transform="translate(70.01370432408294, 56.910584630986705) rotate(180)"><path d="M -14.49173500507868 -14.49173500507868 A 28.98347001015736 28.98347001015736 0 0 1 14.49173500507868 14.49173500507868 L -14.49173500507868 14.49173500507868 Z" fill="#ffffff" fill-opacity="0.06265832534211313"></path></g><g transform="translate(36.13396552973427, 19.743219643214616) rotate(90)"><rect fill="#fb923c" fill-opacity="0.07006609494948862" height="30.008037946972763" width="30.008037946972763" x="-15.004018973486382" y="-15.004018973486382"></rect></g><g transform="translate(55.44843179014265, 73.10276293519564) rotate(180)"><path d="M -17.315406797406467 -17.315406797406467 A 34.630813594812935 34.630813594812935 0 0 1 17.315406797406467 17.315406797406467 L -17.315406797406467 17.315406797406467 Z" fill="#f87171" fill-opacity="0.0999867285432265"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">law-of-non-contradiction</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Law of Non-Contradiction</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(46.64942418858118, 62.58698375629024) rotate(270)"><rect fill="#ffffff" fill-opacity="0.085083320368949" height="38.94806517545476" width="38.94806517545476" x="-19.47403258772738" y="-19.47403258772738"></rect></g><g transform="translate(82.02225164873198, 99.19323574913506) rotate(180)"><path d="M -13.42285386869662 -13.42285386869662 A 26.84570773739324 26.84570773739324 0 0 1 13.42285386869662 13.42285386869662 L -13.42285386869662 13.42285386869662 Z" fill="#f87171" fill-opacity="0.0701631364678724"></path></g><g transform="translate(82.49854279688407, 24.006930675204785) rotate(90)"><rect fill="#fb923c" fill-opacity="0.03231875725387908" height="18.26042433573548" width="18.26042433573548" x="-9.13021216786774" y="-9.13021216786774"></rect></g><g transform="translate(63.34130250979797, 50.98090840710938) rotate(90)"><path d="M -18.31561212928852 -18.31561212928852 A 36.63122425857704 36.63122425857704 0 0 1 18.31561212928852 18.31561212928852 L -18.31561212928852 18.31561212928852 Z" fill="#10b981" fill-opacity="0.07141763442531102"></path></g><g transform="translate(88.57533399350359, 46.11125132564666) rotate(90)"><path d="M -15.72611079699982 -15.72611079699982 A 31.45222159399964 31.45222159399964 0 0 1 15.72611079699982 15.72611079699982 L -15.72611079699982 15.72611079699982 Z" fill="#fb923c" fill-opacity="0.05486173238738047"></path></g><g transform="translate(67.22402980085462, 45.95262340108093) rotate(90)"><path d="M -16.477627784975084 -16.477627784975084 A 32.95525556995017 32.95525556995017 0 0 1 16.477627784975084 16.477627784975084 L -16.477627784975084 16.477627784975084 Z" fill="#fb923c" fill-opacity="0.06407117839564308"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">leap-of-faith</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Leap of Faith</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(37.776461928842764, 91.00326686595963) rotate(270)"><rect fill="#f87171" fill-opacity="0.06165944855543785" height="28.632078572004502" width="28.632078572004502" x="-14.316039286002251" y="-14.316039286002251"></rect></g><g transform="translate(61.74237857758271, 85.69077902820936) rotate(0)"><path d="M 0 -8.234583021676372 L 8.234583021676372 8.234583021676372 L -8.234583021676372 8.234583021676372 Z" fill="#3b82f6" fill-opacity="0.03201315391694152"></path></g><g transform="translate(26.969016294151515, 93.27825705313444) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.05216893577711744" r="13.727982479913408"></circle></g><g transform="translate(90.5373900603081, 18.08941445469827) rotate(180)"><rect fill="#f87171" fill-opacity="0.07038121559937281" height="31.869626879656607" width="31.869626879656607" x="-15.934813439828304" y="-15.934813439828304"></rect></g><g transform="translate(87.36690364985407, 90.47909836190229) rotate(270)"><path d="M 0 -14.71605252176687 L 14.71605252176687 14.71605252176687 L -14.71605252176687 14.71605252176687 Z" fill="#3b82f6" fill-opacity="0.049660696016335354"></path></g><g transform="translate(70.19437751032456, 58.340955194989874) rotate(90)"><path d="M 0 -16.43262464549025 L 16.43262464549025 16.43262464549025 L -16.43262464549025 16.43262464549025 Z" fill="#3b82f6" fill-opacity="0.06372824494619636"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">legato</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Legato (Music)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(56.917055291705765, 32.53262935595558) rotate(0)"><path d="M -14.345936147800558 -14.345936147800558 A 28.691872295601115 28.691872295601115 0 0 1 14.345936147800558 14.345936147800558 L -14.345936147800558 14.345936147800558 Z" fill="#10b981" fill-opacity="0.0792737755008193"></path></g><g transform="translate(51.35835715909707, 26.200515980531236) rotate(180)"><rect fill="#fb923c" fill-opacity="0.08438849527197817" height="38.01887662674744" width="38.01887662674744" x="-19.00943831337372" y="-19.00943831337372"></rect></g><g transform="translate(79.10227729282724, 21.76333365141545) rotate(0)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.057482300696519814" r="14.381441693485613"></circle></g><g transform="translate(31.051219579967437, 70.29514608966565) rotate(180)"><path d="M -7.644876088108958 -7.644876088108958 A 15.289752176217917 15.289752176217917 0 0 1 7.644876088108958 7.644876088108958 L -7.644876088108958 7.644876088108958 Z" fill="#3b82f6" fill-opacity="0.08112598187661206"></path></g><g transform="translate(68.30804434594029, 84.05398595868974) rotate(180)"><rect fill="#fb923c" fill-opacity="0.08558586262323672" height="33.74356344629291" width="33.74356344629291" x="-16.871781723146455" y="-16.871781723146455"></rect></g><g transform="translate(40.129464286474104, 3.3751632968915146) rotate(270)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.048625630932310746" r="17.204584374367187"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">lingua-franca</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Lingua Franca</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(24.92881874277373, 61.582643842666585) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.04774526998044621" r="16.66071550303741"></circle></g><g transform="translate(61.07269228723453, 58.4061530341387) rotate(180)"><rect fill="#ffffff" fill-opacity="0.04596009249344206" height="27.15255929957948" width="27.15255929957948" x="-13.57627964978974" y="-13.57627964978974"></rect></g><g transform="translate(21.130846180130902, 11.65185580580328) rotate(180)"><rect fill="#3b82f6" fill-opacity="0.08580864761284829" height="23.45038501502131" width="23.45038501502131" x="-11.725192507510656" y="-11.725192507510656"></rect></g><g transform="translate(22.729985545345244, 64.51214489734411) rotate(90)"><path d="M -13.66447215700191 -13.66447215700191 A 27.32894431400382 27.32894431400382 0 0 1 13.66447215700191 13.66447215700191 L -13.66447215700191 13.66447215700191 Z" fill="#f87171" fill-opacity="0.06889010970380696"></path></g><g transform="translate(98.05723997433233, 26.425144165477832) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.09283175854649926" r="18.217268380477663"></circle></g><g transform="translate(76.72391381111083, 8.870608585129958) rotate(180)"><rect fill="#f87171" fill-opacity="0.09417514192123463" height="35.003431638917846" width="35.003431638917846" x="-17.501715819458923" y="-17.501715819458923"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">logical-fallacy</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Logical Fallacy</h3></button></div></section><section class="scroll-mt-40" id="letter-M" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">M</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(68.34713763555555, 84.26145606204045) rotate(180)"><path d="M -8.477972327882526 -8.477972327882526 A 16.95594465576505 16.95594465576505 0 0 1 8.477972327882526 8.477972327882526 L -8.477972327882526 8.477972327882526 Z" fill="#10b981" fill-opacity="0.08363636468640834"></path></g><g transform="translate(2.66683497820992, 50.04123439812247) rotate(270)"><path d="M -17.759183063362798 -17.759183063362798 A 35.518366126725596 35.518366126725596 0 0 1 17.759183063362798 17.759183063362798 L -17.759183063362798 17.759183063362798 Z" fill="#ffffff" fill-opacity="0.06541655360681034"></path></g><g transform="translate(67.6212693778325, 68.18258251569205) rotate(270)"><path d="M -11.868421781157394 -11.868421781157394 A 23.73684356231479 23.73684356231479 0 0 1 11.868421781157394 11.868421781157394 L -11.868421781157394 11.868421781157394 Z" fill="#ffffff" fill-opacity="0.03422839287062743"></path></g><g transform="translate(83.3862313947975, 69.27711337166329) rotate(180)"><path d="M -11.182378851220847 -11.182378851220847 A 22.364757702441693 22.364757702441693 0 0 1 11.182378851220847 11.182378851220847 L -11.182378851220847 11.182378851220847 Z" fill="#ffffff" fill-opacity="0.04056436260168084"></path></g><g transform="translate(37.88887348764547, 48.565692980166375) rotate(270)"><path d="M -17.19544979591319 -17.19544979591319 A 34.39089959182638 34.39089959182638 0 0 1 17.19544979591319 17.19544979591319 L -17.19544979591319 17.19544979591319 Z" fill="#f87171" fill-opacity="0.08459032744421166"></path></g><g transform="translate(99.22466527932556, 40.68279270404673) rotate(0)"><rect fill="#fb923c" fill-opacity="0.032693813511887125" height="39.29531590332772" width="39.29531590332772" x="-19.64765795166386" y="-19.64765795166386"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">magnum-opus</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Magnum Opus</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(51.4227814224796, 20.941282213607337) rotate(180)"><rect fill="#3b82f6" fill-opacity="0.03321084059691657" height="33.764451856714004" width="33.764451856714004" x="-16.882225928357002" y="-16.882225928357002"></rect></g><g transform="translate(39.09778722172632, 28.546261869360023) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.07665373540447035" r="17.93432471963115"></circle></g><g transform="translate(44.087355060219124, 37.776341428252636) rotate(270)"><path d="M -11.592203641403103 -11.592203641403103 A 23.184407282806205 23.184407282806205 0 0 1 11.592203641403103 11.592203641403103 L -11.592203641403103 11.592203641403103 Z" fill="#3b82f6" fill-opacity="0.03503429440268519"></path></g><g transform="translate(52.969475633517504, 26.198587102680904) rotate(180)"><path d="M 0 -14.327951179411684 L 14.327951179411684 14.327951179411684 L -14.327951179411684 14.327951179411684 Z" fill="#ffffff" fill-opacity="0.09758803518396235"></path></g><g transform="translate(80.5349654481688, 94.85139227163017) rotate(270)"><rect fill="#f87171" fill-opacity="0.03555453129663874" height="25.76076576309788" width="25.76076576309788" x="-12.88038288154894" y="-12.88038288154894"></rect></g><g transform="translate(63.90367208787211, 34.16270753295976) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.06699445525700753" r="8.087023837584866"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">modules-vs-includes</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Modules vs. Includes</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(74.4936641647655, 91.60041700943111) rotate(0)"><rect fill="#fb923c" fill-opacity="0.07955641111118894" height="27.114294085472466" width="27.114294085472466" x="-13.557147042736233" y="-13.557147042736233"></rect></g><g transform="translate(17.374772772018332, 54.57589610186915) rotate(180)"><path d="M 0 -9.73827419290501 L 9.73827419290501 9.73827419290501 L -9.73827419290501 9.73827419290501 Z" fill="#ffffff" fill-opacity="0.067789023992882"></path></g><g transform="translate(80.41805015218415, 42.37713058673762) rotate(180)"><rect fill="#3b82f6" fill-opacity="0.03743414161013789" height="32.20975678440482" width="32.20975678440482" x="-16.10487839220241" y="-16.10487839220241"></rect></g><g transform="translate(2.5368864959091297, 54.787271013265126) rotate(0)"><path d="M -17.2184584759475 -17.2184584759475 A 34.436916951895 34.436916951895 0 0 1 17.2184584759475 17.2184584759475 L -17.2184584759475 17.2184584759475 Z" fill="#3b82f6" fill-opacity="0.05319212097679156"></path></g><g transform="translate(72.75149679953756, 57.57530137898357) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.08592764850521348" r="18.613284772147836"></circle></g><g transform="translate(69.66594767636707, 51.6990282578945) rotate(270)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.07408335314951728" r="10.11952221582078"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">msg</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">MSG (Monosodium Glutamate)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(17.576706028194167, 87.70909973591188) rotate(270)"><rect fill="#f87171" fill-opacity="0.06781638662507249" height="34.79949496667359" width="34.79949496667359" x="-17.399747483336796" y="-17.399747483336796"></rect></g><g transform="translate(80.27970612165518, 83.26609714104052) rotate(0)"><path d="M -11.676317091764759 -11.676317091764759 A 23.352634183529517 23.352634183529517 0 0 1 11.676317091764759 11.676317091764759 L -11.676317091764759 11.676317091764759 Z" fill="#fb923c" fill-opacity="0.0684820026046873"></path></g><g transform="translate(81.75492620255227, 45.18610071627336) rotate(0)"><rect fill="#ffffff" fill-opacity="0.03649186780588934" height="35.690616722913546" width="35.690616722913546" x="-17.845308361456773" y="-17.845308361456773"></rect></g><g transform="translate(12.630870308112208, 59.49940044301911) rotate(180)"><path d="M -10.9760677809345 -10.9760677809345 A 21.952135561869 21.952135561869 0 0 1 10.9760677809345 10.9760677809345 L -10.9760677809345 10.9760677809345 Z" fill="#10b981" fill-opacity="0.06699545028046486"></path></g><g transform="translate(49.78116034908453, 79.93393367441968) rotate(270)"><path d="M -10.945844757914074 -10.945844757914074 A 21.891689515828148 21.891689515828148 0 0 1 10.945844757914074 10.945844757914074 L -10.945844757914074 10.945844757914074 Z" fill="#10b981" fill-opacity="0.03052334916545078"></path></g><g transform="translate(8.353114767851366, 21.864648008113363) rotate(90)"><path d="M 0 -12.996808324414815 L 12.996808324414815 12.996808324414815 L -12.996808324414815 12.996808324414815 Z" fill="#3b82f6" fill-opacity="0.066884643139947"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">murakami</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Murakami, Takashi</h3></button></div></section><section class="scroll-mt-40" id="letter-N" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">N</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(4.031992164254916, 77.18304429181444) rotate(270)"><path d="M -13.131035309193066 -13.131035309193066 A 26.262070618386133 26.262070618386133 0 0 1 13.131035309193066 13.131035309193066 L -13.131035309193066 13.131035309193066 Z" fill="#ffffff" fill-opacity="0.03429937063074249"></path></g><g transform="translate(51.33404329999394, 74.98566404792655) rotate(90)"><path d="M 0 -13.973212817144258 L 13.973212817144258 13.973212817144258 L -13.973212817144258 13.973212817144258 Z" fill="#ffffff" fill-opacity="0.07744636001058097"></path></g><g transform="translate(48.40457730460912, 19.51179519037396) rotate(270)"><path d="M -10.439199366198864 -10.439199366198864 A 20.878398732397727 20.878398732397727 0 0 1 10.439199366198864 10.439199366198864 L -10.439199366198864 10.439199366198864 Z" fill="#f87171" fill-opacity="0.06327218961921517"></path></g><g transform="translate(51.48174821288194, 37.49154733729938) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.06824931442281013" r="13.528719541609462"></circle></g><g transform="translate(38.05652689584349, 39.730777151544316) rotate(0)"><rect fill="#fb923c" fill-opacity="0.08069225785897288" height="21.27047270904768" width="21.27047270904768" x="-10.63523635452384" y="-10.63523635452384"></rect></g><g transform="translate(64.76531104872265, 46.54823477885657) rotate(90)"><rect fill="#fb923c" fill-opacity="0.03822335402685894" height="37.977399744172544" width="37.977399744172544" x="-18.988699872086272" y="-18.988699872086272"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">name-mangling</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Name Mangling</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(26.11230360907939, 63.46743005897224) rotate(270)"><rect fill="#f87171" fill-opacity="0.08097116238169491" height="27.5846451554537" width="27.5846451554537" x="-13.79232257772685" y="-13.79232257772685"></rect></g><g transform="translate(48.033082802794524, 85.39689772387646) rotate(0)"><path d="M 0 -18.13308284561799 L 18.13308284561799 18.13308284561799 L -18.13308284561799 18.13308284561799 Z" fill="#ffffff" fill-opacity="0.03457851205686893"></path></g><g transform="translate(11.68276478892949, 61.77672341982543) rotate(90)"><rect fill="#ffffff" fill-opacity="0.08564168134947978" height="15.28181510210743" width="15.28181510210743" x="-7.640907551053715" y="-7.640907551053715"></rect></g><g transform="translate(77.96461927910059, 50.33969142950809) rotate(0)"><path d="M -9.015792368979874 -9.015792368979874 A 18.031584737959747 18.031584737959747 0 0 1 9.015792368979874 9.015792368979874 L -9.015792368979874 9.015792368979874 Z" fill="#10b981" fill-opacity="0.09120383894876796"></path></g><g transform="translate(52.659837448300095, 23.358252875732433) rotate(0)"><path d="M -16.94166007698186 -16.94166007698186 A 33.88332015396372 33.88332015396372 0 0 1 16.94166007698186 16.94166007698186 L -16.94166007698186 16.94166007698186 Z" fill="#ffffff" fill-opacity="0.03460021947665609"></path></g><g transform="translate(71.45484737193328, 47.60564926173174) rotate(180)"><rect fill="#10b981" fill-opacity="0.0868413646202498" height="33.0998826896257" width="33.0998826896257" x="-16.54994134481285" y="-16.54994134481285"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">nihilism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Nihilism</h3></button></div></section><section class="scroll-mt-40" id="letter-O" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">O</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(61.49697491973711, 70.2340360827236) rotate(270)"><rect fill="#ffffff" fill-opacity="0.07096787515363759" height="27.540720071956457" width="27.540720071956457" x="-13.770360035978229" y="-13.770360035978229"></rect></g><g transform="translate(39.04568295884019, 73.75878366374309) rotate(0)"><path d="M 0 -7.821172898384248 L 7.821172898384248 7.821172898384248 L -7.821172898384248 7.821172898384248 Z" fill="#f87171" fill-opacity="0.09726215671144019"></path></g><g transform="translate(75.97266716284139, 94.16203369055438) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.08595797011345895" r="12.948246419894076"></circle></g><g transform="translate(19.042783044096723, 94.92850341894155) rotate(90)"><path d="M -16.20256320354912 -16.20256320354912 A 32.40512640709824 32.40512640709824 0 0 1 16.20256320354912 16.20256320354912 L -16.20256320354912 16.20256320354912 Z" fill="#10b981" fill-opacity="0.09175969171729662"></path></g><g transform="translate(86.74253973567829, 74.97820300800413) rotate(180)"><rect fill="#f87171" fill-opacity="0.0814486788387876" height="38.43948054062821" width="38.43948054062821" x="-19.219740270314105" y="-19.219740270314105"></rect></g><g transform="translate(61.46172841572479, 55.86590769335089) rotate(90)"><path d="M -15.869227847583716 -15.869227847583716 A 31.73845569516743 31.73845569516743 0 0 1 15.869227847583716 15.869227847583716 L -15.869227847583716 15.869227847583716 Z" fill="#10b981" fill-opacity="0.043645401848243635"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">occasionalism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Occasionalism</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(67.84954395679961, 40.98016086527423) rotate(0)"><path d="M -10.510694403064917 -10.510694403064917 A 21.021388806129835 21.021388806129835 0 0 1 10.510694403064917 10.510694403064917 L -10.510694403064917 10.510694403064917 Z" fill="#fb923c" fill-opacity="0.07857173987404167"></path></g><g transform="translate(40.568349521709024, 21.593584633046703) rotate(90)"><path d="M -13.730471693004347 -13.730471693004347 A 27.460943386008694 27.460943386008694 0 0 1 13.730471693004347 13.730471693004347 L -13.730471693004347 13.730471693004347 Z" fill="#3b82f6" fill-opacity="0.04985469699830901"></path></g><g transform="translate(68.07815648007818, 69.7566781007481) rotate(180)"><path d="M 0 -15.600133140928278 L 15.600133140928278 15.600133140928278 L -15.600133140928278 15.600133140928278 Z" fill="#3b82f6" fill-opacity="0.035615162419699115"></path></g><g transform="translate(66.88247002239223, 21.794071513977542) rotate(270)"><path d="M 0 -12.509042589927049 L 12.509042589927049 12.509042589927049 L -12.509042589927049 12.509042589927049 Z" fill="#f87171" fill-opacity="0.03140913809200356"></path></g><g transform="translate(42.892809278782806, 96.87048089276686) rotate(180)"><path d="M 0 -7.631847833790744 L 7.631847833790744 7.631847833790744 L -7.631847833790744 7.631847833790744 Z" fill="#fb923c" fill-opacity="0.06384870477402729"></path></g><g transform="translate(92.88163825110587, 33.170792380587955) rotate(180)"><rect fill="#fb923c" fill-opacity="0.05473377142665413" height="19.237665601795015" width="19.237665601795015" x="-9.618832800897508" y="-9.618832800897508"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">omarchy</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Omarchy</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(1.3084308873658301, 22.718526916560222) rotate(270)"><path d="M 0 -15.981050279726787 L 15.981050279726787 15.981050279726787 L -15.981050279726787 15.981050279726787 Z" fill="#3b82f6" fill-opacity="0.06308000909913972"></path></g><g transform="translate(15.184167470033572, 2.578760911410427) rotate(270)"><path d="M 0 -19.10755048597366 L 19.10755048597366 19.10755048597366 L -19.10755048597366 19.10755048597366 Z" fill="#fb923c" fill-opacity="0.07502673170678464"></path></g><g transform="translate(46.1157329405296, 46.14974540727417) rotate(270)"><path d="M -14.383593012935307 -14.383593012935307 A 28.767186025870615 28.767186025870615 0 0 1 14.383593012935307 14.383593012935307 L -14.383593012935307 14.383593012935307 Z" fill="#ffffff" fill-opacity="0.04632976278768183"></path></g><g transform="translate(86.6925542509307, 34.41440019050788) rotate(180)"><path d="M -14.243452016183937 -14.243452016183937 A 28.486904032367875 28.486904032367875 0 0 1 14.243452016183937 14.243452016183937 L -14.243452016183937 14.243452016183937 Z" fill="#ffffff" fill-opacity="0.052076863309075634"></path></g><g transform="translate(0.00014152519725030288, 11.851201481385942) rotate(270)"><path d="M -15.26682504231303 -15.26682504231303 A 30.53365008462606 30.53365008462606 0 0 1 15.26682504231303 15.26682504231303 L -15.26682504231303 15.26682504231303 Z" fill="#3b82f6" fill-opacity="0.04517707639603941"></path></g><g transform="translate(8.798972532167681, 16.678851461597333) rotate(180)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.05590982083584095" r="12.149409863054643"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">ontology</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Ontology</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(28.453149406050215, 5.024470253010804) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.031200367868686952" r="17.23848536676769"></circle></g><g transform="translate(57.86351372134959, 96.67674427128077) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.07634386428132985" r="18.16608850586306"></circle></g><g transform="translate(41.60652412392665, 8.678256386747307) rotate(0)"><path d="M -18.109137949313663 -18.109137949313663 A 36.218275898627326 36.218275898627326 0 0 1 18.109137949313663 18.109137949313663 L -18.109137949313663 18.109137949313663 Z" fill="#fb923c" fill-opacity="0.06963358786175378"></path></g><g transform="translate(90.79231628757043, 45.70549727841353) rotate(0)"><path d="M -9.979281462296967 -9.979281462296967 A 19.958562924593934 19.958562924593934 0 0 1 9.979281462296967 9.979281462296967 L -9.979281462296967 9.979281462296967 Z" fill="#f87171" fill-opacity="0.0751272488866016"></path></g><g transform="translate(81.26500420505636, 14.396669580128219) rotate(270)"><path d="M 0 -18.596109775985497 L 18.596109775985497 18.596109775985497 L -18.596109775985497 18.596109775985497 Z" fill="#10b981" fill-opacity="0.09648697838849331"></path></g><g transform="translate(88.87905486380987, 75.18754498723865) rotate(270)"><rect fill="#f87171" fill-opacity="0.07009959657679246" height="30.239619565613793" width="30.239619565613793" x="-15.119809782806897" y="-15.119809782806897"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">open-graph</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Open Graph Protocol</h3></button></div></section><section class="scroll-mt-40" id="letter-P" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">P</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(9.029772237590805, 46.09285619826551) rotate(90)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.06101680179765026" r="11.51724460464834"></circle></g><g transform="translate(94.56285270025546, 99.49180438225085) rotate(90)"><path d="M 0 -12.607603112287507 L 12.607603112287507 12.607603112287507 L -12.607603112287507 12.607603112287507 Z" fill="#fb923c" fill-opacity="0.048229252146957155"></path></g><g transform="translate(55.57916634334106, 52.536446618989885) rotate(270)"><rect fill="#10b981" fill-opacity="0.039633924844611104" height="20.71481783190393" width="20.71481783190393" x="-10.357408915951964" y="-10.357408915951964"></rect></g><g transform="translate(97.24476175683776, 15.94377787605481) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.05207826738325821" r="15.105603153501761"></circle></g><g transform="translate(31.079070643681916, 5.731907628251065) rotate(90)"><path d="M -14.254209823907331 -14.254209823907331 A 28.508419647814662 28.508419647814662 0 0 1 14.254209823907331 14.254209823907331 L -14.254209823907331 14.254209823907331 Z" fill="#10b981" fill-opacity="0.06251864901079898"></path></g><g transform="translate(13.782085042839753, 75.3548805760147) rotate(0)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.036853730695826245" r="9.4774781046209"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">p99</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">P99 (99th Percentile)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(19.20876221729486, 50.192587568380986) rotate(270)"><rect fill="#3b82f6" fill-opacity="0.06964693879872358" height="27.012573698120832" width="27.012573698120832" x="-13.506286849060416" y="-13.506286849060416"></rect></g><g transform="translate(61.88579560657672, 62.74590708262622) rotate(180)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.0815388635445504" r="10.59434350035076"></circle></g><g transform="translate(88.95207131208736, 56.28546560889163) rotate(270)"><path d="M -19.222465376624314 -19.222465376624314 A 38.44493075324863 38.44493075324863 0 0 1 19.222465376624314 19.222465376624314 L -19.222465376624314 19.222465376624314 Z" fill="#f87171" fill-opacity="0.05865952408904378"></path></g><g transform="translate(1.876397346950398, 30.43752447956649) rotate(180)"><rect fill="#fb923c" fill-opacity="0.03988802331030456" height="28.684847495142094" width="28.684847495142094" x="-14.342423747571047" y="-14.342423747571047"></rect></g><g transform="translate(15.807371701248485, 36.310554230476555) rotate(90)"><path d="M -9.493685276090673 -9.493685276090673 A 18.987370552181346 18.987370552181346 0 0 1 9.493685276090673 9.493685276090673 L -9.493685276090673 9.493685276090673 Z" fill="#3b82f6" fill-opacity="0.05738096675076122"></path></g><g transform="translate(48.75107526440843, 72.7302057790439) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.044494346425110506" r="8.43637050428157"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">poi-rating</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Person of Interest's Rating</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(47.75308906901046, 44.22709737036712) rotate(90)"><rect fill="#f87171" fill-opacity="0.048911537599511376" height="30.38954492408493" width="30.38954492408493" x="-15.194772462042465" y="-15.194772462042465"></rect></g><g transform="translate(36.47259349854721, 87.1011594812444) rotate(270)"><path d="M -9.606682322130382 -9.606682322130382 A 19.213364644260764 19.213364644260764 0 0 1 9.606682322130382 9.606682322130382 L -9.606682322130382 9.606682322130382 Z" fill="#3b82f6" fill-opacity="0.09138250993401925"></path></g><g transform="translate(70.32081323291095, 9.495061553116102) rotate(0)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.05890850320984101" r="8.236451221951029"></circle></g><g transform="translate(13.213544714881209, 65.22448778723628) rotate(270)"><path d="M 0 -12.287712683184964 L 12.287712683184964 12.287712683184964 L -12.287712683184964 12.287712683184964 Z" fill="#3b82f6" fill-opacity="0.07611037791864875"></path></g><g transform="translate(26.980843928868126, 63.743439580503036) rotate(180)"><rect fill="#fb923c" fill-opacity="0.06049963551363362" height="38.241013235252694" width="38.241013235252694" x="-19.120506617626347" y="-19.120506617626347"></rect></g><g transform="translate(81.14869589280715, 46.6844785705689) rotate(90)"><rect fill="#fb923c" fill-opacity="0.09130716267374737" height="26.6495133659555" width="26.6495133659555" x="-13.32475668297775" y="-13.32475668297775"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">pluribus</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Pluribus</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(15.429002348173526, 72.13237945177298) rotate(0)"><path d="M 0 -7.633661569566357 L 7.633661569566357 7.633661569566357 L -7.633661569566357 7.633661569566357 Z" fill="#3b82f6" fill-opacity="0.08669372947022566"></path></g><g transform="translate(52.30015421720964, 48.17401093087028) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.04833648176276256" r="14.769294886623356"></circle></g><g transform="translate(36.538060338034484, 50.79619835541962) rotate(270)"><path d="M -11.61098456787613 -11.61098456787613 A 23.22196913575226 23.22196913575226 0 0 1 11.61098456787613 11.61098456787613 L -11.61098456787613 11.61098456787613 Z" fill="#f87171" fill-opacity="0.03972809880770001"></path></g><g transform="translate(22.11008204922109, 24.330479393029236) rotate(0)"><path d="M 0 -15.885341230035692 L 15.885341230035692 15.885341230035692 L -15.885341230035692 15.885341230035692 Z" fill="#3b82f6" fill-opacity="0.0423658394999984"></path></g><g transform="translate(86.27847469379049, 46.324861661742034) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.09525137650316992" r="15.405453094087989"></circle></g><g transform="translate(21.371530060787336, 84.06532015656012) rotate(90)"><rect fill="#f87171" fill-opacity="0.09150648368591646" height="23.93451751608154" width="23.93451751608154" x="-11.96725875804077" y="-11.96725875804077"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">power-law</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Power Law (Long-tail)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(85.16859537485288, 97.18782122395169) rotate(0)"><path d="M 0 -17.66806280684932 L 17.66806280684932 17.66806280684932 L -17.66806280684932 17.66806280684932 Z" fill="#fb923c" fill-opacity="0.04926285185692905"></path></g><g transform="translate(93.78131537414447, 52.759043601236044) rotate(90)"><path d="M 0 -12.126241959749677 L 12.126241959749677 12.126241959749677 L -12.126241959749677 12.126241959749677 Z" fill="#10b981" fill-opacity="0.0385704694305241"></path></g><g transform="translate(55.074252955762404, 78.57382711645187) rotate(270)"><path d="M 0 -10.937418184466878 L 10.937418184466878 10.937418184466878 L -10.937418184466878 10.937418184466878 Z" fill="#fb923c" fill-opacity="0.05186543767329567"></path></g><g transform="translate(5.905081815490121, 24.909630159345397) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.06439661267279007" r="14.71395798384492"></circle></g><g transform="translate(53.00715608482278, 74.66577271225106) rotate(270)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.0872170028065034" r="14.542952363156019"></circle></g><g transform="translate(63.99636002606712, 91.12300860198843) rotate(0)"><path d="M -13.22619954059519 -13.22619954059519 A 26.45239908119038 26.45239908119038 0 0 1 13.22619954059519 13.22619954059519 L -13.22619954059519 13.22619954059519 Z" fill="#10b981" fill-opacity="0.0817852412679531"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">premise</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Premise</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(18.43305150496235, 9.633931113876315) rotate(270)"><path d="M 0 -10.40324729517124 L 10.40324729517124 10.40324729517124 L -10.40324729517124 10.40324729517124 Z" fill="#f87171" fill-opacity="0.06052543333462382"></path></g><g transform="translate(36.26088186988454, 93.46243168647561) rotate(0)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.09969014698966931" r="18.874062346521896"></circle></g><g transform="translate(71.39941837986044, 53.14575855209114) rotate(270)"><path d="M 0 -19.239541950225885 L 19.239541950225885 19.239541950225885 L -19.239541950225885 19.239541950225885 Z" fill="#ffffff" fill-opacity="0.05864178211608305"></path></g><g transform="translate(47.230070445584715, 81.81425886132274) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.09936770629947092" r="19.67577033893349"></circle></g><g transform="translate(88.91854164230608, 51.16716722242245) rotate(0)"><path d="M -13.53048011626015 -13.53048011626015 A 27.0609602325203 27.0609602325203 0 0 1 13.53048011626015 13.53048011626015 L -13.53048011626015 13.53048011626015 Z" fill="#ffffff" fill-opacity="0.04112790560824578"></path></g><g transform="translate(3.197305621824853, 40.71755055019821) rotate(270)"><path d="M -8.721781967251445 -8.721781967251445 A 17.44356393450289 17.44356393450289 0 0 1 8.721781967251445 8.721781967251445 L -8.721781967251445 8.721781967251445 Z" fill="#f87171" fill-opacity="0.0320360540245747"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">prop-drilling</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Prop Drilling</h3></button></div></section><section class="scroll-mt-40" id="letter-Q" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">Q</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(41.68985105206957, 99.11667801924189) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.04770254508639482" r="7.805491033373073"></circle></g><g transform="translate(42.50436605998402, 70.82267540763496) rotate(90)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.09758535132665203" r="17.69787851532783"></circle></g><g transform="translate(66.2458155378772, 40.25372546802828) rotate(270)"><path d="M -13.30563527889808 -13.30563527889808 A 26.61127055779616 26.61127055779616 0 0 1 13.30563527889808 13.30563527889808 L -13.30563527889808 13.30563527889808 Z" fill="#10b981" fill-opacity="0.0818127173836183"></path></g><g transform="translate(90.41403707506106, 60.28667012651567) rotate(180)"><rect fill="#f87171" fill-opacity="0.054377785790838976" height="28.062191302171655" width="28.062191302171655" x="-14.031095651085828" y="-14.031095651085828"></rect></g><g transform="translate(0.0276024187769508, 62.80986078995738) rotate(0)"><rect fill="#ffffff" fill-opacity="0.0825534483555839" height="36.74185058252078" width="36.74185058252078" x="-18.37092529126039" y="-18.37092529126039"></rect></g><g transform="translate(91.49321976001374, 56.12880232420139) rotate(0)"><path d="M 0 -13.378341050743074 L 13.378341050743074 13.378341050743074 L -13.378341050743074 13.378341050743074 Z" fill="#f87171" fill-opacity="0.09012669624225964"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">qualia</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Qualia</h3></button></div></section><section class="scroll-mt-40" id="letter-R" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">R</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(63.44196860682132, 95.97695930895043) rotate(90)"><rect fill="#3b82f6" fill-opacity="0.04652955812884102" height="38.29058986151722" width="38.29058986151722" x="-19.14529493075861" y="-19.14529493075861"></rect></g><g transform="translate(38.2908143572422, 0.10940787506115157) rotate(0)"><path d="M -9.144711409358024 -9.144711409358024 A 18.289422818716048 18.289422818716048 0 0 1 9.144711409358024 9.144711409358024 L -9.144711409358024 9.144711409358024 Z" fill="#ffffff" fill-opacity="0.05581331098803276"></path></g><g transform="translate(85.58127071628405, 70.79134757241263) rotate(180)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.07470479655562486" r="14.446766788530567"></circle></g><g transform="translate(14.927708906361659, 68.51088680314206) rotate(0)"><rect fill="#fb923c" fill-opacity="0.056728351418331616" height="22.51909348584263" width="22.51909348584263" x="-11.259546742921316" y="-11.259546742921316"></rect></g><g transform="translate(53.029983270243974, 23.242565377199753) rotate(90)"><rect fill="#fb923c" fill-opacity="0.08103411557316577" height="18.533963214317737" width="18.533963214317737" x="-9.266981607158868" y="-9.266981607158868"></rect></g><g transform="translate(81.86363262038867, 42.36495597697285) rotate(0)"><path d="M 0 -16.62779267400765 L 16.62779267400765 16.62779267400765 L -16.62779267400765 16.62779267400765 Z" fill="#fb923c" fill-opacity="0.07542748699788718"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">regex</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Regular Expressions (RegEx)</h3></button></div></section><section class="scroll-mt-40" id="letter-S" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">S</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(70.131238828003, 30.433374614040076) rotate(90)"><path d="M 0 -16.297207171278387 L 16.297207171278387 16.297207171278387 L -16.297207171278387 16.297207171278387 Z" fill="#3b82f6" fill-opacity="0.050699421661702215"></path></g><g transform="translate(47.96454840397928, 28.72049102152232) rotate(180)"><rect fill="#ffffff" fill-opacity="0.05330044267157973" height="20.106835522303754" width="20.106835522303754" x="-10.053417761151877" y="-10.053417761151877"></rect></g><g transform="translate(81.26188794667542, 23.726093609730015) rotate(270)"><path d="M -9.180536315302561 -9.180536315302561 A 18.361072630605122 18.361072630605122 0 0 1 9.180536315302561 9.180536315302561 L -9.180536315302561 9.180536315302561 Z" fill="#ffffff" fill-opacity="0.05887720859336696"></path></g><g transform="translate(64.29375713669288, 79.25515972996209) rotate(0)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.07669729703118719" r="18.323455633203594"></circle></g><g transform="translate(56.69040359744031, 56.85493894598039) rotate(270)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.06832968755092225" r="16.934507349942578"></circle></g><g transform="translate(18.30691750437836, 25.108800919952046) rotate(90)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.07761351247700987" r="17.063346951620133"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">crawler</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Search Engine Crawler</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(85.71270591819484, 34.58889542385464) rotate(0)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.041763175421438065" r="12.5722010257914"></circle></g><g transform="translate(82.19081903507686, 79.24272047694103) rotate(270)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.0398972537969712" r="17.476254499110837"></circle></g><g transform="translate(23.602282769979865, 93.20029320624599) rotate(180)"><path d="M -12.960695667636628 -12.960695667636628 A 25.921391335273256 25.921391335273256 0 0 1 12.960695667636628 12.960695667636628 L -12.960695667636628 12.960695667636628 Z" fill="#ffffff" fill-opacity="0.0343743927151354"></path></g><g transform="translate(62.086052434460726, 36.23894424181344) rotate(270)"><path d="M 0 -10.152674319866577 L 10.152674319866577 10.152674319866577 L -10.152674319866577 10.152674319866577 Z" fill="#f87171" fill-opacity="0.03652936358920215"></path></g><g transform="translate(94.90076023994334, 25.659773401594066) rotate(180)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.05067724730486589" r="9.811751363106396"></circle></g><g transform="translate(38.89195384545019, 0.7253527743159793) rotate(90)"><rect fill="#10b981" fill-opacity="0.09497853052604115" height="25.931435061638695" width="25.931435061638695" x="-12.965717530819347" y="-12.965717530819347"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">side-effects</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Side Effects</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(16.386303257240797, 12.478181684673473) rotate(270)"><path d="M 0 -14.544284460621952 L 14.544284460621952 14.544284460621952 L -14.544284460621952 14.544284460621952 Z" fill="#10b981" fill-opacity="0.08164775187752867"></path></g><g transform="translate(36.88383818898728, 20.374940473720926) rotate(0)"><rect fill="#fb923c" fill-opacity="0.09693399911599045" height="16.32538550035406" width="16.32538550035406" x="-8.16269275017703" y="-8.16269275017703"></rect></g><g transform="translate(69.22187272530209, 24.308844318602496) rotate(180)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.0775850797871135" r="15.633725820175641"></circle></g><g transform="translate(83.1646548948811, 48.99055715886789) rotate(270)"><path d="M -14.92181156948618 -14.92181156948618 A 29.84362313897236 29.84362313897236 0 0 1 14.92181156948618 14.92181156948618 L -14.92181156948618 14.92181156948618 Z" fill="#ffffff" fill-opacity="0.08567954268111863"></path></g><g transform="translate(53.95967993345039, 38.2956010329508) rotate(180)"><path d="M -10.673151955900266 -10.673151955900266 A 21.346303911800533 21.346303911800533 0 0 1 10.673151955900266 10.673151955900266 L -10.673151955900266 10.673151955900266 Z" fill="#10b981" fill-opacity="0.06310298402655917"></path></g><g transform="translate(91.32137974138459, 2.170690337970882) rotate(180)"><rect fill="#f87171" fill-opacity="0.09339265856574003" height="24.988656465748136" width="24.988656465748136" x="-12.494328232874068" y="-12.494328232874068"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">spa</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Single Page Application (SPA)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(27.549465341530777, 62.94803539130953) rotate(90)"><path d="M 0 -12.614195983287573 L 12.614195983287573 12.614195983287573 L -12.614195983287573 12.614195983287573 Z" fill="#10b981" fill-opacity="0.08087350223277098"></path></g><g transform="translate(41.17930788788726, 21.813814299093792) rotate(90)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.08733459400675202" r="14.987150655117603"></circle></g><g transform="translate(81.59509061133576, 42.750025954501325) rotate(270)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.05681900130662598" r="13.458761723644557"></circle></g><g transform="translate(81.09027213959052, 9.145919964134919) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.05570653516256244" r="12.578438347766223"></circle></g><g transform="translate(7.774687799155799, 55.84037127582633) rotate(270)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.09300589418249729" r="19.618380412152874"></circle></g><g transform="translate(4.364119727870275, 31.84734369497164) rotate(90)"><rect fill="#ffffff" fill-opacity="0.06714742722182564" height="33.92963264831451" width="33.92963264831451" x="-16.964816324157255" y="-16.964816324157255"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">socratic-method</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Socratic Method</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(39.861545769599616, 6.7792875994200585) rotate(90)"><path d="M 0 -16.96892058011599 L 16.96892058011599 16.96892058011599 L -16.96892058011599 16.96892058011599 Z" fill="#fb923c" fill-opacity="0.04552518303958095"></path></g><g transform="translate(27.03597680228995, 82.76394887252536) rotate(180)"><path d="M -18.830007310061774 -18.830007310061774 A 37.66001462012355 37.66001462012355 0 0 1 18.830007310061774 18.830007310061774 L -18.830007310061774 18.830007310061774 Z" fill="#fb923c" fill-opacity="0.04022605289670537"></path></g><g transform="translate(11.750025411879506, 14.214596862439066) rotate(270)"><path d="M 0 -17.94107675113537 L 17.94107675113537 17.94107675113537 L -17.94107675113537 17.94107675113537 Z" fill="#3b82f6" fill-opacity="0.03300700362229691"></path></g><g transform="translate(0.7887661610766372, 8.09514150769246) rotate(0)"><path d="M 0 -8.220899045745682 L 8.220899045745682 8.220899045745682 L -8.220899045745682 8.220899045745682 Z" fill="#fb923c" fill-opacity="0.04971275539968702"></path></g><g transform="translate(49.998285754008975, 9.779760457240627) rotate(90)"><rect fill="#10b981" fill-opacity="0.03460205028045948" height="23.98219338267836" width="23.98219338267836" x="-11.99109669133918" y="-11.99109669133918"></rect></g><g transform="translate(74.42485592282537, 88.83130852891554) rotate(90)"><path d="M -12.178365382665106 -12.178365382665106 A 24.356730765330212 24.356730765330212 0 0 1 12.178365382665106 12.178365382665106 L -12.178365382665106 12.178365382665106 Z" fill="#fb923c" fill-opacity="0.09730262225606566"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">solipsism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Solipsism</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(76.88056394713385, 66.2908104914095) rotate(90)"><rect fill="#ffffff" fill-opacity="0.07279289423055162" height="18.988779862311276" width="18.988779862311276" x="-9.494389931155638" y="-9.494389931155638"></rect></g><g transform="translate(70.48297018036465, 12.119296634227794) rotate(270)"><rect fill="#10b981" fill-opacity="0.06643176704956205" height="20.319381976528348" width="20.319381976528348" x="-10.159690988264174" y="-10.159690988264174"></rect></g><g transform="translate(39.5285475127821, 23.187740901084908) rotate(90)"><path d="M -17.853444648890786 -17.853444648890786 A 35.70688929778157 35.70688929778157 0 0 1 17.853444648890786 17.853444648890786 L -17.853444648890786 17.853444648890786 Z" fill="#f87171" fill-opacity="0.04679322930490798"></path></g><g transform="translate(78.41389167970192, 11.729668095631496) rotate(90)"><path d="M -16.22605145905254 -16.22605145905254 A 32.45210291810508 32.45210291810508 0 0 1 16.22605145905254 16.22605145905254 L -16.22605145905254 16.22605145905254 Z" fill="#ffffff" fill-opacity="0.08871803743127202"></path></g><g transform="translate(78.63254211442836, 86.64464717348892) rotate(0)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.03258551221219022" r="15.3539160416085"></circle></g><g transform="translate(60.84019235116216, 41.66017562492925) rotate(0)"><rect fill="#ffffff" fill-opacity="0.06573768810783803" height="23.748276585356507" width="23.748276585356507" x="-11.874138292678253" y="-11.874138292678253"></rect></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">staccato</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Staccato (Music)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(87.34034859940039, 57.25554941727751) rotate(180)"><path d="M 0 -12.445767611548035 L 12.445767611548035 12.445767611548035 L -12.445767611548035 12.445767611548035 Z" fill="#ffffff" fill-opacity="0.0716373789793579"></path></g><g transform="translate(98.6539568725675, 41.66415685067477) rotate(0)"><rect fill="#f87171" fill-opacity="0.0789026415218359" height="24.281272035582333" width="24.281272035582333" x="-12.140636017791167" y="-12.140636017791167"></rect></g><g transform="translate(79.46518589033076, 32.86104915023316) rotate(270)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.0762996575859529" r="12.971107984202916"></circle></g><g transform="translate(50.73612713113107, 16.639548227522027) rotate(0)"><path d="M 0 -13.515668979296152 L 13.515668979296152 13.515668979296152 L -13.515668979296152 13.515668979296152 Z" fill="#f87171" fill-opacity="0.03821693000310006"></path></g><g transform="translate(2.5798348577154684, 30.35665038660227) rotate(180)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.04297630121876864" r="8.40894760357969"></circle></g><g transform="translate(65.82297090797056, 96.30027047751355) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.09344917498063296" r="10.382045201022265"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">ssg</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Static Site Generation (SSG)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(6.667238920601903, 69.89538564957911) rotate(180)"><path d="M -12.82518816044103 -12.82518816044103 A 25.65037632088206 25.65037632088206 0 0 1 12.82518816044103 12.82518816044103 L -12.82518816044103 12.82518816044103 Z" fill="#3b82f6" fill-opacity="0.08982119983267695"></path></g><g transform="translate(92.51517341035651, 48.70731728897226) rotate(0)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.09549046757969336" r="17.429552285473164"></circle></g><g transform="translate(92.57355804566032, 99.76634681834184) rotate(180)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.06358986463656494" r="18.465763271241258"></circle></g><g transform="translate(2.6025406681583263, 41.481975484327904) rotate(270)"><path d="M 0 -9.062298366343384 L 9.062298366343384 9.062298366343384 L -9.062298366343384 9.062298366343384 Z" fill="#10b981" fill-opacity="0.03167985499510905"></path></g><g transform="translate(0.20240048665982613, 35.61801566011127) rotate(180)"><path d="M -7.632089899307175 -7.632089899307175 A 15.26417979861435 15.26417979861435 0 0 1 7.632089899307175 7.632089899307175 L -7.632089899307175 7.632089899307175 Z" fill="#3b82f6" fill-opacity="0.07637384769022901"></path></g><g transform="translate(97.76507416017921, 54.767235942381376) rotate(180)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.06063307661899671" r="11.78616995327502"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">syllogism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Syllogism</h3></button></div></section><section class="scroll-mt-40" id="letter-T" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">T</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(11.778250529755496, 41.82706433321073) rotate(0)"><path d="M 0 -9.607281234088987 L 9.607281234088987 9.607281234088987 L -9.607281234088987 9.607281234088987 Z" fill="#10b981" fill-opacity="0.09393418291276248"></path></g><g transform="translate(31.12073382253584, 91.6720898991116) rotate(0)"><rect fill="#fb923c" fill-opacity="0.09151202462314359" height="35.59392082967406" width="35.59392082967406" x="-17.79696041483703" y="-17.79696041483703"></rect></g><g transform="translate(86.53062064913684, 72.80898147473636) rotate(270)"><rect fill="#10b981" fill-opacity="0.030931834136140424" height="17.269447826495252" width="17.269447826495252" x="-8.634723913247626" y="-8.634723913247626"></rect></g><g transform="translate(98.5494898775869, 51.608568258802734) rotate(270)"><rect fill="#fb923c" fill-opacity="0.06619704979179006" height="28.361193132936933" width="28.361193132936933" x="-14.180596566468466" y="-14.180596566468466"></rect></g><g transform="translate(44.180793180430555, 70.98696342900439) rotate(180)"><path d="M -18.518459812476067 -18.518459812476067 A 37.036919624952134 37.036919624952134 0 0 1 18.518459812476067 18.518459812476067 L -18.518459812476067 18.518459812476067 Z" fill="#ffffff" fill-opacity="0.03148914365670862"></path></g><g transform="translate(45.11527759555065, 98.62899517484038) rotate(0)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.06264858105753773" r="8.466868051852998"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">theory-of-forms</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Theory of Forms</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(15.11629209308012, 89.64869849050956) rotate(270)"><rect fill="#ffffff" fill-opacity="0.08619360225506767" height="27.45667503702066" width="27.45667503702066" x="-13.72833751851033" y="-13.72833751851033"></rect></g><g transform="translate(19.33153286408924, 63.430979207055316) rotate(90)"><path d="M -10.787534021205829 -10.787534021205829 A 21.575068042411658 21.575068042411658 0 0 1 10.787534021205829 10.787534021205829 L -10.787534021205829 10.787534021205829 Z" fill="#f87171" fill-opacity="0.0570967771361029"></path></g><g transform="translate(15.405478670754746, 51.06767549086726) rotate(0)"><path d="M -15.489583434027736 -15.489583434027736 A 30.979166868055472 30.979166868055472 0 0 1 15.489583434027736 15.489583434027736 L -15.489583434027736 15.489583434027736 Z" fill="#f87171" fill-opacity="0.08968077747551434"></path></g><g transform="translate(22.578588503120045, 28.164516734796052) rotate(270)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.08897994702923825" r="9.543166435566945"></circle></g><g transform="translate(69.48150420466845, 9.267576380261744) rotate(90)"><path d="M 0 -10.070487805104449 L 10.070487805104449 10.070487805104449 L -10.070487805104449 10.070487805104449 Z" fill="#ffffff" fill-opacity="0.03820584341650829"></path></g><g transform="translate(71.03777278607595, 14.092711373541533) rotate(90)"><path d="M -18.43567267033677 -18.43567267033677 A 36.87134534067354 36.87134534067354 0 0 1 18.43567267033677 18.43567267033677 L -18.43567267033677 18.43567267033677 Z" fill="#3b82f6" fill-opacity="0.09624818264922397"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">transcendental-idealism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Transcendental Idealism</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(84.41584062347829, 79.92682969554608) rotate(270)"><path d="M 0 -8.529830127947662 L 8.529830127947662 8.529830127947662 L -8.529830127947662 8.529830127947662 Z" fill="#ffffff" fill-opacity="0.09782550621445808"></path></g><g transform="translate(8.232123771176703, 60.21162840843317) rotate(270)"><rect fill="#3b82f6" fill-opacity="0.09792721170151708" height="28.651801403739228" width="28.651801403739228" x="-14.325900701869614" y="-14.325900701869614"></rect></g><g transform="translate(12.641302643123709, 64.42005810731644) rotate(90)"><path d="M -10.978323193746746 -10.978323193746746 A 21.956646387493493 21.956646387493493 0 0 1 10.978323193746746 10.978323193746746 L -10.978323193746746 10.978323193746746 Z" fill="#3b82f6" fill-opacity="0.08817303293621082"></path></g><g transform="translate(3.166123823939415, 8.957842215568235) rotate(90)"><path d="M -16.194612278804925 -16.194612278804925 A 32.38922455760985 32.38922455760985 0 0 1 16.194612278804925 16.194612278804925 L -16.194612278804925 16.194612278804925 Z" fill="#f87171" fill-opacity="0.09224367077072657"></path></g><g transform="translate(87.77402859286667, 62.115833748976) rotate(0)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.05195666515897756" r="15.911292290713845"></circle></g><g transform="translate(55.64355197720943, 86.83946168207513) rotate(180)"><path d="M -9.878748532055397 -9.878748532055397 A 19.757497064110794 19.757497064110794 0 0 1 9.878748532055397 9.878748532055397 L -9.878748532055397 9.878748532055397 Z" fill="#3b82f6" fill-opacity="0.06580403945192302"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">tremolo</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Tremolo (Music)</h3></button><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(55.071361654154316, 7.377247409112897) rotate(0)"><path d="M -19.555033317392372 -19.555033317392372 A 39.110066634784744 39.110066634784744 0 0 1 19.555033317392372 19.555033317392372 L -19.555033317392372 19.555033317392372 Z" fill="#ffffff" fill-opacity="0.07669514132227051"></path></g><g transform="translate(74.99384960710813, 24.140333977084083) rotate(0)"><rect fill="#3b82f6" fill-opacity="0.05306101913412931" height="19.12766213746636" width="19.12766213746636" x="-9.56383106873318" y="-9.56383106873318"></rect></g><g transform="translate(98.76615613402464, 65.41656678109575) rotate(0)"><path d="M 0 -11.758395453706498 L 11.758395453706498 11.758395453706498 L -11.758395453706498 11.758395453706498 Z" fill="#10b981" fill-opacity="0.08262530318837435"></path></g><g transform="translate(62.36888665080187, 20.25538056068399) rotate(0)"><path d="M -14.116650999887952 -14.116650999887952 A 28.233301999775904 28.233301999775904 0 0 1 14.116650999887952 14.116650999887952 L -14.116650999887952 14.116650999887952 Z" fill="#ffffff" fill-opacity="0.045530182492361744"></path></g><g transform="translate(63.398320941814745, 65.78746990066975) rotate(90)"><path d="M -11.171447164856545 -11.171447164856545 A 22.34289432971309 22.34289432971309 0 0 1 11.171447164856545 11.171447164856545 L -11.171447164856545 11.171447164856545 Z" fill="#fb923c" fill-opacity="0.08262971764292161"></path></g><g transform="translate(60.70189645784012, 54.51613377990725) rotate(0)"><path d="M 0 -17.296500623860993 L 17.296500623860993 17.296500623860993 L -17.296500623860993 17.296500623860993 Z" fill="#fb923c" fill-opacity="0.0664972706915978"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">trope-purity</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Trope Purity</h3></button></div></section><section class="scroll-mt-40" id="letter-U" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">U</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(17.836914840427198, 49.49238795306883) rotate(270)"><path d="M 0 -11.568458352384141 L 11.568458352384141 11.568458352384141 L -11.568458352384141 11.568458352384141 Z" fill="#f87171" fill-opacity="0.07958945894109093"></path></g><g transform="translate(36.42361956590321, 99.31334565089855) rotate(180)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.0746217896498183" r="19.064482745916393"></circle></g><g transform="translate(32.57409635443764, 38.888690692147065) rotate(270)"><path d="M -9.312368545665777 -9.312368545665777 A 18.624737091331554 18.624737091331554 0 0 1 9.312368545665777 9.312368545665777 L -9.312368545665777 9.312368545665777 Z" fill="#3b82f6" fill-opacity="0.09799621674370429"></path></g><g transform="translate(22.57789959398906, 10.43708438073736) rotate(90)"><path d="M 0 -15.918670315245436 L 15.918670315245436 15.918670315245436 L -15.918670315245436 15.918670315245436 Z" fill="#ffffff" fill-opacity="0.03741527811833294"></path></g><g transform="translate(50.15049795802042, 48.85843918800674) rotate(0)"><rect fill="#10b981" fill-opacity="0.03886425902575866" height="37.78424267074115" width="37.78424267074115" x="-18.892121335370575" y="-18.892121335370575"></rect></g><g transform="translate(82.9806666710283, 66.17967538641096) rotate(90)"><path d="M -10.167085949374837 -10.167085949374837 A 20.334171898749673 20.334171898749673 0 0 1 10.167085949374837 10.167085949374837 L -10.167085949374837 10.167085949374837 Z" fill="#10b981" fill-opacity="0.03734513757362635"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">utilitarianism</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Utilitarianism</h3></button></div></section><section class="scroll-mt-40" id="letter-V" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">V</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(66.22167154419003, 45.57687462556714) rotate(180)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.07783294886951808" r="19.88832858598471"></circle></g><g transform="translate(44.702700969628495, 37.600674329041794) rotate(180)"><path d="M -15.61953703960171 -15.61953703960171 A 31.23907407920342 31.23907407920342 0 0 1 15.61953703960171 15.61953703960171 L -15.61953703960171 15.61953703960171 Z" fill="#10b981" fill-opacity="0.07847573327882856"></path></g><g transform="translate(24.488510322953516, 5.411998331510404) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.04898680908761889" r="13.678489406102017"></circle></g><g transform="translate(84.08324061911117, 55.990706133889034) rotate(0)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.08952604034403522" r="16.62148121865357"></circle></g><g transform="translate(6.632552869632491, 32.73927656236992) rotate(270)"><path d="M 0 -18.531322492604545 L 18.531322492604545 18.531322492604545 L -18.531322492604545 18.531322492604545 Z" fill="#fb923c" fill-opacity="0.06071328484944992"></path></g><g transform="translate(48.73441993040615, 24.800324501052273) rotate(270)"><path d="M -13.292279824356683 -13.292279824356683 A 26.584559648713366 26.584559648713366 0 0 1 13.292279824356683 13.292279824356683 L -13.292279824356683 13.292279824356683 Z" fill="#3b82f6" fill-opacity="0.05946780862534979"></path></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">vibrato</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Vibrato (Music)</h3></button></div></section><section class="scroll-mt-40" id="letter-W" style="opacity:1"><div class="flex items-baseline gap-6 mb-10 border-b border-white/10 pb-4"><h2 class="text-6xl font-instr-serif italic text-white/20">W</h2></div><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"><button class="group flex flex-col text-left p-8 bg-[#0a0a0a] border border-white/5 hover:border-white/20 hover:shadow-2xl hover:shadow-emerald-900/10 transition-all duration-300 rounded-xl relative overflow-hidden h-full"><div class="absolute inset-0 opacity-40 group-hover:opacity-100 transition-opacity duration-700 pointer-events-none"><svg viewBox="0 0 100 100" class="absolute inset-0 w-full h-full pointer-events-none" preserveAspectRatio="xMidYMid slice"><g transform="translate(95.34842051289161, 74.85000161686912) rotate(90)"><circle cx="0" cy="0" fill="#fb923c" fill-opacity="0.05575298406353113" r="10.013790328685417"></circle></g><g transform="translate(36.639796592862695, 70.46940714067205) rotate(0)"><circle cx="0" cy="0" fill="#10b981" fill-opacity="0.04176552089175857" r="12.284291885823677"></circle></g><g transform="translate(8.41803167541002, 92.2168214879548) rotate(90)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.05080933993258441" r="19.278011285332468"></circle></g><g transform="translate(65.30863487071201, 9.208126924750104) rotate(90)"><circle cx="0" cy="0" fill="#f87171" fill-opacity="0.07272074686996348" r="8.568951008983277"></circle></g><g transform="translate(8.97673612635117, 48.38986672602914) rotate(270)"><circle cx="0" cy="0" fill="#3b82f6" fill-opacity="0.049875108043679575" r="14.982906438684722"></circle></g><g transform="translate(55.72018113252852, 32.403449721641664) rotate(90)"><circle cx="0" cy="0" fill="#ffffff" fill-opacity="0.03287677308766888" r="11.959395158011148"></circle></g></svg></div><div class="absolute top-0 right-0 w-24 h-24 bg-gradient-to-bl from-white/5 to-transparent rounded-bl-full opacity-0 group-hover:opacity-100 transition-opacity duration-500"></div><div class="flex justify-between items-start w-full mb-6 relative z-10"><span class="font-mono text-[10px] text-gray-500 uppercase tracking-widest group-hover:text-emerald-400 transition-colors">will-to-live</span><svg viewBox="0 0 256 256" class="text-gray-600 group-hover:text-white transition-colors" height="18" width="18" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M200,64V168a8,8,0,0,1-16,0V83.31L69.66,197.66a8,8,0,0,1-11.32-11.32L172.69,72H88a8,8,0,0,1,0-16H192A8,8,0,0,1,200,64Z"></path></svg></div><h3 class="text-2xl font-instr-serif text-white mb-3 group-hover:underline decoration-1 underline-offset-4 decoration-white/30 relative z-10">Will to Live</h3></button></div></section></div></div></div></div></main><footer class="bg-[#050505] border-t-2 border-white/10 mt-auto selection:bg-white selection:text-black"><div class="mx-auto max-w-[1600px] px-6 py-12 md:px-12"><div class="grid grid-cols-1 lg:grid-cols-12 gap-12 md:gap-16"><div class="lg:col-span-5 space-y-8"><div class="flex flex-col gap-4"><a class="group inline-block" href="/" data-discover="true"><span class="text-5xl md:text-6xl font-black uppercase tracking-tighter text-white">fez<span class="text-emerald-500">codex</span></span></a><p class="max-w-md text-gray-400 font-mono text-xs leading-relaxed uppercase tracking-widest">// turning complex ~distributed~ problems into elegant, reliable code.</p></div><div class="grid grid-cols-1 md:grid-cols-2 gap-6"><div class="border border-white/10 p-4 bg-white/[0.02]"><h4 class="font-mono text-[10px] font-bold text-gray-500 uppercase tracking-widest mb-3">Site Info</h4><div class="space-y-1 font-mono text-[10px] uppercase tracking-widest"><div class="flex justify-between"><span class="text-gray-600">Version:</span><span class="text-white">v0.20.1</span></div><div class="flex justify-between"><span class="text-gray-600">Year:</span><span class="text-white">2026</span></div><div class="flex justify-between text-emerald-500 font-black"><span>Status:</span><span>Live</span></div></div></div><div class="border border-white/10 p-4 bg-white/[0.02] flex flex-col justify-center gap-3"><div class="flex items-center gap-2 text-white"><svg viewBox="0 0 256 256" class="text-emerald-500" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M180,144H160V112h20a36,36,0,1,0-36-36V96H112V76a36,36,0,1,0-36,36H96v32H76a36,36,0,1,0,36,36V160h32v20a36,36,0,1,0,36-36ZM160,76a20,20,0,1,1,20,20H160ZM56,76a20,20,0,0,1,40,0V96H76A20,20,0,0,1,56,76ZM96,180a20,20,0,1,1-20-20H96Zm16-68h32v32H112Zm68,88a20,20,0,0,1-20-20V160h20a20,20,0,0,1,0,40Z"></path></svg><span class="font-mono text-[10px] font-bold uppercase tracking-widest">Quick Menu</span></div><div class="font-mono text-[10px] text-gray-500 uppercase leading-relaxed">Press <kbd class="bg-white text-black px-1 font-black">Alt</kbd>, <kbd class="bg-white text-black px-1 font-black">Ctrl</kbd>, or <kbd class="bg-white text-black px-1 font-black">Cmd</kbd> + <kbd class="bg-white text-black px-1 font-black">K</kbd> for commands.</div></div></div></div><div class="lg:col-span-4"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8 flex items-center gap-3"><svg viewBox="0 0 256 256" class="text-emerald-500" height="16" width="16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M117.31,134l-72,64a8,8,0,1,1-10.63-12L100,128,34.69,70A8,8,0,1,1,45.32,58l72,64a8,8,0,0,1,0,12ZM216,184H120a8,8,0,0,0,0,16h96a8,8,0,0,0,0-16Z"></path></svg>Navigation</h3><ul class="grid grid-cols-2 gap-x-6 gap-y-3 font-mono text-[10px] uppercase tracking-widest"><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Home</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/about" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>About</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/blog" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Blog</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/projects" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Projects</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/logs" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Logs</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/vocab" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Vocab</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/apps" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Apps</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/timeline" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Timeline</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2 transition-colors group" href="/commands" data-discover="true"><span class="text-emerald-500 group-hover:translate-x-1 transition-transform">→</span>Manuals</a></li><li><a class="text-gray-500 hover:text-white flex items-center gap-2" href="/rss.xml" target="_blank"><span class="text-emerald-500">→</span> RSS Feed</a></li></ul></div><div class="lg:col-span-3"><h3 class="font-mono text-[10px] font-bold text-white uppercase tracking-[0.3em] mb-8">Connect</h3><div class="flex gap-3 mb-8 flex-wrap"><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M212.62,75.17A63.7,63.7,0,0,0,206.39,26,12,12,0,0,0,196,20a63.71,63.71,0,0,0-50,24H126A63.71,63.71,0,0,0,76,20a12,12,0,0,0-10.39,6,63.7,63.7,0,0,0-6.23,49.17A61.5,61.5,0,0,0,52,104v8a60.1,60.1,0,0,0,45.76,58.28A43.66,43.66,0,0,0,92,192v4H76a20,20,0,0,1-20-20,44.05,44.05,0,0,0-44-44,12,12,0,0,0,0,24,20,20,0,0,1,20,20,44.05,44.05,0,0,0,44,44H92v12a12,12,0,0,0,24,0V192a20,20,0,0,1,40,0v40a12,12,0,0,0,24,0V192a43.66,43.66,0,0,0-5.76-21.72A60.1,60.1,0,0,0,220,112v-8A61.5,61.5,0,0,0,212.62,75.17ZM196,112a36,36,0,0,1-36,36H112a36,36,0,0,1-36-36v-8a37.87,37.87,0,0,1,6.13-20.12,11.65,11.65,0,0,0,1.58-11.49,39.9,39.9,0,0,1-.4-27.72,39.87,39.87,0,0,1,26.41,17.8A12,12,0,0,0,119.82,68h32.35a12,12,0,0,0,10.11-5.53,39.84,39.84,0,0,1,26.41-17.8,39.9,39.9,0,0,1-.4,27.72,12,12,0,0,0,1.61,11.53A37.85,37.85,0,0,1,196,104Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://x.com/fezcoddy" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M218.12,209.56l-61-95.8,59.72-65.69a12,12,0,0,0-17.76-16.14L143.81,92.77,106.12,33.56A12,12,0,0,0,96,28H48A12,12,0,0,0,37.88,46.44l61,95.8L39.12,207.93a12,12,0,1,0,17.76,16.14l55.31-60.84,37.69,59.21A12,12,0,0,0,160,228h48a12,12,0,0,0,10.12-18.44ZM166.59,204,69.86,52H89.41l96.73,152Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://www.linkedin.com/in/ahmed-samil-bulbul/?locale=en_US" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M216,20H40A20,20,0,0,0,20,40V216a20,20,0,0,0,20,20H216a20,20,0,0,0,20-20V40A20,20,0,0,0,216,20Zm-4,192H44V44H212ZM112,176V120a12,12,0,0,1,21.43-7.41A40,40,0,0,1,192,148v28a12,12,0,0,1-24,0V148a16,16,0,0,0-32,0v28a12,12,0,0,1-24,0ZM96,120v56a12,12,0,0,1-24,0V120a12,12,0,0,1,24,0ZM68,80A16,16,0,1,1,84,96,16,16,0,0,1,68,80Z"></path></svg></a><a class="w-12 h-12 border border-white/10 bg-white/5 flex items-center justify-center text-gray-400 hover:bg-white hover:text-black hover:border-white transition-all group" href="https://github.com/fezcode/fezcode.github.io" target="_blank" rel="noreferrer"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M236,64a36,36,0,1,0-48,33.94V112a4,4,0,0,1-4,4H96a27.8,27.8,0,0,0-4,.29V97.94a36,36,0,1,0-24,0v60.12a36,36,0,1,0,24,0V144a4,4,0,0,1,4-4h88a28,28,0,0,0,28-28V97.94A36.07,36.07,0,0,0,236,64ZM80,52A12,12,0,1,1,68,64,12,12,0,0,1,80,52Zm0,152a12,12,0,1,1,12-12A12,12,0,0,1,80,204ZM200,76a12,12,0,1,1,12-12A12,12,0,0,1,200,76Z"></path></svg></a></div><div class="space-y-3 border-t border-white/10 pt-6"><p class="font-mono text-[9px] font-bold text-gray-600 uppercase tracking-widest">Newsletter</p><div class="relative"><input class="w-full bg-white text-black font-mono text-[9px] uppercase tracking-widest py-2 px-3 border-none focus:ring-0 placeholder-black/40 disabled:cursor-not-allowed" placeholder="Coming soon..." type="text" disabled></div></div></div></div><div class="mt-20 pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center gap-6 font-mono text-[9px] uppercase tracking-[0.2em] text-gray-600"><p>© 2026 Fezcode // Built with React & Tailwind</p><p class="text-white font-bold">Thanks for visiting</p></div></div></footer></div></div><div class="fixed bottom-0 left-0 w-full h-32 pointer-events-none z-[9999]"><div class="absolute bottom-2 flex flex-col items-center pointer-events-auto cursor-help" style="width:60px;transform:translateX(91.1029vw)"><div class="relative" style="transform:scaleX(-1)"><div class="w-10 h-10 flex items-center justify-center rounded-lg border-2 bg-[#050505] border-[#10B981]/40 text-[#10B981] shadow-lg" style="transform:translateY(-.580565px) scale(1.01105) rotate(-1.47144deg)"><svg viewBox="0 0 256 256" height="24" width="24" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M208,32V192H72a24,24,0,0,0-24,24V56A24,24,0,0,1,72,32Z" opacity="0.2"></path><path d="M208,24H72A32,32,0,0,0,40,56V224a8,8,0,0,0,8,8H192a8,8,0,0,0,0-16H56a16,16,0,0,1,16-16H208a8,8,0,0,0,8-8V32A8,8,0,0,0,208,24Zm-8,160H72a31.82,31.82,0,0,0-16,4.29V56A16,16,0,0,1,72,40H200Z"></path></svg><div class="absolute top-2 left-2 flex gap-3"><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div><div class="w-1.5 h-1.5 rounded-full bg-current animate-pulse"></div></div></div><div class="flex justify-around mt-[-4px]"><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-.955335px)"></div><div class="w-3 h-2 rounded-full bg-current opacity-50" style="color:#10b981;transform:translateY(-1.04466px)"></div></div></div></div></div><div class="fixed top-24 right-6 md:right-12 z-[100] pointer-events-none flex flex-col items-end gap-2"><div class="pointer-events-auto flex flex-col-reverse gap-3"></div></div></div></body></html>