.gridparent{margin:auto;padding:1rem}:root{--bg:#050509;--bg-alt-radius:#111322;--bg-alt:#0b0b12;--fg:#f5f5f5;--muted:#a0a0b8;--accent:#4ade80;--accent-soft:#4ade8026;--border-subtle:#ffffff0f;--text-link:#a0a0b8;--text-title:#f5f5f5}html[data-theme=light]{--bg:#f8fafc;--bg-alt:#f5f5f5;--bg-alt-radius:#a0a0b8;--fg:#f5f5f5;--muted:#a0a0b8;--accent:#10b981;--accent-soft:#4ade8026;--border-subtle:#ffffff40;--text-link:#111322;--text-title:#111322}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(circle at top,var(--bg-alt-radius)0,var(--bg)45%);color:var(--fg);min-height:100vh;font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.page{max-width:1080px;margin:0 auto;padding:2.5rem 1.5rem 4rem}header{justify-content:space-between;align-items:center;margin-bottom:3rem;display:flex}.logo{letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-subtle);background:#0a0a12e6;border-radius:999px;padding:.35rem .7rem;font-size:.9rem;font-weight:700}.headerLink[title]:hover:after{content:attr(title);white-space:nowrap;z-index:10;background:#000c;border-radius:6px;padding:.3rem .6rem;font-size:.8rem;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.header-links{color:var(--text-link);gap:1rem;font-size:.9rem;display:flex}.header-links a,p.headerLink{border:1px solid #0000;border-radius:999px;padding:.35rem .7rem;transition:all .2s}.header-links a:hover,p.headerLink:hover{border-color:var(--border-subtle);color:var(--fg);cursor:pointer;background:#ffffff05}.layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:3rem;display:grid}.headline{letter-spacing:-.03em;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3rem);font-weight:600}.headline span{color:var(--accent)}.subtitle{color:var(--text-link);max-width:32rem;margin-bottom:1.75rem;font-size:.98rem}.tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.tag{border:1px solid var(--border-subtle);color:var(--muted);background:#0a0a12e6;border-radius:999px;padding:.35rem .7rem;font-size:.8rem}.cta-group{flex-direction:row;gap:1rem;display:flex}.primary-btn{background:var(--accent);color:#02150a;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:.4rem;padding:.7rem 1.3rem;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex}.primary-btn:hover{transform:translateY(-1px);box-shadow:0 16px 35px #4ade8040}.side-card{border:1px solid var(--border-subtle);background:#080810e6;border-radius:1.2rem;flex-direction:column;gap:1.1rem;padding:1.2rem 1.3rem;font-size:.9rem;display:flex}.side-section-title{text-transform:uppercase;letter-spacing:.15em;color:var(--muted);font-size:.7rem}.side-row{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.side-label{color:var(--muted);font-size:.85rem}.side-value{font-size:.9rem}.section{margin-top:3rem}.section-header{justify-content:space-between;align-items:baseline;margin-bottom:1.2rem;display:flex}.section-title{color:var(--text-title);font-size:1rem;font-weight:600}.section-sub{color:var(--muted);font-size:.8rem}.timeline{border-left:1px solid var(--border-subtle);flex-direction:column;gap:1.5rem;padding-left:1.4rem;display:flex}.timeline-item{position:relative}.timeline-item:before{content:"";background:var(--accent);width:.55rem;height:.55rem;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;position:absolute;top:.35rem;left:-1.63rem}.timeline-title{color:var(--text-title);font-size:.95rem;font-weight:500}.timeline-meta{color:var(--muted);margin-bottom:.3rem;font-size:.8rem}.timeline-text{color:var(--muted);font-size:.85rem}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin-top:1.5rem;display:grid}.project-card{border:1px solid var(--border-subtle);background:var(--bg-alt);border-radius:1rem;flex-direction:column;font-size:.85rem;display:flex;overflow:hidden}.project-highlight{color:var(--text-title)}.project-thumb{aspect-ratio:16/10;background-position:50%;background-size:cover;width:100%}.project-body{padding:.75rem .85rem .85rem}.project-title{margin-bottom:.2rem;font-weight:500}.project-meta{color:var(--muted);margin-bottom:.4rem;font-size:.75rem}.project-tags{flex-wrap:wrap;gap:.35rem;margin-top:.3rem;display:flex}.project-tag{border:1px solid var(--border-subtle);color:var(--muted);border-radius:999px;padding:.1rem .45rem;font-size:.7rem}.stack-row{flex-wrap:wrap;gap:.4rem;margin-top:.6rem;display:flex}.stack-pill{border:1px solid var(--border-subtle);color:var(--muted);background:#ffffff05;border-radius:999px;padding:.25rem .6rem;font-size:.8rem}footer{border-top:1px solid var(--border-subtle);color:var(--muted);flex-wrap:wrap;justify-content:center;gap:3rem;margin-top:3rem;padding-top:1.5rem;font-size:.8rem;display:flex}@media (max-width:900px){.layout{grid-template-columns:1fr;gap:2rem}}@media (max-width:640px){.projects-grid{grid-template-columns:1fr}header{flex-direction:column;align-items:flex-start;gap:.8rem}}.projectModalOverlay{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;background:#000000f2;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.projectModal{background:#0f0f1efa;border:1px solid #ffffff26;border-radius:24px;flex-direction:column;width:100%;max-width:1200px;max-height:95vh;display:flex;overflow:hidden}.modalHeader{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.modalHeader h2{margin:0;font-size:1.6rem;font-weight:700}.modalClose{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;font-weight:300;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #0003}.modalClose:hover{background:#ffffff40;transform:scale(1.05)rotate(90deg);box-shadow:0 8px 20px #0000004d}.imageCarousel{background:#1a1a2e;justify-content:center;align-items:center;height:450px;display:flex;position:relative}.carouselImage{object-fit:contain;max-width:100%;max-height:100%}.carouselPrev,.carouselNext{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;box-shadow:0 8px 25px #0006}.carouselPrev{left:20px;transform:translateY(-50%)}.carouselNext{right:20px;transform:translateY(-50%)}.carouselPrev:hover,.carouselNext:hover{background:#ffffff40;transform:translateY(-50%)scale(1.1);box-shadow:0 12px 35px #00000080}.imageCounter{color:#fff;background:#000c;border-radius:20px;padding:.4rem 1rem;font-size:.9rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.noImages{color:#a0a0b8;text-align:center;padding:2rem;font-size:1.2rem}.projectInfoModal{border-top:1px solid #ffffff1a;padding:2rem}.projectInfoModal p{color:#e0e0e0;margin-bottom:1.5rem;line-height:1.6}.projectLinks{flex-wrap:wrap;gap:.8rem;display:flex}.linkBtn{color:#4ade80;background:#4ade8033;border:1px solid #4ade8066;border-radius:8px;padding:.5rem 1.2rem;font-weight:500;text-decoration:none;transition:all .2s}.linkBtn:hover{background:#4ade804d;transform:translateY(-1px)}.imageBadge{color:#4ade80;background:#000c;border-radius:12px;padding:.3rem .7rem;font-size:.75rem;font-weight:600;position:absolute;top:1rem;right:1rem}