:root{--font-display:"IBM Plex Mono",ui-monospace,"SFMono-Regular",monospace;--font-body:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--bg:#0e0d09;--bg-2:#0a0906;--surface:#15140e;--surface-2:#1b1912;--line:#26241b;--line-2:#33301f;--text:#ece6d6;--text-dim:#9c9684;--text-mut:#6a6452;--romb-empty:#3a3527;--sigil:#403b2c;--orbit:#6a6452;--amber:#f4b53f;--amber-soft:color-mix(in srgb,var(--amber) 13%,transparent);--amber-glow:color-mix(in srgb,var(--amber) 42%,transparent);--rail:clamp(20px,4.5vw,40px);--gutter:clamp(50px,9vw,88px);--pt:clamp(60px,10vh,112px)}[data-theme=light]{--bg:#efece2;--bg-2:#e6e2d6;--surface:#f7f4ea;--surface-2:#efeade;--line:#dad3c2;--line-2:#cac2ad;--text:#1d1b13;--text-dim:#5a5547;--text-mut:#8b8573;--romb-empty:#cbc3b0;--sigil:#cdc5b1;--orbit:#a39c89;--amber:#bd7910;--amber-soft:color-mix(in srgb,var(--amber) 12%,transparent);--amber-glow:color-mix(in srgb,var(--amber) 36%,transparent)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinrev{to{transform:rotate(-360deg)}}@keyframes pulse{0%,to{transform:translate(-50%) translateY(0);opacity:.45}50%{transform:translate(-50%) translateY(7px);opacity:1}}@keyframes breathe{0%,to{opacity:.35}50%{opacity:.65}}@media(prefers-reduced-motion:reduce){*{animation:none!important}html{scroll-behavior:auto}}::selection{background:var(--amber);color:#0e0d09}#root{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;transition:background .4s,color .4s}#navbar{position:fixed;top:0;left:0;right:0;z-index:55;transform:translateY(-110%);opacity:0;pointer-events:none;transition:transform .4s ease,opacity .4s ease;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}#navbar.show{transform:translateY(0);opacity:1;pointer-events:auto}.nav-inner{max-width:1140px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;gap:20px}.nav-logo{text-decoration:none;display:flex;align-items:center;gap:11px;margin-right:auto}.nav-diamond{width:15px;height:15px;border:1.5px solid var(--amber);transform:rotate(45deg);flex:none}.nav-name{font-family:var(--font-display);font-size:14px;color:var(--text);letter-spacing:.03em}.nav-link{color:var(--text-dim);text-decoration:none;font-family:var(--font-display);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;transition:color .2s,text-shadow .2s}.nav-link:hover{color:var(--amber);text-shadow:0 0 10px var(--amber-glow),0 0 22px var(--amber-soft)}#theme-btn{position:fixed;top:50%;right:clamp(10px,1.8vw,18px);transform:translateY(-50%);z-index:60;width:42px;height:42px;border-radius:50%;border:1px solid var(--line-2);background:color-mix(in srgb,var(--surface) 78%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:var(--text-dim);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .25s}#theme-btn:hover{border-color:var(--amber);color:var(--amber);box-shadow:0 0 0 1px var(--amber),0 0 14px var(--amber-glow)}#contact{scroll-margin-top:88px;max-width:1120px;margin:0 auto;padding:clamp(50px,8vh,90px) 24px clamp(50px,8vh,90px) var(--gutter)}.contact-grid{display:flex;flex-wrap:wrap;gap:40px;align-items:flex-start}.contact-col{flex:1 1 280px;min-width:0}.col-lbl{font-family:var(--font-display);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-mut);margin-bottom:18px}.contact-h{margin:0 0 22px;font-family:var(--font-display);font-weight:500;font-size:clamp(1.3rem,3.2vmin,1.8rem);color:var(--text)}.contact-links{display:flex;flex-direction:column;gap:12px}.c-link{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--text-dim);font-family:var(--font-display);font-size:13.5px;transition:color .2s}.c-link:hover{color:var(--amber)}.c-diamond{flex:none;width:9px;height:9px;border:1px solid var(--amber);transform:rotate(45deg)}.other-proj-list{display:flex;flex-direction:column;gap:12px}.o-card{display:flex;align-items:center;gap:13px;border:1px solid var(--line);border-radius:11px;background:var(--surface);padding:13px 14px}.o-logo{flex:none;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px dashed var(--line-2);transform:rotate(45deg)}.o-logo-t{transform:rotate(-45deg);font-family:var(--font-display);font-size:9px;color:var(--text-mut)}.o-name{font-family:var(--font-display);font-size:13px;color:var(--text)}.o-stack{font-family:var(--font-display);font-size:10px;color:var(--text-mut);margin-top:3px;letter-spacing:.04em}footer{background:var(--bg-2);border-top:1px solid var(--line)}.ft-inner{max-width:1120px;margin:0 auto;padding:44px 24px 28px}.ft-grid{display:flex;flex-wrap:wrap;gap:32px;justify-content:space-between}.ft-brand{max-width:340px}.ft-logo{display:flex;align-items:center;gap:11px}.ft-logo-d{width:15px;height:15px;border:1.5px solid var(--amber);transform:rotate(45deg)}.ft-logo-n{font-family:var(--font-display);font-size:15px;color:var(--text)}.ft-bio{margin:12px 0 0;font-size:12.5px;line-height:1.6;color:var(--text-mut)}.ft-cols{display:flex;gap:44px;flex-wrap:wrap}.ft-col{display:flex;flex-direction:column;gap:9px}.ft-col-lbl{font-family:var(--font-display);font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-mut);margin-bottom:3px}.ft-link{text-decoration:none;color:var(--text-dim);font-size:12.5px;transition:color .2s}.ft-link:hover{color:var(--amber)}.ft-bottom{border-top:1px solid var(--line);margin-top:30px;padding-top:18px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center}.ft-copy{font-family:var(--font-display);font-size:11px;color:var(--text-mut)}.ft-acts{display:flex;gap:18px;align-items:center}.ft-theme-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;cursor:pointer;font-family:var(--font-display);font-size:11px;color:var(--text-mut);transition:color .2s;padding:0}.ft-theme-btn:hover{color:var(--amber)}.ft-top{text-decoration:none;font-family:var(--font-display);font-size:11px;color:var(--text-mut);transition:color .2s}.ft-top:hover{color:var(--amber)}#top{position:relative;height:100svh;min-height:540px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 46%,color-mix(in srgb,var(--amber) 6%,transparent),transparent 56%),var(--bg)}.h-ring-1{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62vmin;height:62vmin;border:1px dashed var(--line-2);border-radius:50%;opacity:.55;pointer-events:none;animation:breathe 7s ease-in-out infinite}.h-ring-2{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90vmin;height:90vmin;border:1px dashed var(--line-2);border-radius:50%;opacity:.3;pointer-events:none}.h-ticks{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:76vmin;height:76vmin;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--sigil) 0deg .35deg,transparent .35deg 6deg);-webkit-mask:radial-gradient(closest-side,transparent 48%,#000 48.5%,#000 50%,transparent 50.6%);mask:radial-gradient(closest-side,transparent 48%,#000 48.5%,#000 50%,transparent 50.6%);opacity:.5;pointer-events:none;animation:spin 200s linear infinite}.orbit-wrap{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%;pointer-events:none;z-index:2}.o1{animation:spin 58s linear infinite}.o2{animation:spinrev 78s linear infinite}.o3{animation:spin 98s linear infinite}.orbit-item{position:absolute;left:50%;top:50%;white-space:nowrap;pointer-events:none}.ol1{display:inline-block;font-family:var(--font-display);font-size:clamp(9px,1.3vmin,12px);letter-spacing:.16em;text-transform:uppercase;color:var(--orbit);opacity:.95;animation:spinrev 58s linear infinite}.ol2{display:inline-block;font-family:var(--font-display);font-size:clamp(9px,1.25vmin,11px);letter-spacing:.16em;text-transform:uppercase;color:var(--orbit);opacity:.72;animation:spin 78s linear infinite}.ol3{display:inline-block;font-family:var(--font-display);font-size:clamp(8px,1.15vmin,11px);letter-spacing:.16em;text-transform:uppercase;color:var(--orbit);opacity:.55;animation:spinrev 98s linear infinite}.corner{position:absolute;z-index:6;color:var(--text-mut);display:inline-flex;transition:color .2s,transform .2s,filter .2s}.corner:hover{color:var(--amber);filter:drop-shadow(0 0 8px var(--amber))}.c-tl{top:clamp(20px,3vw,32px);left:clamp(20px,3vw,32px)}.c-tr{top:clamp(20px,3vw,32px);right:clamp(20px,3vw,32px)}.c-bl{bottom:clamp(20px,3vw,32px);left:clamp(20px,3vw,32px)}.c-br{bottom:clamp(20px,3vw,32px);right:clamp(20px,3vw,32px)}.c-tl:hover,.c-tr:hover,.c-bl:hover{transform:translateY(-2px)}.c-br:hover{transform:translateY(2px)}.hero-center{position:relative;z-index:5;text-align:center;padding:0 20px}h1.hero-name{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(2.4rem,8.4vmin,5.4rem);letter-spacing:-.02em;line-height:1;color:var(--text)}p.hero-tag{margin:14px 0 0;font-family:var(--font-display);font-size:clamp(.78rem,1.7vmin,1.05rem);letter-spacing:.2em;color:var(--text-dim)}nav.hero-nav{display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,30px);justify-content:center;margin-top:clamp(22px,4vh,38px)}.hero-nav a{color:var(--text-dim);text-decoration:none;font-family:var(--font-display);font-size:.74rem;letter-spacing:.18em;text-transform:uppercase;border-bottom:1px solid transparent;padding-bottom:3px;transition:all .2s}.hero-nav a:hover{color:var(--amber);border-color:var(--amber);text-shadow:0 0 10px var(--amber-glow),0 0 22px var(--amber-soft)}.scroll-arrow{position:absolute;bottom:clamp(20px,4vh,40px);left:50%;z-index:6;color:var(--text-dim);display:inline-flex;animation:pulse 1.9s ease-in-out infinite;transition:color .2s}.scroll-arrow:hover{color:var(--amber)}#tl{position:relative;max-width:1120px;margin:0 auto;padding-left:var(--gutter);padding-right:24px}.tl-rail{position:absolute;top:0;bottom:0;left:calc(var(--rail) - 1px);width:2px;background:var(--line-2)}#tl-fill{position:absolute;top:0;left:calc(var(--rail) - 1px);width:2px;height:0;background:var(--amber);box-shadow:0 0 14px var(--amber-glow);transition:height .12s linear}.tl-dot{position:absolute;left:50%;bottom:-4px;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:var(--amber);box-shadow:0 0 12px var(--amber-glow)}.tl-section{scroll-margin-top:88px;padding-top:var(--pt);padding-bottom:var(--pt);position:relative}.sec-romb{position:absolute;left:calc(var(--rail) - var(--gutter));top:calc(var(--pt) + 17px);width:16px;height:16px;border:1.5px solid var(--romb-empty);background:transparent;transform:translate(-50%,-50%) rotate(45deg);transition:all .4s}.tl-node{position:absolute;left:calc(var(--rail) - var(--gutter));top:9px;width:13px;height:13px;border:1.5px solid var(--romb-empty);background:transparent;transform:translate(-50%,-50%) rotate(45deg);transition:all .4s}.romb-active{background:var(--amber)!important;border-color:var(--amber)!important;box-shadow:0 0 16px var(--amber-glow)!important}.sec-num{font-family:var(--font-display);font-size:clamp(1rem,2.4vmin,1.3rem);color:var(--amber);letter-spacing:.04em}.sec-h{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(1.7rem,4.6vmin,2.7rem);letter-spacing:-.01em;color:var(--text)}.sec-sub{font-family:var(--font-display);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mut);margin:12px 0 30px}.sec-heading{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.sep{position:relative;height:54px;margin-left:calc(-1 * var(--gutter))}.sep-line{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-2)}.sep-romb{position:absolute;left:var(--rail);top:50%;width:16px;height:16px;border:1.5px solid var(--romb-empty);background:var(--bg);transform:translate(-50%,-50%) rotate(45deg);transition:all .4s}.split{display:flex;flex-wrap:wrap;gap:28px;align-items:flex-start}.split-main{flex:1.55 1 360px;min-width:0}.split-sticky{flex:1 1 290px;min-width:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(218px,1fr));gap:14px}.sk-cat-group{display:contents}.detail-desktop{display:block}.detail-mobile-inline{display:none}.sk-cat{border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:15px}.sk-cat-head{display:flex;align-items:center;gap:8px;margin-bottom:13px}.sk-cat-diamond{width:7px;height:7px;border:1px solid var(--amber);transform:rotate(45deg);flex:none}.sk-cat-name{font-family:var(--font-display);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-mut)}.sk-rows{display:flex;flex-direction:column;gap:8px}.sk-row{display:flex;align-items:center;gap:11px;padding:9px 11px;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--text-dim);font-family:var(--font-display);font-size:12px;cursor:pointer;transition:all .18s;-webkit-user-select:none;user-select:none}.sk-row:hover{border-color:var(--amber);color:var(--text)}.sk-row.sk-active{border-color:var(--amber);background:var(--amber-soft);color:var(--text)}.sk-sig{flex:none;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line-2);color:var(--text-mut);transform:rotate(45deg);transition:all .18s}.sk-sig-i{transform:rotate(-45deg);display:block;font-size:8.5px;letter-spacing:.02em;text-transform:uppercase;width:65%;height:65%;object-fit:contain}.sk-row.sk-active .sk-sig,.sk-row:hover .sk-sig{border-color:var(--amber);color:var(--amber);background:var(--amber-soft)}.detail-panel{position:sticky;top:96px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:24px;box-shadow:inset 0 0 0 1px var(--amber-soft)}.detail-lbl{font-family:var(--font-display);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-mut);margin-bottom:20px}.detail-head{display:flex;align-items:center;gap:16px}.detail-sig{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px solid var(--amber);background:var(--amber-soft);transform:rotate(45deg)}.detail-sig-i{transform:rotate(-45deg);font-family:var(--font-display);font-size:11px;color:var(--amber);text-transform:uppercase}.detail-name{font-family:var(--font-display);font-size:1.3rem;color:var(--text);line-height:1.1}.detail-cat{font-family:var(--font-display);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-mut);margin-top:5px}.detail-ver{margin-top:22px;font-family:var(--font-display);font-size:13px;color:var(--amber);letter-spacing:.04em}.detail-note-list{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.detail-note{margin:0;font-size:14px;line-height:1.65;color:var(--text-dim);padding-left:14px;position:relative}.detail-note:before{content:"–";position:absolute;left:0;color:var(--amber)}.detail-projects{margin-top:16px;font-family:var(--font-display);font-size:12px;color:var(--text-dim)}.detail-projects-lbl{color:var(--text-mut);letter-spacing:.1em;margin-right:8px}.detail-proj-link{color:var(--amber);text-decoration:none}.detail-proj-link:hover{text-decoration:underline}@media(max-width:768px){.skills-grid{display:flex;flex-direction:column;gap:14px}.sk-cat-group{display:block}.detail-desktop{display:none!important}.detail-mobile-inline{display:block;margin-top:14px}}.about-entries{display:flex;flex-direction:column;gap:34px;position:relative}.about-entry{position:relative;display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start}.about-logo{flex:none;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border:1px dashed var(--line-2);transform:rotate(45deg)}.about-logo-t{transform:rotate(-45deg);font-family:var(--font-display);font-size:11px;color:var(--text-mut)}.about-logo-img{transform:rotate(-45deg);width:65%;height:65%;object-fit:contain}.about-period{font-family:var(--font-display);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.amber-text{color:var(--amber)}.about-role{font-family:var(--font-display);font-size:1.02rem;color:var(--text);margin-top:6px}.about-desc{margin:8px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-dim);max-width:560px}.about-filler{position:absolute;right:-4vmin;top:30%;width:34vmin;height:34vmin;border-radius:50%;background:repeating-conic-gradient(from 0deg,var(--sigil) 0deg .4deg,transparent .4deg 7deg);-webkit-mask:radial-gradient(closest-side,transparent 47%,#000 47.5%,#000 50%,transparent 50.6%);mask:radial-gradient(closest-side,transparent 47%,#000 47.5%,#000 50%,transparent 50.6%);opacity:.35;pointer-events:none;animation:spin 240s linear infinite}.split-proj-main{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:16px}.split-proj-sticky{flex:1 1 320px;min-width:0}.proj-card{display:flex;flex-direction:column;gap:11px;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer;transition:all .2s}.proj-card:hover{border-color:var(--amber)}.proj-card.p-active{border-color:var(--amber);background:var(--surface-2);box-shadow:0 0 0 1px var(--amber-soft),0 0 26px var(--amber-glow)}.proj-head{display:flex;align-items:center;gap:14px}.proj-sig{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line-2);color:var(--text-mut);transform:rotate(45deg);transition:all .2s}.proj-sig-i{transform:rotate(-45deg);display:block;font-family:var(--font-display);font-size:10px;color:inherit;width:60%;height:60%;object-fit:contain}.proj-card.p-active .proj-sig{border-color:var(--amber);color:var(--amber);background:var(--amber-soft)}.proj-name{font-family:var(--font-display);font-size:1.08rem;color:var(--text)}.proj-desc{font-size:13.5px;color:var(--text-dim);line-height:1.5}.proj-stage{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:11px;color:var(--text-mut)}.stage-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--amber);box-shadow:0 0 8px var(--amber-glow)}.proj-role{font-size:12.5px;color:var(--text-mut);line-height:1.5}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-family:var(--font-display);font-size:9.5px;letter-spacing:.03em;color:var(--text-mut);border:1px solid var(--line);border-radius:20px;padding:3px 9px}.proj-detail{position:sticky;top:96px;border:1px solid var(--line);border-radius:16px;background:var(--surface);padding:22px;box-shadow:inset 0 0 0 1px var(--amber-soft)}.pd-lbl{font-family:var(--font-display);font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--text-mut);margin-bottom:16px}.pd-shot{height:190px;border:1px dashed var(--line-2);border-radius:11px;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--text-mut);font-family:var(--font-display);font-size:11px;letter-spacing:.08em;text-align:center}.pd-shot-img{width:100%;height:100%;object-fit:cover}.pd-ldesc{margin:16px 0 0;font-size:13.5px;line-height:1.6;color:var(--text-dim)}.pd-flbl{font-family:var(--font-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mut);margin:20px 0 12px}.pd-flist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px}.pd-fitem{display:flex;gap:11px;align-items:flex-start;font-size:13px;color:var(--text-dim);line-height:1.5}.f-diamond{flex:none;width:7px;height:7px;margin-top:5px;border:1px solid var(--amber);transform:rotate(45deg)}.pd-clbl{font-family:var(--font-display);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--text-mut);margin:20px 0 10px}.pd-code{margin:0;padding:15px;border:1px solid var(--line);border-radius:11px;background:var(--bg-2);overflow:auto;font-family:var(--font-display);font-size:11.5px;line-height:1.65;color:var(--text-dim);white-space:pre}.proj-card-group{display:contents}.proj-detail-desktop{display:block}.proj-detail-mobile-inline{display:none}@media(max-width:768px){.proj-card-group{display:block}.split-proj-main{display:flex;flex-direction:column;gap:16px}.proj-detail-desktop{display:none!important}.proj-detail-mobile-inline{display:block;margin-top:16px}}