@import"https://fonts.googleapis.com/css2?family=Syne:wght@400;700;800&family=JetBrains+Mono:wght@300;400;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0a0a0b;--surface: #111114;--border: #1e1e22;--accent: #00e5ff;--accent2: #7b61ff;--text: #f0f0f0;--muted: #555}html,body{width:100%;min-height:100%;background:var(--bg);color:var(--text);font-family:JetBrains Mono,monospace;overflow-x:hidden;cursor:none}a,button{cursor:none}@keyframes slideInRight{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideInLeft{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}@keyframes scrollPulse{0%,to{opacity:.3}50%{opacity:1}}.fade-in{opacity:0;transform:translateY(20px);animation:fadeUp .8s forwards}.fade-in:nth-child(1){animation-delay:.1s}.fade-in:nth-child(2){animation-delay:.25s}.fade-in:nth-child(3){animation-delay:.4s}.fade-in:nth-child(4){animation-delay:.55s}.btn{display:inline-block;padding:14px 32px;font-family:JetBrains Mono,monospace;font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;cursor:none;border:none;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px));transition:background .2s,transform .15s,color .2s,border-color .2s}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{background:#fff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid #333}.btn-ghost:hover{border-color:var(--accent);color:var(--text)}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:28px 60px;background:#0a0a0bd9;backdrop-filter:blur (12px);-webkit-backdrop-filter:blur(12px)}.nav-logo{font-family:Syne,sans-serif;font-weight:800;font-size:1.1rem;letter-spacing:.08em;color:var(--accent);text-decoration:none;transition:opacity .2s,letter-spacing .2s}.nav-logo:hover{opacity:.7;letter-spacing:.14em}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{color:var(--muted);text-decoration:none;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;transition:color .2s}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent)}.tag{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;display:flex;align-items:center;gap:10px}.tag:before{content:"";width:28px;height:1px;background:var(--accent);display:inline-block}.scroll-hint{position:fixed;bottom:40px;right:60px;z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--muted);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase}.scroll-line{width:1px;height:50px;background:linear-gradient(to bottom,var(--accent),transparent);animation:scrollPulse 2s ease-in-out infinite}.stats{position:fixed;bottom:40px;left:60px;z-index:10;display:flex;gap:48px}.stat-item{display:flex;flex-direction:column;gap:4px}.stat-num{font-family:Syne,sans-serif;font-size:1.6rem;font-weight:800;color:var(--text)}.stat-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.shy-letter{display:inline-block;transform-origin:center bottom;transition:transform .12s cubic-bezier(.34,1.56,.64,1);will-change:transform}.projects{display:flex;flex-direction:column;gap:2px}.project-card{border:1px solid var(--border);background:#11111499;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;transition:border-color .25s;opacity:0;transform:translateY(16px);animation:fadeUp .6s forwards}.project-card:nth-child(1){animation-delay:.15s}.project-card:nth-child(2){animation-delay:.25s}.project-card:nth-child(3){animation-delay:.35s}.project-card:nth-child(4){animation-delay:.45s}.project-card:hover{border-color:#333}.project-card.open{border-color:#00e5ff40}.card-header{display:flex;align-items:center;justify-content:space-between;padding:28px 36px;cursor:none;gap:24px;-webkit-user-select:none;user-select:none}.card-header:hover .card-title{color:var(--accent)}.card-left{display:flex;align-items:center;gap:28px;flex:1;min-width:0}.card-index{font-size:.65rem;letter-spacing:.12em;color:var(--muted);flex-shrink:0;width:24px}.card-titles{min-width:0}.card-title{font-family:Syne,sans-serif;font-size:clamp(1.2rem,2.5vw,1.6rem);font-weight:800;transition:color .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-org{font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px}.card-tags{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.tag-pill{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border:1px solid #2a2a2e;color:#666}.card-chevron{flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:transform .35s ease,color .2s}.project-card.open .card-chevron{transform:rotate(180deg);color:var(--accent)}.card-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.4,0,.2,1)}.project-card.open .card-body{grid-template-rows:1fr}.card-body-inner{overflow:hidden}.card-content{padding:36px 36px 40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;border-top:1px solid var(--border)}.card-images{display:flex;flex-direction:column;gap:10px}.card-images .main-img{width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);transition:border-color .2s}.card-images .main-img:hover{border-color:#00e5ff4d}.img-thumbnails{display:flex;gap:8px}.img-thumbnails img{width:calc(33.33% - 6px);aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);opacity:.6;transition:opacity .2s,border-color .2s}.img-thumbnails img:hover,.img-thumbnails img.active{opacity:1;border-color:#00e5ff66}.card-info{display:flex;flex-direction:column;gap:24px}.card-description{font-size:.82rem;color:#999;line-height:1.75}.contributions-label{font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.contributions{list-style:none;display:flex;flex-direction:column;gap:10px}.contributions li{font-size:.78rem;color:#777;line-height:1.6;padding-left:16px;position:relative}.contributions li:before{content:"+";position:absolute;left:0;color:var(--accent);font-size:.75rem;opacity:.6}.card-link{display:inline-flex;align-items:center;gap:8px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);text-decoration:none;cursor:none;transition:gap .2s;margin-top:auto}.card-link:hover{gap:14px}