*{box-sizing:border-box}body{margin:0;overflow-x:hidden}header{z-index:1000;-webkit-backdrop-filter:blur();backdrop-filter:blur();border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:clamp(1rem,2vh,1.5rem) clamp(1.5rem,5vw,3rem);transition:all .2s;display:flex;position:sticky;top:0}header.scrolled{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:clamp(.15rem,.75vh,.8rem) clamp(1.5rem,5vw,3rem)}section{padding:0 clamp(1.5rem,5vw,3rem)}h3{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:900;font-family:var(--font-clean);margin:0}header h3:hover{cursor:pointer;-webkit-user-select:none;user-select:none}header span{color:var(--accent)}.buttons{gap:clamp(1rem,2vw,2rem);display:flex}button{color:var(--muted);font-family:var(--font-mono);background:0 0;border:none;padding:0;font-size:clamp(.7rem,.9vw,1rem);transition:color .4s;position:relative}button:after{content:"";background:var(--accent);transform-origin:0;width:100%;height:1px;transition:transform .4s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}button:hover{color:var(--fg)}button:hover:after{transform:scaleX(1)}@media (width<=480px){h3{font-size:clamp(1.2rem,2vw,1.5rem)}button{font-size:clamp(.5rem,.8vw,.65rem)}.buttons{gap:clamp(.5rem,1vw,1rem)}header{padding:clamp(.75rem,1.2vh,1rem) clamp(1rem,3vw,1.5rem)}header.scrolled{padding:clamp(.5rem,.8vh,.75rem) clamp(1rem,3vw,1.5rem)}}.intro{flex-direction:column;justify-content:space-between;margin-top:0;padding-top:clamp(4rem,10vh,8rem);padding-bottom:clamp(2rem,5vh,4rem);display:flex}.intro>div{flex-direction:column;flex:1;justify-content:center;width:100%;display:flex}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(clamp(.5rem,1vh,1rem))}}.status{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:clamp(8px,1.5vw,12px);margin:0 0 clamp(1.5rem,3vh,2.5rem);font-size:clamp(.65rem,1vw,1rem);display:flex}.location{color:var(--muted)}.dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:clamp(5px,.7vw,8px);height:clamp(5px,.7vw,8px);margin-left:clamp(6px,1vw,10px)}.sdot{background:var(--accent);border-radius:50%;flex-shrink:0;width:clamp(8px,1vw,12px);height:clamp(8px,1vw,12px);margin:0 clamp(.75rem,1.2vw,1.25rem);position:relative}.sdot:before,.sdot:after{content:"";background:var(--accent);opacity:.6;border-radius:50%;animation:2s infinite ripple;position:absolute;inset:0}.sdot:after{animation-delay:1s}@keyframes ripple{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(3)}}h1{line-height:.95;font-family:var(--font-clean);margin:0 0 clamp(1rem,4vh,3rem);font-size:clamp(3rem,12vw,10rem)}.ticker{width:100%;margin-top:0;overflow:hidden}.ticker-track{will-change:transform;width:max-content;animation:18s linear infinite scroll;display:flex}.group{flex:none;gap:clamp(2rem,4vw,4rem);margin-right:clamp(2rem,4vw,4rem);display:flex}.group span{white-space:nowrap;font-family:var(--font-mono);color:var(--muted);font-size:clamp(.75rem,1vw,1rem)}@media (width<=768px){.intro{margin-top:clamp(3rem,8vh,6rem)}.ticker-track{animation-duration:25s}}@media (width<=480px){.intro{margin-top:0;padding-top:clamp(3rem,8vh,4rem);padding-bottom:.25rem}.status{font-size:clamp(.55rem,.8vw,.7rem)}.dot{width:clamp(4px,.5vw,6px);height:clamp(4px,.5vw,6px);margin-left:clamp(4px,.7vw,8px)}.sdot{width:clamp(6px,.8vw,8px);height:clamp(6px,.8vw,8px);margin:0 clamp(.5rem,.8vw,.75rem)}h1{font-size:clamp(2.5rem,10vw,3.5rem)}.group span{font-size:clamp(.5rem,.9vw,.8rem)}.ticker-track{animation-duration:35s}}.section-label{align-items:center;gap:.75rem;margin-bottom:clamp(2rem,5vh,3.5rem);display:flex}.section-num{font-family:var(--font-mono);color:var(--accent);letter-spacing:.05em;font-size:clamp(.7rem,.9vw,.85rem)}.section-line{background:var(--line);flex:none;width:2rem;height:1px}.section-title{font-family:var(--font-mono);color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.7rem,.9vw,.85rem)}.scroll-indicator{font-family:var(--font-mono);color:var(--muted);flex-direction:column;align-items:center;gap:clamp(.5rem,1vh,1rem);font-size:clamp(.65rem,1vw,.9rem);display:flex}.scroll-indicator span{margin-top:auto}.arrow{font-size:clamp(1.5rem,2vw,2rem);animation:2s infinite bounce}@keyframes scroll{0%{transform:translate(0)}to{transform:translateX(calc(-1 * var(--scroll-width)))}}.projects{background:var(--bg-2);padding:clamp(4rem,10vh,8rem) clamp(1.5rem,5vw,3rem)}.empty-state{font-family:var(--font-mono);color:var(--faint);font-size:.85rem}.project-grid{border-top:1px solid var(--line-soft);border-left:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);width:100%;display:grid}.project-card{color:inherit;border-right:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);text-decoration:none;transition:background .2s;display:block}.project-links{gap:1rem;margin-top:auto;padding-top:.75rem;display:flex}.project-link{font-family:var(--font-mono);color:var(--muted);font-size:.72rem;text-decoration:none;transition:color .2s}.project-link:hover{color:var(--accent)}.project-card:hover{background:var(--bg-3)}.project-card:hover .project-arrow{opacity:1;transform:translate(2px,-2px)}.project-card-inner{flex-direction:column;gap:.75rem;height:100%;padding:clamp(1.5rem,3vw,2rem);display:flex}.project-card-header{justify-content:space-between;align-items:center;display:flex}.project-index{font-family:var(--font-mono);color:var(--faint);font-size:.75rem}.project-arrow{color:var(--accent);opacity:0;font-family:inherit;font-size:1.1rem;transition:opacity .2s,transform .2s}.project-name{font-family:var(--font-clean);color:var(--fg);margin:0;font-size:clamp(1.1rem,1.5vw,1.4rem);font-weight:700;line-height:1.2}.project-desc{color:var(--muted);flex:1;margin:0;font-size:clamp(.8rem,.95vw,.9rem);line-height:1.6}.project-tags{flex-wrap:wrap;gap:.4rem;margin-top:auto;padding-top:.5rem;display:flex}.tech-tag{font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;border-radius:4px;padding:.2em .55em;font-size:clamp(.6rem,.75vw,.72rem);font-weight:500;display:inline-block}.show-more-btn{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);cursor:pointer;background:0 0;border-radius:4px;margin:1.5rem auto 0;padding:.5em 1.5em;font-size:clamp(.7rem,.85vw,.85rem);transition:color .2s,border-color .2s;display:block}.show-more-btn:after{display:none}.show-more-btn:hover{color:var(--fg);border-color:var(--muted)}@media (width<=480px){.scroll-indicator{gap:0;padding-bottom:.5rem;font-size:.5rem}.arrow{font-size:.6rem}.projects{padding:clamp(3rem,8vh,5rem) clamp(1rem,3vw,1.5rem)}.project-grid{grid-template-columns:1fr}}.about{background:var(--bg);padding:clamp(4rem,10vh,8rem) clamp(1.5rem,5vw,3rem)}.about-body{grid-template-columns:1fr 1fr;align-items:start;gap:clamp(3rem,6vw,6rem);display:grid}.about-text{flex-direction:column;gap:clamp(1rem,2vh,1.5rem);display:flex}.about-text p{color:var(--muted);margin:0;font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.75}.about-placeholder{font-style:italic;color:var(--faint)!important}.about-facts{border-left:1px solid var(--line-soft);flex-direction:column;gap:1.25rem;padding-left:clamp(1.5rem,3vw,2.5rem);display:flex}.fact{flex-direction:column;gap:.2rem;display:flex}.fact-label{font-family:var(--font-mono);color:var(--faint);text-transform:uppercase;letter-spacing:.1em;font-size:clamp(.6rem,.75vw,.7rem)}.fact-value{color:var(--fg);font-size:clamp(.85rem,1vw,.95rem)}@media (width<=768px){.about-body{grid-template-columns:1fr}.about-facts{border-left:none;border-top:1px solid var(--line-soft);padding-top:1.5rem;padding-left:0}}.stack{background:var(--bg-2);padding:clamp(4rem,10vh,8rem) clamp(1.5rem,5vw,3rem)}.stack-groups{flex-direction:column;gap:clamp(2rem,4vh,3rem);display:flex}.stack-group{flex-direction:column;gap:.75rem;display:flex}.stack-group-label{font-family:var(--font-mono);color:var(--faint);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:clamp(.6rem,.75vw,.7rem)}.stack-tags{flex-wrap:wrap;gap:.5rem;display:flex}.photos{background:var(--bg);padding:clamp(4rem,10vh,8rem) clamp(1.5rem,5vw,3rem)}.photo-cats{flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1.5rem,4vh,2.5rem);display:flex}.photo-cat-btn{border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;cursor:pointer;background:0 0;border-radius:4px;padding:.35em .9em;font-size:clamp(.65rem,.8vw,.75rem);transition:color .2s,border-color .2s,background .2s;position:relative}.photo-cat-btn:after{display:none}.photo-cat-btn:hover{color:var(--fg);border-color:var(--muted)}.photo-cat-btn.active{color:var(--accent);border-color:var(--accent);background:#84cc160f}.photo-grid{columns:3 280px;column-gap:.75rem}.photo-item{break-inside:avoid;background:var(--bg-2);border-radius:4px;margin-bottom:.75rem;position:relative;overflow:hidden}.photo-item img{width:100%;height:auto;transition:transform .4s;display:block}.photo-item:hover img{transform:scale(1.02)}.photo-caption{font-family:var(--font-mono);color:var(--faint);margin:0;padding:.5rem .75rem .6rem;font-size:clamp(.6rem,.75vw,.7rem);line-height:1.4}.contact{background:var(--bg-2);padding:clamp(4rem,10vh,8rem) clamp(1.5rem,5vw,3rem)}.contact-body{flex-direction:column;gap:clamp(1.5rem,3vh,2.5rem);display:flex}.contact-lead{font-family:var(--font-clean);color:var(--fg);margin:0;font-size:clamp(2rem,5vw,4rem);font-weight:800;line-height:1.1}.contact-links{flex-wrap:wrap;gap:clamp(1rem,2vw,2rem);display:flex}.contact-link{font-family:var(--font-mono);color:var(--muted);font-size:clamp(.8rem,1vw,1rem);text-decoration:none;transition:color .2s}.contact-link:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--line-soft);font-family:var(--font-mono);color:var(--faint);padding:clamp(1.5rem,3vh,2rem) clamp(1.5rem,5vw,3rem);font-size:.7rem}@media (width<=480px){.photo-grid{columns:2 140px;column-gap:.5rem}.photo-item{margin-bottom:.5rem}}:root{--bg:oklch(15.5% .004 270);--bg-t:oklch(15.5% .004 270/.85);--bg-2:oklch(19.5% .005 270);--bg-3:oklch(32.107% .00932 268.395);--fg:oklch(96.5% 0 0);--muted:oklch(62% .004 270);--faint:oklch(40% .004 270);--line:oklch(30% .004 270);--line-soft:oklch(24% .004 270);--accent:oklch(84% .18 128);--status:oklch(78% .16 150);--font-display:"Space Grotesk", sans-serif;--font-body:"Space Grotesk", sans-serif;--font-clean:"Hanken Grotesk", sans-serif;--font-serif:"Instrument Serif", serif;--font-mono:"JetBrains Mono", monospace}body{color:var(--fg);font-family:var(--font-body);background:linear-gradient(var(--bg-t), var(--bg-t)), url(/bg.png);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;min-height:100vh}::selection{background:var(--accent);color:var(--bg)}footer{background-color:var(--bg-2)}