@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{background:#faf9f7;color:#1a1a1a;-webkit-font-smoothing:antialiased}.grid{min-height:100vh;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(5,1fr)}.cell{border:.5px dashed #ccc}.subgrid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr)}.subgrid .cell{border:.5px dashed #ccc}.social-link{display:flex;align-items:center;justify-content:center;color:#1a1a1a;transition:background-color .2s ease,color .2s ease}.social-link:hover{background-color:#00000008;color:#666}.social-link svg{width:24px;height:24px}.content{grid-column:2 / 5;grid-row:2 / 4;display:flex;flex-direction:column;justify-content:center;padding:2rem;animation:reveal 1s ease-out forwards;opacity:0}.title{font-family:IBM Plex Mono,monospace;font-size:clamp(2.5rem,6vw,4rem);font-weight:600;margin:0}.description{font-family:IBM Plex Mono,monospace;font-size:clamp(.875rem,1.5vw,1rem);font-weight:400;color:#666;margin-top:1rem}.tooltip{font-family:IBM Plex Mono,monospace;font-size:.75rem;background:#1a1a1a;color:#faf9f7;padding:.35rem .5rem;white-space:nowrap;pointer-events:none;z-index:100}@keyframes reveal{to{opacity:1}}@media(max-width:768px){.grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(10,1fr)}.content{grid-column:1 / 4;grid-row:3 / 5;padding:1.5rem}}
