:root{--bg:#f9f7f4;--text:#1a1a1a;--muted:#777;--divider:#0000001a;--col-pad:36px 40px;--space:1.4rem;--space-sm:.85rem;--space-xs:.4rem;--radius:6px;--font:"Manrope", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font);background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:200px 200px}.portfolio{grid-template-rows:1fr auto;grid-template-columns:.72fr 1px 1.28fr 1px 1fr;width:100%;height:100vh;display:grid}.divider{background-color:var(--divider);height:100%}.col{height:100%;min-height:0;padding:var(--col-pad);gap:var(--space);flex-direction:column;display:flex;overflow:hidden}.col-projects{scrollbar-width:thin;scrollbar-color:#ccc transparent;overflow-y:auto}.col-projects::-webkit-scrollbar{width:4px}.col-projects::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.col-projects::-webkit-scrollbar-track{background:0 0}.col-experience{grid-template-rows:7.35fr 1px 2.65fr;gap:0;padding:0;display:grid}.exp-section,.tech-section{padding:var(--col-pad);gap:var(--space-sm);flex-direction:column;display:flex;overflow:hidden}.tech-section{padding-top:12px;padding-bottom:20px}.exp-section{scrollbar-width:thin;scrollbar-color:#ccc transparent;overflow-y:auto}.exp-section::-webkit-scrollbar{width:4px}.exp-section::-webkit-scrollbar-thumb{background:#ccc;border-radius:2px}.h-divider{background:var(--divider)}.name{letter-spacing:-.02em;font-size:clamp(1.9rem,2.8vw,3rem);font-weight:400;line-height:1.05}.role{color:var(--muted);letter-spacing:.02em;margin-top:.35rem;font-size:.95rem}.meta{color:var(--muted);margin-top:.2rem;font-size:.74rem;line-height:1.8}.col-heading{letter-spacing:.01em;color:var(--text);font-size:1.05rem;font-weight:400}.bio{color:#444;font-size:.78rem;line-height:1.75}.about-header{flex-direction:column;display:flex}.profile-img{aspect-ratio:1;object-fit:cover;border-radius:var(--radius);width:62%;display:block}.fun-facts{gap:var(--space-xs);flex-direction:column;list-style:none;display:flex}.fun-facts li{color:var(--muted);padding-left:1em;font-size:.68rem;line-height:1.5;position:relative}.fun-facts li:before{content:"—";position:absolute;left:0}.experience-block{gap:var(--space-sm);flex-direction:column;display:flex}.exp-header{align-items:center;gap:12px;display:flex}.exp-logo{object-fit:contain;flex-shrink:0;width:auto;max-width:100px;height:22px}.exp-company{font-size:.82rem;font-weight:400}.exp-role{color:var(--muted);font-size:.72rem}.exp-bullets{gap:var(--space-xs);flex-direction:column;padding-left:0;list-style:none;display:flex}.exp-bullets li{color:#444;padding-left:1.1em;font-size:.71rem;line-height:1.5;position:relative}.exp-bullets li:before{content:"·";color:var(--muted);position:absolute;left:0}.tech-grid{grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:16px 8px;display:grid}.tech-item{flex-direction:column;align-items:center;gap:6px;display:flex}.tech-icon{background:#0000000b;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.tech-icon img{opacity:.75;width:22px;height:22px}.tech-name{color:var(--muted);text-align:center;font-size:.6rem;font-weight:700;line-height:1.3}.project-card{gap:var(--space-sm);color:inherit;cursor:pointer;flex-direction:column;text-decoration:none;display:flex}.card-media{aspect-ratio:16/9;border-radius:var(--radius);background:#e8e5e0;width:100%;position:relative;overflow:hidden}.card-media img,.card-media video{object-fit:cover;border-radius:var(--radius);width:100%;height:100%;position:absolute;inset:0}.card-media video{pointer-events:none}.card-footer{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card-name{font-size:.9rem}.card-github{color:var(--muted);white-space:nowrap;font-size:.73rem}.card-tags{flex-wrap:wrap;gap:6px;display:flex}.tag{color:var(--muted);letter-spacing:.02em;background:#0000000d;border-radius:999px;padding:2px 8px;font-size:.68rem}.site-footer{border-top:1px solid var(--divider);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;padding:13px 40px;font-size:.73rem;display:flex}.site-footer a{color:var(--muted);text-decoration:none;transition:color .18s}.site-footer a:hover{color:var(--text)}.footer-links{gap:22px;display:flex}@media (width<=768px){html,body,#root{height:auto;overflow:auto}.portfolio{flex-direction:column;height:auto;min-height:100vh;padding-bottom:50px;display:flex}.portfolio>.divider{display:none}.col{height:auto;padding:28px 20px;overflow:visible}.col-projects{overflow-y:visible}.col-experience{flex-direction:column;height:auto;display:flex}.exp-section{padding:28px 20px;overflow-y:visible}.tech-section{padding:16px 20px 28px}.profile-img{width:50%}.site-footer{background:var(--bg);z-index:100;padding:13px 20px;position:fixed;bottom:0;left:0;right:0}}