.home-section{background:#fff;height:100vh;position:relative;overflow:hidden}.grid-background{pointer-events:auto;grid-template-columns:repeat(30,1fr);grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.grid-cell{aspect-ratio:1;border:.5px solid #0000001a;transition:background-color .2s}.grid-cell.hovered{background-color:#add8e666}.home-left{z-index:2;pointer-events:none;position:absolute;top:25vh;left:13.3333%}.home-label{color:#94a3b8;margin-bottom:1rem;font-family:SF Mono,monospace;font-size:1rem}.home-title{color:#818cf8;margin-bottom:.5rem;font-size:4rem;font-weight:700;line-height:1.1}.home-name{color:#1e293b;font-size:2.5rem;font-weight:700;line-height:1.1}.home-right{z-index:2;pointer-events:none;color:#334155;font-size:1.1rem;line-height:2;position:absolute;top:15vh;left:40%}.home-quote{color:#94a3b8;min-height:3.2em;margin-bottom:1.5rem;font-size:.95rem;font-style:italic;line-height:1.6}.home-intro{padding:0;list-style:none}.home-intro li{padding-left:1.2rem;position:relative}.home-intro li:before{content:"·";color:#818cf8;font-weight:700;position:absolute;left:0}@media (width<=768px){.home-left{left:2rem}.home-right{top:40vh;left:2rem}.home-name{font-size:3rem}}.stack-section{background:#fff;height:100vh;position:relative;overflow:hidden}.stack-section .grid-background{pointer-events:auto;grid-template-columns:repeat(30,1fr);grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.stack-section .grid-cell{aspect-ratio:1;border:.5px solid #0000001a;transition:background-color .2s}.stack-section .grid-cell.hovered{background-color:#add8e666}.stack-left{z-index:2;pointer-events:none;position:absolute;top:25vh;left:13.3333%}.stack-label{color:#94a3b8;margin-bottom:1rem;font-family:SF Mono,monospace;font-size:1rem}.stack-title{color:#818cf8;margin-bottom:3rem;font-size:4rem;font-weight:700;line-height:1.1}.stack-right{z-index:2;pointer-events:none;position:absolute;top:50%;left:40%;transform:translateY(-50%)}.stack-grid{grid-template-columns:repeat(2,1fr);gap:2rem 4rem;display:grid}.stack-group{min-width:180px}.stack-category{color:#818cf8;margin-bottom:.75rem;font-family:SF Mono,monospace;font-size:.9rem;font-weight:600}.stack-list{margin:0;padding:0;list-style:none}.stack-item{color:#334155;font-size:1rem;line-height:1.8}@media (width<=768px){.stack-left{left:2rem}.stack-right{top:45vh;left:2rem}.stack-title{font-size:3rem}.stack-grid{grid-template-columns:1fr}}.friends-section{background:#fff;height:100vh;position:relative;overflow:hidden}.friends-section .grid-background{pointer-events:auto;grid-template-columns:repeat(30,1fr);grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.friends-section .grid-cell{aspect-ratio:1;border:.5px solid #0000001a;transition:background-color .2s}.friends-section .grid-cell.hovered{background-color:#add8e666}.friends-left{z-index:2;pointer-events:none;position:absolute;top:25vh;left:13.3333%}.friends-label{color:#94a3b8;margin-bottom:1rem;font-family:SF Mono,monospace;font-size:1rem}.friends-title{color:#818cf8;margin-bottom:3rem;font-size:4rem;font-weight:700;line-height:1.1}.friends-cards{--friend-card-row-height:92px;--friend-card-gap:.75rem;gap:var(--friend-card-gap);z-index:3;pointer-events:auto;max-height:calc(var(--friend-card-row-height) * 4 + var(--friend-card-gap) * 3);overscroll-behavior:contain;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;flex-wrap:wrap;padding-right:2rem;display:flex;position:absolute;top:25vh;left:40%;right:0;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 18px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 18px calc(100% - 18px),#0000 100%)}.friend-card{min-height:var(--friend-card-row-height);pointer-events:auto;overflow-wrap:anywhere;word-break:break-word;background:#fff;border:.5px solid #0000001a;flex-direction:column;justify-content:center;width:min(220px,100%);padding:1rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.friend-card.hovered{background-color:#dbeafe;border-color:#93c5fd}.friend-name{color:#1e293b;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.friend-desc{color:#94a3b8;font-size:.85rem;font-weight:400}@media (width<=768px){.friends-left{left:2rem}.friends-cards{--friend-card-row-height:104px;padding-right:0;top:45vh;left:2rem;right:2rem}.friend-card{width:100%}.friends-title{font-size:3rem}}.contact-section{background:#fff;height:100vh;position:relative;overflow:hidden}.contact-section .grid-background{pointer-events:auto;grid-template-columns:repeat(30,1fr);grid-auto-rows:1fr;display:grid;position:absolute;inset:0}.contact-section .grid-cell{aspect-ratio:1;border:.5px solid #0000001a;transition:background-color .2s}.contact-section .grid-cell.hovered{background-color:#add8e666}.contact-left{z-index:2;pointer-events:none;position:absolute;top:25vh;left:13.3333%}.contact-label{color:#94a3b8;margin-bottom:1rem;font-family:SF Mono,monospace;font-size:1rem}.contact-title{color:#818cf8;margin-bottom:3rem;font-size:4rem;font-weight:700;line-height:1.1}.contact-cards{z-index:3;pointer-events:none;grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid;position:absolute;top:25vh;left:40%}.contact-card{pointer-events:auto;background:#fff;border:.5px solid #0000001a;flex-direction:column;min-width:160px;padding:1rem 1.5rem;text-decoration:none;transition:all .2s;display:flex}.contact-card.hovered{background-color:#dbeafe;border-color:#93c5fd}.card-type{color:#1e293b;margin-bottom:.25rem;font-size:.95rem;font-weight:700}.card-name{color:#94a3b8;font-size:.85rem;font-weight:400}@media (width<=768px){.contact-left{left:2rem}.contact-cards{top:45vh;left:2rem}.contact-title{font-size:3rem}}.app{background:#fff;width:100vw;height:100vh;position:relative;overflow:hidden}main{width:100%;height:100%;position:relative}.page{width:100%;height:100%;position:absolute;top:0;left:0}.page-dots{z-index:100;flex-direction:column;gap:.75rem;display:flex;position:fixed;top:50%;right:2rem;transform:translateY(-50%)}.dot{cursor:pointer;background:0 0;border:1.5px solid #94a3b8;border-radius:50%;width:10px;height:10px;padding:0;transition:all .3s}.dot:hover{border-color:#818cf8}.dot.active{background:#818cf8;border-color:#818cf8}@font-face{font-family:SF Pro;src:url(/personal-website/fonts/SF-Pro.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/personal-website/fonts/SF-Pro-Display-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF Pro Display;src:url(/personal-website/fonts/SF-Pro-Display-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--bg-primary:#0f0f1a;--bg-secondary:#1a1a2e;--bg-card:#16213e;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--accent:#818cf8;--accent-hover:#6366f1;--border:#818cf826}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text-primary);background:#fff;font-family:SF Pro,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:SF Pro Display,SF Pro,-apple-system,BlinkMacSystemFont,sans-serif}::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}