*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Courier New,Courier,monospace;line-height:1.5;font-weight:400;font-size:14px;color:#fff;background-color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;min-height:100vh;background-color:#000;color:#fff}a{color:#fff;text-decoration:none;cursor:pointer;transition:opacity .2s}a:hover{opacity:.7}button{background:none;border:none;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;padding:0}#root{min-height:100vh}.app{min-height:100vh;padding:40px;position:relative}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;gap:40px}.header-blog-mode{margin-bottom:0}.header-left{display:flex;align-items:center;gap:20px;padding-top:calc(1.6em + 16px)}.orb{width:60px;height:60px;border-radius:50%;background-image:url(/pics/smiley.png);background-size:cover;background-position:center}.works-btn{padding:8px 16px;background:var(--bg-overlay);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;transition:background .2s;width:120px}.works-btn:hover{background:var(--border-color)}.header-center{flex:1;max-width:500px;padding-top:calc(1.6em + 16px);animation:typeIn .3s ease-in forwards}.bio{line-height:1.6;margin-bottom:20px}.past-work{line-height:1.6;color:var(--text-muted)}.header-right{min-width:300px;animation:typeIn .3s ease-in forwards}.section-title{font-size:14px;font-weight:400;text-transform:uppercase;margin-bottom:16px;letter-spacing:.5px;line-height:1.6}.project-list{list-style:none;line-height:1.8}.project-list li{display:flex;justify-content:space-between;cursor:pointer;transition:filter .15s ease-out;opacity:0;animation:typeIn .3s ease-in forwards;scroll-snap-align:start;will-change:filter}.project-list li:hover{opacity:.6}.project-dots{flex:1;border-bottom:1px dotted var(--border-dotted);margin:0 8px 4px;align-self:flex-end}.discography-list{max-height:180px;overflow-y:scroll;padding-right:8px;scroll-snap-type:y mandatory}.discography-list::-webkit-scrollbar{width:4px}.discography-list::-webkit-scrollbar-track{background:transparent}.discography-list::-webkit-scrollbar-thumb{background:transparent;border-radius:2px}.discography-list:hover::-webkit-scrollbar-thumb{background:var(--border-color)}.discography-list::-webkit-scrollbar-thumb:hover{background:var(--border-dotted)}.discography-list li{transition:filter .15s ease-out;will-change:filter}.discography-list li:hover{opacity:.6}.connect{margin-bottom:40px;animation:typeIn .3s ease-in forwards}.connect h3{font-size:14px;font-weight:400;text-transform:uppercase;margin-bottom:16px;letter-spacing:.5px}.contact-links{line-height:1.8}.contact-link{display:inline-flex;align-items:center;gap:4px;color:var(--text-color);text-decoration:none;transition:filter .15s ease-out;will-change:filter}.contact-link svg{flex-shrink:0;margin-top:-1px;transform:translateZ(0)}.contact-link:hover{opacity:.6}.portfolio{margin-bottom:40px;animation:typeIn .4s ease-in forwards}.blog-view{flex:1;max-width:500px;padding-top:calc(1.6em + 16px)}.blog-entry{margin-bottom:32px;opacity:0;animation:typeIn .3s ease-in forwards}@keyframes shimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes typeIn{0%{opacity:0;clip-path:inset(0 100% 0 0)}50%{opacity:1}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes typeOut{0%{opacity:1;clip-path:inset(0 0 0 0)}50%{opacity:1}to{opacity:0;clip-path:inset(0 0 0 100%)}}.transitioning-out{animation:typeOut .3s ease-in forwards!important}.portfolio-masonry{display:flex;margin-left:-20px;width:auto}.portfolio-masonry-column{padding-left:20px;background-clip:padding-box}.portfolio-item{margin-bottom:20px;cursor:pointer;break-inside:avoid}.portfolio-item:hover{opacity:1}.portfolio-image{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:#ffffff0d;margin-bottom:8px;filter:grayscale(1);transition:filter .2s}.portfolio-item:hover .portfolio-image{filter:grayscale(0)}.portfolio-item div.portfolio-image{aspect-ratio:1}.portfolio-title{font-size:12px;text-transform:uppercase;letter-spacing:.5px;text-align:center}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center}.modal{background:#000000b3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:8px;width:500px;max-width:90vw;max-height:600px;display:flex;flex-direction:column;box-shadow:0 8px 32px #000c;overflow:hidden}.modal-header{padding:8px 16px;border-bottom:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:center;cursor:grab;-webkit-user-select:none;user-select:none}.modal-header:active{cursor:grabbing}.modal-close{background:none;border:none;color:#fff9;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s}.modal-close:hover{opacity:.7}.modal-content{padding:20px;overflow-y:scroll;flex:1;min-height:0}.modal-content::-webkit-scrollbar{width:4px}.modal-content::-webkit-scrollbar-track{background:#ffffff0d}.modal-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.blog-entry{margin-bottom:32px}.blog-entry:last-child{margin-bottom:0}.blog-date{color:var(--text-faint);font-size:12px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.blog-entry p{line-height:1.6;margin:0}.footer{margin-top:60px;font-size:12px;color:var(--text-faint)}.footer-content{display:flex;align-items:center;gap:20px}.theme-slider{-webkit-appearance:none;appearance:none;width:100px;height:2px;background:var(--border-color);outline:none;cursor:pointer}.theme-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:var(--text-subtle);cursor:pointer;border-radius:50%;transition:background .2s}.theme-slider::-webkit-slider-thumb:hover{background:var(--text-muted)}.theme-slider::-moz-range-thumb{width:12px;height:12px;background:var(--text-subtle);cursor:pointer;border:none;border-radius:50%;transition:background .2s}.theme-slider::-moz-range-thumb:hover{background:var(--text-muted)}.app.shimmer-active *:not(.theme-slider):not(.theme-slider *){background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,1) 20%,rgba(128,128,128,1) 40%,rgba(0,0,0,1) 50%,rgba(128,128,128,1) 60%,rgba(255,255,255,1) 80%,transparent 100%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 3s linear infinite!important;will-change:background-position;opacity:var(--shimmer-opacity)}.theme-slider,.theme-slider::-webkit-slider-thumb,.theme-slider::-moz-range-thumb{opacity:1!important}@media(max-width:1024px){.header{flex-direction:column}.header-right{width:100%}}