*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: #ffffff;--off-white: #f8f8f7;--gray-100: #f2f2f0;--gray-200: #e4e4e1;--gray-400: #a8a8a4;--gray-600: #6b6b67;--black: #1a1a18;--accent: #e8a0b0;--accent-dim: #f3d0da;--mono: "JetBrains Mono", monospace;--sans: "Inter", system-ui, sans-serif;--max-w: 900px;--dot-size: 1.5px;--dot-gap: 22px}html{scroll-behavior:smooth}body{font-family:var(--sans);font-size:16px;line-height:1.7;color:var(--black);background-color:var(--white)}.wrapper{max-width:var(--max-w);margin:0 auto;padding:0 32px}section{padding:96px 0}.label{font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-400)}.label--accent{color:var(--accent)}.section-title{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400);margin-bottom:48px}nav{position:sticky;top:0;z-index:100;background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--gray-200)}.nav-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px;height:52px;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--mono);font-size:12px;color:var(--accent);text-decoration:none;letter-spacing:.06em;transition:color .2s}.nav-logo:hover{color:var(--black)}.nav-links{display:flex;gap:28px;list-style:none}.nav-links a{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--gray-600);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--black)}#hero{position:relative;overflow:hidden;padding-top:120px;padding-bottom:112px;--mx: 50%;--my: 50%}.hero-grain{position:absolute;top:-150%;right:-150%;bottom:-150%;left:-150%;width:400%;height:400%;background-color:#888;filter:url(#hero-noise);opacity:.12;mix-blend-mode:overlay;pointer-events:none;z-index:0;animation:grain-shift 8s steps(10) infinite}@keyframes grain-shift{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,2%)}30%{transform:translate(-1%,4%)}40%{transform:translate(4%,-1%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-3%)}70%{transform:translate(-4%,1%)}80%{transform:translate(2%,4%)}90%{transform:translate(-2%,-1%)}}.hero-spotlight{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(600px circle at var(--mx) var(--my),rgba(232,160,176,.13),transparent 70%);pointer-events:none;z-index:0;opacity:0;transition:opacity .5s ease}#hero:hover .hero-spotlight{opacity:1}.hero-content{position:relative;z-index:1}.hero-label{margin-bottom:20px}.hero-name{font-size:clamp(44px,7vw,72px);font-weight:300;letter-spacing:-.02em;line-height:1.08;color:var(--black);margin-bottom:20px}.hero--accent{color:var(--accent)}.hero-tagline{font-size:17px;font-weight:400;color:var(--gray-600);margin-bottom:36px;max-width:480px}.hero-intro{max-width:580px;color:var(--gray-600);font-size:15px;line-height:1.8;margin-bottom:48px}.hero-intro p+p{margin-top:16px}.btn-group{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:10px 20px;border-radius:4px;transition:background .2s,color .2s,border-color .2s;cursor:pointer}.btn--primary{background:var(--black);color:var(--white);border:1px solid var(--black)}.btn--primary:hover{background:#333330;border-color:#333330}.btn--ghost{background:transparent;color:var(--gray-600);border:1px solid var(--gray-200)}.btn--ghost:hover{border-color:var(--gray-400);color:var(--black)}.divider{width:100%;height:1px;background:var(--gray-200)}#stack{padding:64px 0;background:var(--white)}.stack-rows{display:flex;flex-direction:column;gap:0}.stack-row{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:24px;padding:14px 0;border-bottom:1px solid var(--gray-200)}.stack-row:first-child{border-top:1px solid var(--gray-200)}.stack-row-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gray-400);flex-shrink:0}.stack-chips{display:flex;flex-wrap:wrap;gap:6px}.stack-chip{font-family:var(--mono);font-size:11px;letter-spacing:.04em;color:var(--gray-600);background:var(--gray-100);border:1px solid var(--gray-200);padding:4px 10px;cursor:default;transition:background .15s,color .15s,border-color .15s}.stack-chip:hover{background:var(--accent-dim);color:var(--black);border-color:var(--accent)}@media (max-width: 680px){.stack-row{grid-template-columns:1fr;gap:10px}}#projects{background:var(--off-white)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.project-card:nth-child(1){grid-column:span 2}.project-card:nth-child(4){grid-column:span 2}.project-card{background:var(--white);border:1px solid var(--gray-200);padding:32px;transition:border-color .25s,box-shadow .25s,background .25s;position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:220px}.project-card:hover{border-color:var(--accent-dim);box-shadow:0 4px 32px #e8a0b01a;background:#fffcfd}.card-body{flex:1;margin-bottom:24px}.card-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}.card-footer-top{display:flex;flex-direction:column;gap:8px}.project-link{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--gray-400);text-decoration:none;align-self:flex-start;transition:color .2s}.project-link:hover{color:var(--accent)}.card-footer-actions{display:flex;align-items:center;justify-content:space-between}.project-repo{color:var(--gray-400);display:flex;align-items:center;transition:color .2s;text-decoration:none}.project-repo:hover{color:var(--black)}.project-id{font-family:var(--mono);font-size:10px;letter-spacing:.12em;color:var(--accent);text-transform:uppercase;margin-bottom:12px}.project-title{font-size:16px;font-weight:500;color:var(--black);margin-bottom:12px;line-height:1.4}.project-desc{font-size:14px;color:var(--gray-600);line-height:1.75;margin-bottom:24px}.stack-label{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400);margin-bottom:8px}.stack-tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--gray-600);background:var(--gray-100);border:1px solid var(--gray-200);padding:3px 10px;border-radius:3px}#learning{padding:96px 0}.learning-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}.learning-meta{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--gray-400)}.learning-note{font-size:14px;font-style:oblique;color:var(--gray-400);margin-bottom:28px;margin-top:4px}.log-entries{display:flex;flex-direction:column}.log-entry{display:grid;grid-template-columns:88px 1fr 28px;align-items:start;gap:24px;padding:20px 0;border-bottom:1px solid var(--gray-200);transition:background .15s}.log-entry:first-child{border-top:1px solid var(--gray-200)}.log-entry:hover{padding-left:8px;padding-right:8px;margin:0 -8px;background:var(--gray-100)}.log-status{font-family:var(--mono);font-size:9px;letter-spacing:.14em;text-transform:uppercase;padding:4px 8px;border-radius:2px;margin-top:2px;display:inline-block;width:fit-content}.log-status--active{background:#4ac3781a;color:#3a9e62;border:1px solid rgba(74,195,120,.25)}.log-status--ongoing{background:var(--accent-dim);color:#c0607a;border:1px solid var(--accent)}.log-body{display:flex;flex-direction:column;gap:5px}.log-topic{font-size:15px;font-weight:400;color:var(--black);letter-spacing:-.01em}.log-note{font-size:13px;color:var(--gray-400);line-height:1.6}.log-index{font-family:var(--mono);font-size:10px;color:var(--gray-200);letter-spacing:.06em;text-align:right;padding-top:4px}@media (max-width: 680px){.log-entry{grid-template-columns:1fr;gap:8px}.log-index,.learning-meta{display:none}}#about{background:var(--off-white)}.about-card{float:right;margin:4px 0 28px 48px;border:1px solid var(--gray-200);background:var(--off-white);padding:20px 24px;display:flex;flex-direction:column;gap:16px;min-width:160px}.about-card-row{display:flex;flex-direction:column;gap:3px}.about-card-label{font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--gray-400)}.about-card-val{font-family:var(--mono);font-size:11px;color:var(--black);line-height:1.5}.about-body p{font-size:15px;color:var(--gray-600);line-height:1.9;margin-bottom:20px;max-width:580px}.about-closing{color:var(--black)!important;font-style:italic;font-size:14px!important;clear:both}@media (max-width: 680px){.about-card{float:none;margin:0 0 28px;flex-direction:row;flex-wrap:wrap;gap:20px;min-width:unset}}#contact{padding:96px 0}.contact-heading{font-size:clamp(28px,4vw,42px);font-weight:300;letter-spacing:-.01em;color:var(--black);margin-bottom:16px}.contact-text{font-size:15px;color:var(--gray-600);max-width:440px;margin-bottom:40px}.contact-links{display:flex;flex-wrap:wrap;gap:12px}footer{border-top:1px solid var(--gray-200);padding:32px 0}.footer-inner{max-width:var(--max-w);margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-copy,.footer-note{font-family:var(--mono);font-size:11px;color:var(--gray-400);letter-spacing:.04em}@media (max-width: 680px){.wrapper,.nav-inner,.footer-inner{padding:0 20px}.nav-links{gap:18px}section{padding:72px 0}#hero{padding-top:80px;padding-bottom:80px}.projects-grid{grid-template-columns:1fr}.project-card:nth-child(1),.project-card:nth-child(4){grid-column:1;grid-row:auto}.project-card:nth-child(1){padding:32px}.project-card:nth-child(1) .project-title{font-size:16px}.btn-group{gap:8px}}.fade-in{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}