@import url("https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300&family=Bebas+Neue&display=swap");:root{--black:#080808;--white:#f5f5f0;--gray:#888;--border:#222;--font-display:"Bebas Neue",sans-serif;--font-body:"DM Mono",monospace}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--black);color:var(--white);font-family:var(--font-body);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}body{min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--border)}.container{max-width:900px;margin:0 auto;padding:0 24px}.header{border-bottom:1px solid var(--border);padding:20px 0;position:-webkit-sticky;position:sticky;top:0;background:var(--black);z-index:10}.header-inner{display:flex;align-items:baseline;justify-content:space-between}.header-name{font-family:var(--font-display);font-size:28px;letter-spacing:.05em}.header-nav{display:flex;gap:24px;font-size:12px;color:var(--gray);letter-spacing:.08em;text-transform:uppercase}.header-nav a:hover{color:var(--white);transition:color .15s}.hero{padding:80px 0 60px;border-bottom:1px solid var(--border)}.hero-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);margin-bottom:16px}.hero-title{font-family:var(--font-display);font-size:clamp(56px,10vw,120px);line-height:.9;letter-spacing:.02em;margin-bottom:24px}.hero-sub{font-size:13px;color:var(--gray);max-width:400px;line-height:1.8}.projects-section{padding:60px 0}.section-label{font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--gray);margin-bottom:32px;display:flex;align-items:center;gap:12px}.section-label:after{content:"";flex:1 1;height:1px;background:var(--border)}.project-list{display:flex;flex-direction:column}.project-card{display:grid;grid-template-columns:1fr auto;align-items:start;grid-gap:16px;gap:16px;padding:28px 24px;margin-left:-24px;margin-right:-24px;border-bottom:1px solid #ccc;cursor:pointer;position:relative;background:var(--white);color:var(--black);transition:opacity .15s}.project-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--black);transform:scaleY(0);transform-origin:top;transition:transform .2s ease}.project-card:hover:before{transform:scaleY(1)}.project-card-number{font-size:11px;color:#999;letter-spacing:.1em;margin-bottom:8px}.project-card-title{font-family:var(--font-display);font-size:28px;letter-spacing:.04em;line-height:1;margin-bottom:10px;color:var(--black)}.project-card:hover .project-card-title{opacity:.6}.project-card-desc{font-size:12px;color:#555;max-width:500px;line-height:1.7}.project-card-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;padding-top:4px}.project-card-lang{font-size:11px;letter-spacing:.08em;color:#555;border:1px solid #ccc}.project-card-lang,.project-card-pinned{text-transform:uppercase;padding:3px 8px}.project-card-pinned{font-size:10px;letter-spacing:.1em;color:var(--black);border:1px solid var(--black)}.project-card-topics{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.topic-tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#777;border:1px solid #ccc;padding:2px 6px}.footer{border-top:1px solid var(--border);padding:32px 0;margin-top:80px;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--gray);letter-spacing:.06em}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .5s ease forwards}.animate-in:first-child{animation-delay:0s}.animate-in:nth-child(2){animation-delay:.07s}.animate-in:nth-child(3){animation-delay:.14s}.animate-in:nth-child(4){animation-delay:.21s}.animate-in:nth-child(5){animation-delay:.28s}.animate-in:nth-child(6){animation-delay:.35s}.animate-in:nth-child(7){animation-delay:.42s}.animate-in:nth-child(8){animation-delay:.49s}