@font-face{font-family:Manrope;src:url('../assets/manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{color-scheme:dark;--text:#eeeee7;--muted:#acaea5;--quiet:#858b80;--accent:#c5d1ab;--line:rgba(226,232,216,.15);--surface:rgba(26,31,24,.28);--font:Manrope,'Segoe UI',sans-serif}
html{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}
.track-cover{width:212px;height:212px;object-fit:cover;border-radius:8px;border:1px solid var(--line);box-shadow:0 12px 30px #0b0e0970}.mini-cover,.nav-cover,.playlist-cover{object-fit:cover;border-radius:4px;flex-shrink:0}.mini-cover{width:38px;height:38px}.nav-cover{width:24px;height:24px}.playlist-cover{width:36px;height:36px}.mini-track,.playlist-text{min-width:0}.mini-track strong,.playlist-text strong{overflow-wrap:anywhere}
*{box-sizing:border-box}html{min-height:100%;background:#131711;scrollbar-color:#53594c #171b15}body{margin:0;color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0}a{color:inherit;text-decoration:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{background:none}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;display:block}p,h1,h2,h3{margin:0}::selection{background:#c5d1ab;color:#171c15}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:20px;padding:14px 20px;background:var(--text);color:#111;z-index:20}.skip-link:focus{top:20px}
.scenery{position:fixed;inset:0;z-index:-1;overflow:hidden;background:#172014}.scenery>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;filter:blur(5px) brightness(.62) saturate(.62);transform:scale(1.04)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,15,10,.55),rgba(14,18,12,.14) 60%,rgba(11,15,10,.3)),linear-gradient(0deg,rgba(10,14,9,.83),transparent 65%,rgba(11,15,10,.28));box-shadow:inset 0 0 220px 60px rgba(0,0,0,.25)}.grain{position:absolute;inset:0;opacity:.055;background-image:url('../assets/grain.svg');pointer-events:none}
.site-shell{max-width:1440px;padding:0 76px;margin:auto;min-height:100svh;display:flex;flex-direction:column}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(230,235,220,.1)}.wordmark{font-size:30px;letter-spacing:-2px;font-weight:800;line-height:1}.wordmark-dot{color:var(--accent)}.header-note{font-size:9px;letter-spacing:2.6px;color:#c0c4b7;margin-left:45px}.sound-toggle{display:flex;align-items:center;gap:10px;font-size:11px;color:#c4c9bb;padding:12px 0 12px 12px;min-height:44px}.sound-bars{display:flex;align-items:center;gap:3px;height:16px}.sound-bars i{width:2px;height:4px;background:var(--accent);transition:height .2s}.sound-bars i:nth-child(2){height:12px}.sound-bars i:nth-child(3){height:8px}.sound-bars i:nth-child(4){height:15px}.is-playing .sound-bars i{animation:equalize 1.1s ease-in-out infinite alternate}.is-playing .sound-bars i:nth-child(2){animation-delay:-.7s}.is-playing .sound-bars i:nth-child(3){animation-delay:-.3s}
main{flex:1}.hero{min-height:396px;padding:74px 0 60px;display:flex;justify-content:space-between;align-items:center;gap:48px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.6px;display:flex;align-items:center;gap:9px;color:#c8cebd}.status-dot{display:inline-block;width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px rgba(197,209,171,.07)}.status-dot.muted{background:#8e9586;box-shadow:none}.status-dot.online{background:#accb93}.status-dot.idle{background:#d7bf85}.status-dot.dnd{background:#d89589}.status-dot.offline{background:#92978e}.hero h1{font-size:clamp(56px,6.2vw,88px);font-weight:500;line-height:1.18;letter-spacing:-5px;margin:19px 0 14px}.name-period{color:var(--accent)}.role{font-size:17px;font-weight:400;letter-spacing:-.3px;color:#d9ddcf}.bio{color:#b3b9a9;font-size:13px;line-height:1.95;max-width:360px;margin-top:18px}.location-line{display:flex;align-items:center;gap:8px;margin-top:26px;font-size:10px;color:#b1b8a5}.location-line svg{width:13px;height:13px}.meta-divider{margin:0 7px;color:#707a65}#local-time{font-variant-numeric:tabular-nums}.portrait-aside{padding-right:38px;transform:rotate(5deg);margin-top:9px}.portrait-frame{position:relative;width:154px;height:182px;padding:7px;background:rgba(207,215,193,.09);border:1px solid rgba(218,227,206,.2);border-radius:3px}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.45);border-radius:1px}.portrait-corner{position:absolute;bottom:-10px;right:-10px;background:#c5cfb1;color:#2c3523;border:5px solid #343c2d;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px}.portrait-caption{display:block;font-size:8px;letter-spacing:1.7px;line-height:1.8;color:#b3bba6;margin:20px 0 0 9px;transform:rotate(-5deg)}
.section-label{display:flex;justify-content:space-between;margin-bottom:18px;font-size:8px;letter-spacing:2px;color:#a6af99}.explore-label{display:flex;align-items:center;gap:18px}.explore-label>span{font-size:18px;line-height:.5}.portal-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:13px;overflow:hidden;background:rgba(32,39,25,.15);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.portal{padding:24px 27px 23px;text-align:left;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:170px;display:flex;flex-direction:column;position:relative;transition:background .22s,box-shadow .22s}.portal:nth-child(3){border-top-right-radius:13px}.portal:nth-child(4){border-bottom-left-radius:13px}.portal:last-child{border-bottom-right-radius:13px}.portal:hover{background:rgba(190,209,159,.065);box-shadow:inset 0 0 0 1px rgba(218,230,199,.12)}.portal:focus-visible{outline-offset:-5px}.portal-top{display:flex;align-items:center;justify-content:space-between;color:#b5bea8}.portal-top svg{width:17px;height:17px;opacity:.8}.portal-index{font-size:8px;letter-spacing:1.6px}.portal-title{font-size:32px;font-weight:400;letter-spacing:-1.2px;display:flex;align-items:center;justify-content:space-between;margin-top:17px;transition:transform .22s}.portal-arrow{font-size:23px;color:#9ca78e;opacity:0;transform:translate(-5px,5px);transition:opacity .22s,transform .22s}.portal:hover .portal-arrow,.portal:focus-visible .portal-arrow{opacity:1;transform:translate(0,0)}.portal:hover .portal-title{transform:translateX(3px)}.portal-detail{font-size:10px;line-height:1.7;color:#afb9a2;display:flex;align-items:center;gap:8px;margin-top:9px}.tiny-disc{width:10px;height:10px;border:1px solid #bac9a4;border-radius:50%;display:inline-block;position:relative}.tiny-disc:after{content:'';width:2px;height:2px;background:#bac9a4;position:absolute;top:3px;left:3px;border-radius:50%}
.now-playing{min-height:88px;display:flex;align-items:center;gap:15px;border-bottom:1px solid rgba(230,235,220,.1);margin-top:16px}.icon-button{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;color:#bbc5ae;transition:background .2s,color .2s}.icon-button:hover{background:rgba(220,231,205,.08);color:var(--text)}.mini-play{width:35px;height:35px;min-width:44px;min-height:44px;border:1px solid rgba(207,223,187,.2)}.mini-play svg{width:15px;height:15px}.mini-track{text-align:left;display:flex;flex-direction:column;gap:7px;padding:10px 0;min-height:44px}.mini-kicker{font-size:7px;letter-spacing:1.65px;color:#97a38a}.mini-track strong{font-size:10px;font-weight:500}.mini-artist{font-size:10px;color:#929e85}.mini-wave{display:flex;gap:3px;align-items:center;height:25px;margin-left:auto;opacity:.4}.mini-wave i{height:6px;width:2px;background:#b9c8a1}.mini-wave i:nth-child(3n){height:17px}.mini-wave i:nth-child(4n){height:11px}.mini-wave i:nth-child(5n){height:23px}.is-playing .mini-wave i{animation:equalize .9s ease-in-out infinite alternate}.is-playing .mini-wave i:nth-child(2n){animation-delay:-.5s}.is-playing .mini-wave i:nth-child(3n){animation-delay:-.2s}.music-hint{font-size:9px;color:#a3ae97;margin-left:12px}.player-open svg{width:15px;height:15px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:80px;color:#929e86;font-size:9px}.site-footer>span:nth-child(2){font-size:7px;letter-spacing:1.5px}.footer-signoff{color:#b8c2ac}.footer-signoff>span{margin-left:8px}
dialog{position:fixed;max-width:790px;width:calc(100% - 64px);max-height:calc(100svh - 80px);margin:auto;padding:0;border:1px solid rgba(218,228,204,.19);border-radius:18px;background:rgba(24,29,22,.97);color:var(--text);box-shadow:0 30px 100px rgba(0,0,0,.25);scrollbar-width:thin;overscroll-behavior:contain}dialog[open]{animation:enter .22s ease-out}dialog::backdrop{background:rgba(6,10,5,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 26px 0}.dialog-header .eyebrow{font-size:8px;letter-spacing:2px;color:#a1ae94}.dialog-body{padding:12px 52px 42px}.dialog-body h2{font-size:50px;letter-spacing:-2.5px;font-weight:400;line-height:1.2;margin-bottom:17px}.section-intro{font-size:13px;line-height:1.9;color:var(--muted);max-width:480px;margin-bottom:28px}.dialog-footer{display:flex;justify-content:space-between;padding:20px 30px;border-top:1px solid var(--line);font-size:7px;letter-spacing:1.5px;color:#88947c}.demo-note{font-size:10px;color:#bcc8aa;background:rgba(179,195,154,.07);padding:12px 15px;border-left:2px solid #788969;margin-bottom:25px;line-height:1.7}.list-heading{font-size:9px;letter-spacing:1.5px;display:flex;justify-content:space-between;color:#a6b298;padding:22px 0 13px;border-bottom:1px solid var(--line)}
.record-scene{height:237px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,rgba(104,117,86,.18),transparent 70%);margin:-10px 0 22px}.vinyl{width:212px;height:212px;border-radius:50%;background:repeating-radial-gradient(circle,#171a15 0px,#171a15 2px,#242920 3px,#181c16 4px);box-shadow:0 12px 30px #0b0e0970;display:grid;place-items:center;border:1px solid #343b2c;position:relative;animation:spin 24s linear infinite;animation-play-state:paused}.is-playing .vinyl{animation-play-state:running}.vinyl:after{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 10%,#b9c3a00d 18%,transparent 28%,transparent 65%,#b9c3a00d 72%,transparent 80%);pointer-events:none}.record-label{width:87px;height:87px;border-radius:50%;background:#bcc6a4;color:#2e3725;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-size:8px;font-weight:700;letter-spacing:1px;text-align:center}.record-label i{height:9px;width:9px;border-radius:50%;background:#191e15;border:2px solid #869074}.record-label>span:last-child{font-size:4px}.record-caption{position:absolute;bottom:6px;right:0;font-size:6px;writing-mode:vertical-rl;letter-spacing:1.8px;color:#8e9b7f}.track-heading{display:flex;justify-content:space-between;align-items:center}.track-heading h3{font-size:22px;font-weight:500;letter-spacing:-.7px}.track-heading p{margin-top:6px;font-size:12px;color:var(--muted)}[aria-pressed="true"]{color:var(--accent)!important;background:rgba(185,204,157,.12)!important}.range{appearance:none;-webkit-appearance:none;background:transparent;width:100%;height:24px;cursor:pointer;margin:0;--fill:0%}.range::-webkit-slider-runnable-track{height:3px;background:linear-gradient(to right,#bbc9a4 var(--fill),#3d4636 var(--fill));border-radius:5px}.range::-moz-range-track{height:3px;background:#3d4636;border-radius:5px}.range::-moz-range-progress{background:#bbc9a4;height:3px}.range::-webkit-slider-thumb{appearance:none;width:10px;height:10px;background:#d1dabf;border-radius:50%;margin-top:-3.5px}.range::-moz-range-thumb{width:10px;height:10px;background:#d1dabf;border:0;border-radius:50%}.progress{margin-top:17px}.track-times{display:flex;justify-content:space-between;font-size:9px;color:#9fae90;font-variant-numeric:tabular-nums}.transport{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.transport-spacer,.volume-control{width:110px}.transport-main{display:flex;align-items:center;gap:16px}.main-play{height:54px;width:54px;background:#c5d0b0;color:#1c2516;display:grid;place-items:center;border-radius:50%;transition:background .2s,transform .2s}.main-play:hover{background:#dde5ce;transform:scale(1.03)}.volume-control{display:flex;align-items:center;gap:10px}.volume-control svg{width:17px;flex-shrink:0;color:#aebc9e}.volume-control .range{width:78px}.player-message{color:#becaaa;font-size:10px;line-height:1.7;min-height:17px;text-align:center;margin-top:12px}.playlist-track{display:flex;align-items:center;gap:16px;width:100%;padding:16px 8px;border-bottom:1px solid var(--line);text-align:left;border-radius:3px;transition:background .2s}.playlist-track:hover{background:#c5d1ab08}.track-number{font-size:10px;color:#8e9e7f;font-variant-numeric:tabular-nums}.playlist-text{display:flex;flex:1;flex-direction:column;gap:5px}.playlist-text strong{font-weight:500;font-size:12px}.playlist-text small{font-size:9px;color:#a0ad94}.playlist-track svg{width:14px}.playlist-track[aria-current="true"] .playlist-text strong{color:var(--accent)}
.project{padding-bottom:32px;margin-bottom:30px;border-bottom:1px solid var(--line)}.project:last-child{margin-bottom:0}.project-image{aspect-ratio:16/9;width:100%;object-fit:cover;border-radius:7px;background:#252d20;display:block;transition:filter .2s}.project:hover .project-image{filter:brightness(1.08)}.project-meta{display:flex;justify-content:space-between;margin-top:20px;font-size:9px;color:#9fae90}.project-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.project h3{font-size:28px;font-weight:500;letter-spacing:-1px}.project-links{display:flex;gap:16px;font-size:10px;color:#c5d1b4}.project-links a{padding:10px 0}.project-category{font-size:12px;margin-top:5px;color:#c4cdba}.project-description{font-size:12px;color:#9eab93;line-height:1.9;margin-top:13px}.tech-tags{display:flex;flex-wrap:wrap;gap:7px 17px;margin-top:17px;font-size:9px;color:#bac7ab}.tech-tags span:before{content:'·';margin-right:7px;color:#718462}
.profile-row{display:flex;gap:17px;align-items:center;margin:22px 0}.service-avatar{width:58px;height:58px;border-radius:50%;object-fit:cover;background:#2e3927}.profile-row h3{font-size:19px;font-weight:500;letter-spacing:-.5px}.profile-row p{font-size:11px;color:#aab89d;margin-top:5px}.profile-row>.text-link{margin-left:auto}.text-link{font-size:11px;text-decoration:underline;text-underline-offset:5px}.stat-row{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:26px 0;gap:50px;padding:22px 0}.stat{display:flex;flex-direction:column;gap:6px}.stat strong{font-size:28px;font-weight:400;letter-spacing:-1px}.stat span{font-size:10px;color:#a4b096}.repo{display:block;padding:20px 0;border-bottom:1px solid var(--line)}a.repo:hover h3{color:var(--accent)}.repo h3{font-size:16px;font-weight:500}.repo p{font-size:11px;line-height:1.8;color:#a4b197;margin-top:8px}.repo-meta{display:flex;gap:20px;font-size:9px;color:#b3c0a5;margin-top:14px}.recent-activity{font-size:11px;line-height:1.8;margin-top:20px;color:#a5b397}.loading-state{padding:42px 0;color:#a8b69b;font-size:12px}.presence-state{display:flex;align-items:center;gap:8px;font-size:11px;color:#b6c5a8}.activity{margin-top:28px;padding:26px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.activity-label{font-size:8px;letter-spacing:2px;color:#9eaf8c}.activity h3{font-size:28px;font-weight:400;margin-top:17px;letter-spacing:-1px}.activity p{font-size:12px;color:#acbda0;line-height:1.9;margin-top:8px}.activity-time{display:block;font-size:10px;color:#9dae8c;margin-top:22px}.privacy-note{font-size:9px;line-height:1.8;color:#99a68d;margin-top:27px}.about-headline{font-size:27px;font-weight:400;letter-spacing:-1px;max-width:350px;margin:25px 0}.about-copy{font-size:13px;color:#b3bfa7;line-height:2;margin-bottom:18px}.about-label{font-size:8px;letter-spacing:2px;color:#99ab86;margin:34px 0 14px}.technology-list{display:flex;flex-wrap:wrap;gap:0}.technology-list span{padding:12px 0;margin-right:26px;font-size:13px;color:#d2dbc7;border-bottom:1px solid var(--line)}.interests{display:flex;flex-wrap:wrap;gap:10px 25px;color:#abbc9e;font-size:11px}.contact-intro{font-size:35px;font-weight:400;line-height:1.4;letter-spacing:-1.5px;margin:26px 0 23px}.social-link{display:flex;align-items:center;justify-content:space-between;padding:21px 0;border-bottom:1px solid var(--line);font-size:19px;letter-spacing:-.5px;transition:padding .2s,color .2s}.social-link:hover{padding-left:5px;color:var(--accent)}.social-link span:last-child{font-size:21px;color:#a9bc97}.contact-signoff{font-size:10px;color:#99ac89;margin-top:30px}.noscript{padding:20px;background:#242d1f;color:#d8e4ca;position:fixed;bottom:0;width:100%;text-align:center}
@keyframes equalize{to{height:4px}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.portal:hover .portal-title,.main-play:hover{transform:none}}