:root{--bg:#09090b;--fg:#fafafa;--muted-fg:#a1a1aa;--accent:#dfe104;--accent-fg:#000;--border:#3f3f46;--bw:2px;--radius:0;--pad:clamp(1.25rem, 5vw, 4rem);--wrap:1400px;--t:.1s;--display:"Space Grotesk", system-ui, sans-serif;--mono:"JetBrains Mono", ui-monospace, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font-family:var(--display);-webkit-font-smoothing:antialiased;margin:0;font-size:1.125rem;font-weight:500;line-height:1.5;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--bw) solid var(--accent);outline-offset:3px}.wrap{max-width:var(--wrap);padding-inline:var(--pad);margin-inline:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.label{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted-fg);margin:0;font-size:.75rem;font-weight:400}body{counter-reset:section}.section{counter-increment:section;padding-block:clamp(3rem,9vw,6rem) clamp(4rem,12vw,9rem)}.section-head{align-items:center;gap:.875rem;margin-bottom:clamp(2rem,6vw,3.5rem);display:flex}.section-index:before{content:counter(section, decimal-leading-zero)}.section-index{font-family:var(--mono);letter-spacing:.15em;color:var(--accent);font-size:.75rem;font-weight:700}.section-title{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--fg);white-space:nowrap;margin:0;font-size:.75rem;font-weight:700}.section-rule{height:var(--bw);background:var(--border);flex:1}.reveal{opacity:0;transition:opacity .35s ease-out,transform .35s ease-out;transform:translateY(24px)}.reveal.in{opacity:1;transform:none}.btn{border:var(--bw) solid var(--fg);border-radius:var(--radius);min-height:56px;color:var(--fg);font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;cursor:pointer;transition:background var(--t) linear, color var(--t) linear, border-color var(--t) linear;background:0 0;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.5rem;font-size:1.125rem;font-weight:700;display:inline-flex}.btn:hover,.btn:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.btn--sm{min-height:44px;font-size:.8125rem;font-family:var(--mono);border-color:var(--border);gap:.75rem;padding:.5rem 1rem;font-weight:700}.hero{padding-block:clamp(3rem,10vw,6rem) clamp(4rem,10vw,7rem)}.hero-grid{align-items:end;gap:clamp(2rem,5vw,3rem);display:grid}.hero-headline{letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(1.75rem,9vw,7rem);font-weight:700;line-height:1}@media (width>=900px){.hero-grid{grid-template-columns:minmax(0,1fr) 320px}.hero-headline{font-size:clamp(2.5rem,6.4vw,7rem)}}.hero-status{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);text-wrap:balance;margin:0 0 clamp(.75rem,2vw,1rem);font-size:.6875rem;font-weight:700;line-height:1.6}.hero-subline{letter-spacing:-.01em;opacity:.65;margin:clamp(.75rem,2vw,1.25rem) 0 0;font-size:clamp(1.125rem,3.2vw,2.25rem);font-weight:500;line-height:1.2}.hero-photo-frame{aspect-ratio:1;border:var(--bw) solid var(--fg);background:var(--accent);width:100%;max-width:320px;transition:border-color var(--t) linear;overflow:hidden}.hero-photo{object-fit:cover;object-position:center 35%;width:100%;height:100%;transition:transform .2s ease-out}.hero-photo-frame:hover{border-color:var(--accent)}.hero-photo-frame:hover .hero-photo{transform:scale(1.05)}.hero-stats{border-top:1px solid var(--border);flex-wrap:wrap;gap:clamp(1.5rem,6vw,4rem);margin:clamp(2rem,6vw,3rem) 0 0;padding-top:1.5rem;display:flex}.stat{flex-direction:column-reverse;gap:.25rem;display:flex}.stat-value{font-family:var(--mono);color:var(--accent);margin:0;font-size:clamp(2.5rem,8vw,3.5rem);font-weight:700;line-height:1}.tech-grid{gap:var(--bw);background:var(--border);border:var(--bw) solid var(--border);grid-template-columns:repeat(2,1fr);display:grid}@media (width>=700px){.tech-grid{grid-template-columns:repeat(3,1fr)}}.tech-tile{background:var(--bg);min-width:0;min-height:132px;transition:background var(--t) linear, color var(--t) linear;flex-direction:column;gap:.5rem;padding:clamp(1rem,4vw,2.25rem);display:flex}.tech-tile:hover,.tech-tile:active{background:var(--accent);color:var(--accent-fg)}.tech-category{font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted-fg);transition:color var(--t) linear;font-size:.6875rem}.tech-tile:hover .tech-category,.tech-tile:active .tech-category{color:var(--accent-fg)}.tech-bottom{flex-direction:column;align-items:flex-start;gap:.75rem;min-width:0;margin-top:auto;display:flex}.tech-logo{width:clamp(28px,7vw,36px);height:clamp(28px,7vw,36px);color:var(--fg);transition:color var(--t) linear}.tech-tile:hover .tech-logo,.tech-tile:active .tech-logo{color:var(--accent-fg)}.tech-name{letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:break-word;font-size:clamp(1.125rem,3.5vw,1.75rem);font-weight:700;line-height:1.1}.project{gap:clamp(1.5rem,5vw,3rem);padding-bottom:clamp(2.5rem,8vw,5rem);display:grid}.project+.project{border-top:var(--bw) solid var(--border);padding-top:clamp(2.5rem,8vw,5rem)}@media (width>=900px){.project{grid-template-columns:1fr minmax(260px,300px);align-items:center}}.project-index{font-family:var(--mono);color:var(--accent);font-size:.875rem}.project-name{letter-spacing:-.03em;text-transform:uppercase;margin:.5rem 0;font-size:clamp(2.5rem,10vw,6rem);font-weight:700;line-height:.95}.project-tagline{color:var(--fg);max-width:32ch;margin:0 0 1.5rem}.pill{border:var(--bw) solid var(--border);font-family:var(--mono);letter-spacing:.15em;text-transform:uppercase;color:var(--muted-fg);padding:.3rem .75rem;font-size:.6875rem;display:inline-block}.pill--live{border-color:var(--accent);color:var(--accent)}.tags{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0 0;padding:0;list-style:none;display:flex}.tag{border:1px solid var(--border);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted-fg);padding:.3rem .625rem;font-size:.6875rem}.project-links{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.project-media{aspect-ratio:9/16;border:var(--bw) solid var(--border);background:#000;width:100%;max-width:300px;overflow:hidden}.project-media video,.project-media img{object-fit:cover;width:100%;height:100%}.media-placeholder{background:var(--accent);width:100%;height:100%;color:var(--accent-fg);place-items:center;font-size:clamp(4rem,14vw,7rem);font-weight:700;line-height:1;display:grid}.xp{gap:clamp(1.25rem,4vw,3rem);padding-bottom:clamp(2.5rem,8vw,4rem);display:grid}.xp+.xp{border-top:var(--bw) solid var(--border);padding-top:clamp(2.5rem,8vw,4rem)}.xp:last-child{padding-bottom:0}@media (width>=900px){.xp{grid-template-columns:minmax(0,300px) minmax(0,1fr);align-items:start}}.xp>*{min-width:0}.xp-period{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:.5rem 0 0;font-size:.8125rem}.xp-company{letter-spacing:-.02em;text-transform:uppercase;overflow-wrap:break-word;margin:.25rem 0 .375rem;font-size:clamp(1.75rem,6vw,3rem);font-weight:700;line-height:1}.xp-title{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted-fg);margin:0;font-size:.75rem}.xp-points{gap:.75rem;max-width:62ch;margin:0;padding:0;font-size:1rem;line-height:1.45;list-style:none;display:grid}.xp-points li{background-image:linear-gradient(var(--accent), var(--accent));background-size:.75rem var(--bw);background-position:0 .65em;background-repeat:no-repeat;padding-left:1.75rem}.contact-list{gap:1rem;display:grid}.contact-row{gap:var(--bw);display:flex}.contact-btn{flex:1;min-width:0;min-height:76px;padding:1rem clamp(1.25rem,4vw,2rem)}.contact-text{flex-direction:column;align-items:flex-start;gap:.3rem;min-width:0;display:flex}.contact-label{font-size:clamp(1.25rem,5vw,2rem);line-height:1}.contact-value{font-family:var(--mono);letter-spacing:.04em;text-transform:none;color:var(--muted-fg);transition:color var(--t) linear;font-size:.8125rem;font-weight:400}.contact-btn:hover .contact-value,.contact-btn:focus-visible .contact-value{color:var(--accent-fg)}.contact-btn .arrow{font-family:var(--mono);font-weight:400}.copy-btn{border:var(--bw) solid var(--border);border-radius:var(--radius);width:clamp(64px,18vw,104px);color:var(--muted-fg);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background var(--t) linear, color var(--t) linear, border-color var(--t) linear;background:0 0;flex-shrink:0;font-size:.6875rem;font-weight:700}.copy-btn:hover,.copy-btn:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.socials{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.footer{border-top:var(--bw) solid var(--border);text-align:center;padding-block:3rem}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transition:none;transform:none}.hero-photo-frame:hover .hero-photo{transform:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}