*{margin:0;padding:0;box-sizing:border-box}body{font-family:Space Grotesk,sans-serif;background:#f0eee8;color:#1a1a1a;min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-text-size-adjust:100%}.header{max-width:900px;margin:0 auto;padding:80px 40px 60px;display:flex;align-items:center;gap:32px;position:relative}.nav-links{display:flex;flex-direction:column;gap:8px;list-style:none;align-self:center;text-align:right}.nav-links a{font-family:Space Mono,monospace;font-size:.8rem;text-decoration:none;color:#999;letter-spacing:.04em;transition:color .2s;white-space:nowrap}.nav-links a:hover,.nav-links a.active{color:#1a1a1a}.avatar{width:160px;height:160px;flex-shrink:0;object-fit:cover;image-rendering:pixelated;box-shadow:0 4px 20px #00000014}.profile-text{flex:1}.name-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.name{font-family:JetBrains Mono,monospace;font-size:3rem;font-weight:700;letter-spacing:-.04em;line-height:1;white-space:nowrap}.tagline{font-family:Space Mono,monospace;font-size:.85rem;font-weight:400;color:#888;letter-spacing:.02em;white-space:nowrap}.will-caret{display:inline-block;position:relative;width:0;vertical-align:baseline}.will-text{position:absolute;bottom:22px;left:50%;transform:translate(-40%);font-family:Caveat,cursive;font-size:1.1rem;font-weight:700;color:#c0392b;line-height:1;white-space:nowrap}.will-arrow{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:6px;height:16px;color:#c0392b}.projects{padding:20px 0 80px}.project-header{max-width:900px;margin:0 auto;padding:0 40px 20px;display:flex;align-items:center;justify-content:space-between}.project-title{display:flex;align-items:center;gap:16px}.project-title h2{font-family:JetBrains Mono,monospace;font-size:1.8rem;font-weight:600;letter-spacing:-.03em;line-height:1}.badge{font-family:Space Mono,monospace;font-size:.65rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:#999;border:1px solid #ccc;padding:4px 10px;line-height:1}.carousel-nav{display:flex;gap:8px}.carousel-nav button{width:36px;height:36px;border:1px solid #ccc;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s;-webkit-tap-highlight-color:transparent}.carousel-nav button:hover{border-color:#1a1a1a;background:#1a1a1a}.carousel-nav button:hover svg{stroke:#fff}.carousel-nav button svg{width:16px;height:16px;stroke:#1a1a1a;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.carousel-track{overflow:hidden;width:100%;touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}.carousel{display:flex;gap:20px;will-change:transform;padding:8px 0}.carousel-item{flex:0 0 280px;overflow:hidden;cursor:pointer;box-shadow:0 2px 12px #00000014;transition:box-shadow .3s ease,transform .3s ease;-webkit-tap-highlight-color:transparent}.carousel-item:hover{box-shadow:0 8px 32px #00000026;transform:translateY(-2px)}.carousel-item img{width:100%;aspect-ratio:9 / 16;object-fit:cover;display:block;pointer-events:none}.section-label{max-width:900px;margin:0 auto;padding:40px 40px 0;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.14em;color:#bbb}.lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#000000eb;align-items:center;justify-content:center;cursor:zoom-out}.lightbox.active{display:flex}.lightbox img{max-width:92vw;max-height:92vh;object-fit:contain}.lightbox-close{position:absolute;top:16px;right:16px;width:44px;height:44px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.lightbox-close svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:2;stroke-linecap:round}.page-center{max-width:900px;margin:0 auto;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 340px);min-height:calc(100dvh - 340px);text-align:center}.page-center h1{font-size:2.4rem;font-weight:700;letter-spacing:-.04em;margin-bottom:12px}.page-center .subtitle{font-family:Space Mono,monospace;font-size:.85rem;color:#aaa;letter-spacing:.04em}.social-link{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:14px 28px;text-decoration:none;color:#1a1a1a;border:1px solid #ddd;font-family:Space Mono,monospace;font-size:.85rem;letter-spacing:.02em;transition:border-color .2s,background .2s}.social-link:hover{border-color:#1a1a1a;background:#1a1a1a;color:#fff}.social-link:hover svg{fill:#fff}.social-link svg{width:20px;height:20px;fill:#1a1a1a;transition:fill .2s}footer{max-width:900px;margin:0 auto;padding:60px 40px 40px;font-family:Space Mono,monospace;font-size:.7rem;color:#999;letter-spacing:.06em}@media (max-width: 640px){.header{padding:48px 20px 36px;gap:16px}.avatar{width:100px;height:100px}.name{font-size:2rem}.profile-text{min-width:0}.name-row{flex-direction:column;gap:0;align-items:flex-start}.tagline{font-size:.75rem;padding-left:8px;margin-top:28px}.nav-links{gap:6px}.nav-links a{font-size:.7rem}.section-label{padding:32px 20px 0}.project-header{padding:0 20px 16px}.project-title h2{font-size:1.3rem}.project-title{gap:10px}.badge{font-size:.6rem;padding:2px 8px}.carousel{gap:14px}.carousel-item{flex:0 0 200px}.page-center{padding:40px 20px;min-height:calc(100vh - 260px)}.page-center h1{font-size:1.8rem}.social-link{padding:12px 20px;font-size:.8rem}footer{padding:40px 20px 32px}}@media (max-width: 380px){.header{padding:40px 16px 28px;gap:12px}.avatar{width:80px;height:80px}.name{font-size:1.7rem}.nav-links{gap:4px}.project-header{padding:0 16px 14px}.section-label{padding:28px 16px 0}.carousel-item{flex:0 0 170px}.page-center{padding:32px 16px}footer{padding:32px 16px 24px}}
