:root{--bg: #050505;--ink: #f5f2ea;--muted: #a7a297;--line: #222;--accent: #c8f531;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--ink);font-family:Neue Haas,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:1.45;overflow-x:hidden}.hero{min-height:100vh;display:grid;place-items:center;padding:48px 24px;position:relative}.hero-inner{max-width:1000px;width:100%}.eyebrow{font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;opacity:0}.hero h1{font-size:clamp(3rem,9vw,7rem);line-height:.92;letter-spacing:-.05em;font-weight:600;margin:0 0 20px;max-width:10ch}.hero h1 .line{display:block;overflow:hidden}.hero h1 .line span{display:inline-block;transform:translateY(110%)}.lede{color:var(--muted);max-width:36ch;font-size:1.15rem;opacity:0;transform:translateY(16px)}.links{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap;opacity:0}.links a{border:1px solid var(--line);color:var(--ink);text-decoration:none;padding:12px 16px;border-radius:999px;font-size:.92rem}.section{min-height:100vh;padding:80px 24px;border-top:1px solid var(--line);display:grid;place-items:center}.section-inner{max-width:1100px;width:100%}.section h2{font-size:clamp(2rem,5vw,3.5rem);letter-spacing:-.04em;margin:0 0 12px}.section p{color:var(--muted);max-width:48ch}.panels{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media(max-width:800px){.panels{grid-template-columns:1fr}}.panel{border:1px solid var(--line);border-radius:18px;padding:28px;min-height:220px;background:#0c0c0c;transform:translateY(40px);opacity:0}.panel b{display:block;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.pin-wrap{height:220vh;position:relative}.pin-sticky{position:sticky;top:0;height:100vh;display:grid;place-items:center;overflow:hidden}.pin-track{display:flex;gap:24px;width:max-content;will-change:transform}.slide{width:min(70vw,640px);height:360px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(145deg,#141414,#0a0a0a);padding:36px;display:flex;flex-direction:column;justify-content:space-between}.slide h3{font-size:2rem;letter-spacing:-.03em;margin:0}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:28px}.skill{border:1px solid var(--line);border-radius:12px;padding:14px;font-family:IBM Plex Mono,monospace;font-size:12px;letter-spacing:.04em}.foot{padding:40px 24px 80px;color:var(--muted);font-size:.92rem;border-top:1px solid var(--line);max-width:1100px;margin:0 auto}.split-char{display:inline-block}