:root{--black:#000;--surface:#ffffff07;--surface-2:#ffffff0d;--hairline:#ffffff17;--hairline-2:#ffffff29;--text:#f5f5f7;--muted:#86868b;--dim:#5b5b60;--live:#30d158;--pre:#ffd426;--oss:#64d2ff;--fs-micro:11px;--fs-label:12px;--fs-meta:13px;--fs-body:15px;--fs-lead:17px;--gutter:24px;--measure:1120px;--radius:20px;--radius-lg:28px;--ease:cubic-bezier(.16, 1, .3, 1);--dur:.7s}[data-sys=skillknex]{--g1:#6366f1;--g2:#a855f7}[data-sys=radfrica]{--g1:#ff9f45;--g2:#ff4d6d}[data-sys=shop]{--g1:#10b981;--g2:#06b6d4}[data-sys=ohemaa]{--g1:#f0489e;--g2:#ff7a59}[data-sys=overlay]{--g1:#38bdf8;--g2:#5b8def}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--black);color:var(--text);font-family:Geist,-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,sans-serif;font-size:var(--fs-body);letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;overflow-x:hidden}.mono{letter-spacing:0;font-family:Geist Mono,ui-monospace,SFMono-Regular,Menlo,monospace}a{color:inherit;text-decoration:none}.aurora{z-index:0;pointer-events:none;background:radial-gradient(760px 460px at 14% -6%,#6366f142,#0000 68%),radial-gradient(680px 420px at 86% 2%,#f0489e2b,#0000 68%),radial-gradient(900px 520px at 52% 26%,#38bdf81a,#0000 72%),radial-gradient(600px 380px at 50% 62%,#a855f70d,#0000 72%);position:fixed;inset:0}.wrap{width:100%;max-width:var(--measure);padding:0 var(--gutter);z-index:1;margin:0 auto;position:relative}nav{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--hairline);background:#0000009e;position:sticky;top:0}.nav-inner{max-width:var(--measure);padding:0 var(--gutter);justify-content:space-between;align-items:center;height:52px;margin:0 auto;display:flex}.nav-mark{font-size:var(--fs-meta);letter-spacing:.01em;font-weight:600}.nav-mark span{background:linear-gradient(100deg,#6366f1,#f0489e);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-links{font-size:var(--fs-meta);color:var(--muted);gap:30px;display:flex}.nav-links a{transition:color .3s var(--ease)}.nav-links a:hover{color:var(--text)}.hero{text-align:center;padding-top:clamp(80px,13vh,132px);padding-bottom:clamp(40px,5vh,62px)}.eyebrow{font-size:var(--fs-label);color:var(--muted);border:1px solid var(--hairline);background:var(--surface);border-radius:100px;align-items:center;gap:9px;margin-bottom:clamp(26px,4vh,40px);padding:6px 14px 6px 11px;display:inline-flex}.eyebrow .dot{background:var(--live);width:6px;height:6px;box-shadow:0 0 10px var(--live);border-radius:50%;flex-shrink:0}.eyebrow .cursor{vertical-align:-2px;background:var(--text);width:2px;height:14px;margin-left:3px;animation:1.15s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}h1{letter-spacing:-.035em;text-wrap:balance;max-width:15ch;margin:0 auto;font-size:clamp(32px,7.6vw,82px);font-weight:600;line-height:1.04}h1 .accent{background:linear-gradient(100deg,#6366f1 0%,#a855f7 42%,#f0489e 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.roles{font-size:var(--fs-lead);color:var(--muted);letter-spacing:-.014em;max-width:44ch;margin:clamp(22px,3.4vh,34px) auto 0}.roles b{color:var(--text);font-weight:500}.hero-sub{font-size:var(--fs-body);color:var(--dim);max-width:52ch;margin:14px auto 0;line-height:1.6}.spectrum{text-align:left;margin-top:clamp(52px,8vh,82px)}.spectrum-head{font-size:var(--fs-micro);color:var(--dim);letter-spacing:.07em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:14px;display:flex}.spectrum-head .up{color:var(--muted)}.spectrum-rail{border-radius:100px;gap:4px;height:4px;display:flex;overflow:hidden}.rail-seg{background:linear-gradient(90deg, var(--g1), var(--g2));transform-origin:0;animation:rail-in 1.1s var(--ease) forwards;animation-delay:calc(.35s + var(--i) * 90ms);border-radius:100px;flex:1;transform:scaleX(0)}@keyframes rail-in{to{transform:scaleX(1)}}.spectrum-legend{grid-template-columns:repeat(5,1fr);gap:4px;margin-top:16px;display:grid}.legend-item{transition:background .4s var(--ease), border-color .4s var(--ease);border:1px solid #0000;border-radius:14px;padding:14px 14px 16px}.legend-item:hover{background:var(--surface);border-color:var(--hairline)}.legend-name{font-size:var(--fs-meta);color:var(--text);align-items:center;gap:8px;font-weight:500;display:flex}.legend-name:before{content:"";background:linear-gradient(90deg, var(--g1), var(--g2));border-radius:50%;flex-shrink:0;width:5px;height:5px}.legend-state{font-size:var(--fs-micro);color:var(--dim);margin-top:5px;padding-left:13px;display:block}.section{padding-top:clamp(90px,14vh,150px);padding-bottom:clamp(90px,14vh,150px)}.section-head{margin-bottom:clamp(38px,6vh,62px)}.section-label{font-size:var(--fs-micro);color:var(--muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:14px}.section-title{letter-spacing:-.032em;text-wrap:balance;max-width:20ch;font-size:clamp(28px,4.2vw,46px);font-weight:600;line-height:1.08}main>.section:first-child{padding-top:clamp(64px,9vh,104px)}.projects-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.project-card{isolation:isolate;border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);transition:border-color .5s var(--ease), background .5s var(--ease), transform .5s var(--ease);flex-direction:column;padding:30px;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";background:linear-gradient(90deg, transparent, var(--g1), var(--g2), transparent);opacity:.5;height:1px;transition:opacity .5s var(--ease);position:absolute;top:0;left:0;right:0}.project-card:after{content:"";z-index:-1;aspect-ratio:1;background:radial-gradient(circle, var(--g1), transparent 62%);opacity:0;width:120%;transition:opacity .6s var(--ease);position:absolute;top:-40%;left:50%;translate:-50%}.project-card:hover{border-color:var(--hairline-2);background:var(--surface-2);transform:translateY(-3px)}.project-card:hover:before{opacity:1}.project-card:hover:after{opacity:.09}.project-card.featured{border-radius:var(--radius-lg);grid-column:1/-1;padding:clamp(34px,5vw,52px)}.featured .card-body{grid-template-columns:1.3fr 1fr;align-items:stretch;column-gap:clamp(32px,5vw,64px);display:grid}.featured .project-name,.featured .project-desc{grid-column:1}.featured .stack-row{border-left:1px solid var(--hairline);grid-area:1/2/span 2;align-content:flex-start;margin-top:6px;padding-left:clamp(32px,5vw,64px)}.project-card.featured:after{opacity:.1;width:80%;top:-70%;left:78%}.project-card.featured:hover:after{opacity:.17}.card-top{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.badge{font-size:var(--fs-micro);letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border:1px solid var(--hairline);white-space:nowrap;border-radius:100px;align-items:center;gap:7px;padding:5px 11px;display:inline-flex}.badge .led{border-radius:50%;flex-shrink:0;width:5px;height:5px}.led-live{background:var(--live);box-shadow:0 0 8px var(--live)}.led-pre{background:var(--pre);box-shadow:0 0 8px var(--pre)}.led-oss{background:var(--oss);box-shadow:0 0 8px var(--oss)}.featured-tag{font-size:var(--fs-micro);letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(90deg, var(--g1), var(--g2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.project-name{letter-spacing:-.028em;margin-bottom:12px;font-size:clamp(21px,2.4vw,27px);font-weight:600}.featured .project-name{margin-bottom:16px;font-size:clamp(28px,4vw,42px)}.project-desc{font-size:var(--fs-body);color:var(--muted);max-width:60ch;line-height:1.62}.featured .project-desc{font-size:var(--fs-lead);max-width:52ch}.stack-row{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.stack-chip{font-size:var(--fs-micro);color:var(--muted);border:1px solid var(--hairline);border-radius:7px;padding:5px 10px}.card-link{font-size:var(--fs-meta);color:var(--text);width:fit-content;transition:gap .4s var(--ease), color .4s var(--ease);align-items:center;gap:7px;margin-top:26px;display:inline-flex}.card-link .arrow{transition:transform .4s var(--ease)}.card-link:hover{gap:11px}.card-link:hover .arrow{transform:translate(2px)}.card-body{flex:1}.about-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.panel{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);padding:32px}.panel-head{font-size:var(--fs-micro);letter-spacing:.09em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hairline);margin-bottom:6px;padding-bottom:18px;font-weight:500}.readout-row{border-bottom:1px solid var(--hairline);font-size:var(--fs-meta);justify-content:space-between;align-items:baseline;gap:20px;padding:15px 0;display:flex}.readout-row:last-child{border-bottom:none;padding-bottom:0}.readout-label{color:var(--dim)}.readout-value{color:var(--text);text-align:right}footer{border-top:1px solid var(--hairline);z-index:1;padding:36px 0 44px;position:relative}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-log{font-size:var(--fs-label);color:var(--dim)}.footer-links{font-size:var(--fs-meta);color:var(--muted);gap:26px;display:flex}.footer-links a{transition:color .3s var(--ease)}.footer-links a:hover{color:var(--text)}a:focus-visible,.legend-item:focus-visible{outline-offset:3px;border-radius:4px;outline:2px solid #a855f7}.intro{opacity:0;animation:intro-in .9s var(--ease) forwards;animation-delay:calc(var(--i,0) * 90ms)}@keyframes intro-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.rise{opacity:0;transition:opacity var(--dur) var(--ease), transform var(--dur) var(--ease);transition-delay:calc(var(--i,0) * 70ms);transform:translateY(18px)}.rise.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation:none!important}.rise,.intro{opacity:1;transform:none}.rail-seg{transform:scaleX(1)}}@media (width<=900px){.spectrum-legend{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){:root{--gutter:20px}.nav-links{gap:20px}.projects-grid,.about-grid,.featured .card-body{grid-template-columns:1fr}.featured .stack-row{border-left:none;grid-area:auto/1;margin-top:24px;padding-left:0}.spectrum-legend{grid-template-columns:repeat(2,1fr)}.project-card,.panel{padding:26px}.footer-row{flex-direction:column;align-items:flex-start;gap:14px}}@media (width<=460px){.spectrum-legend{grid-template-columns:1fr}.nav-links{font-size:var(--fs-label);gap:16px}}