:root{--bg:#05070a;--bg-2:#0a0e14;--ink:#e8f1f2;--dim:#6b7d85;--teal:#0fc;--teal-dim:#00ffcc24;--red:#f43;--red-dim:#ff443324;--line:#e8f1f214;--mono:"JetBrains Mono", ui-monospace, monospace;--sans:"Space Grotesk", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans)}body{-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}::selection{background:var(--teal);color:#000}h1,h2,h3,.mono{font-family:var(--mono)}.display{font-family:var(--mono);letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(2.4rem,7.5vw,6.5rem);font-weight:800;line-height:.95}.section{max-width:1400px;margin:0 auto;padding:clamp(4rem,10vw,9rem) clamp(1.25rem,6vw,6rem);position:relative}.kicker{font-family:var(--mono);letter-spacing:.3em;color:var(--teal);text-transform:uppercase;margin-bottom:1.5rem;font-size:.75rem}.kicker:before{content:"// ";color:var(--dim)}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.34,1.56,.64,1),transform .9s cubic-bezier(.34,1.56,.64,1);transform:translateY(40px)}.reveal.in{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.hero-wrap{height:220vh;position:relative}.hero-sticky{background:radial-gradient(ellipse at 50% 60%, #0a1118 0%, var(--bg) 70%);height:100vh;position:sticky;top:0;overflow:hidden}.hero-ui{pointer-events:none;flex-direction:column;justify-content:space-between;padding:clamp(1.25rem,4vw,3rem);display:flex;position:absolute;inset:0}.hero-top,.hero-bottom{letter-spacing:.25em;justify-content:space-between;align-items:center;font-size:.78rem;display:flex}.hero-center{text-align:center}.hero-center .display{color:var(--ink);text-shadow:0 0 40px #0fc3}.cursor{color:var(--teal);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.hero-sub{color:var(--dim);letter-spacing:.2em;margin-top:1rem;font-size:clamp(.85rem,1.6vw,1.1rem)}.hero-dots{justify-content:center;gap:.6rem;margin-top:2rem;display:flex}.dot{border:1px solid var(--dim);border-radius:50%;width:8px;height:8px;transition:all .3s}.dot.on{background:var(--teal);border-color:var(--teal);box-shadow:0 0 12px var(--teal)}.dim{color:var(--dim)}.arrow{animation:1.6s ease-in-out infinite bob;display:inline-block}@keyframes bob{50%{transform:translateY(6px)}}@media (width<=600px){.hero-top .dim{display:none}}@media (prefers-reduced-motion:reduce){.arrow,.cursor{animation:none}}.timeline .display{margin-bottom:4rem}.tl-track{max-width:100%;padding-left:clamp(2rem,5vw,4rem);position:relative}.tl-line{background:var(--line);width:2px;position:absolute;top:0;bottom:0;left:.5rem;overflow:hidden}.tl-bar{background:linear-gradient(to bottom, var(--red), var(--teal));transform-origin:top;width:100%;height:100%;transform:scaleY(0)}.tl-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(140px,.35fr) 1fr;align-items:baseline;gap:clamp(1rem,3vw,3rem);max-width:1100px;padding:clamp(1.5rem,3vw,2.5rem) 0;display:grid}.tl-head{flex-direction:column;gap:.4rem;display:flex}.tl-year{font-size:clamp(2.2rem,5vw,4.2rem);font-weight:800;line-height:1}.tl-tag{letter-spacing:.3em;font-size:.72rem}.tl-item.red .tl-year,.tl-item.red .tl-tag{color:var(--red)}.tl-item.teal .tl-year,.tl-item.teal .tl-tag{color:var(--teal)}.tl-item p{color:var(--dim);max-width:60ch;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.6}@media (width<=700px){.tl-item{grid-template-columns:1fr;gap:.5rem}.tl-head{flex-direction:row;align-items:baseline;gap:1rem}}.roles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--bg-2);padding:clamp(4rem,10vw,9rem) 0;overflow:hidden}.roles .kicker{padding-top:0;padding-bottom:0}.role-row-wrap{white-space:nowrap;overflow:visible}.role-row{color:var(--ink);will-change:transform;font-size:clamp(3rem,9vw,8rem);line-height:1.05}.role-row.outline{color:#0000;-webkit-text-stroke:1.5px var(--teal)}.work .display{margin-bottom:3.5rem}.cards{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.card{background:var(--bg-2);border:1px solid var(--line);color:var(--ink);flex-direction:column;gap:1rem;padding:clamp(1.5rem,3vw,2.5rem);text-decoration:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .3s;display:flex}.card:hover{border-color:var(--teal);transform:translateY(-6px);box-shadow:0 12px 40px #00ffcc1f}.card.big{background:linear-gradient(160deg, #00ffcc0f, var(--bg-2) 60%);grid-row:span 2}.card-title{letter-spacing:-.02em;font-size:clamp(1.4rem,3vw,2.2rem);font-weight:800}.card.big .card-title{color:var(--teal);font-size:clamp(2rem,4.5vw,3.2rem)}.card p{color:var(--dim);flex:1;max-width:44ch;font-size:clamp(.95rem,1.4vw,1.1rem)}.card-cta{color:var(--teal);letter-spacing:.15em;font-size:.85rem}.card:not(.big) .card-cta{color:var(--ink)}.footer{border-top:1px solid var(--line);background:var(--bg-2)}.footer-inner{flex-direction:column;gap:3rem;display:flex}.footer-name{color:var(--ink);font-size:clamp(3rem,9vw,7rem)}.footer-block{flex-direction:column;gap:1.25rem;display:flex}.footer-label{letter-spacing:.3em;color:var(--dim);font-size:.7rem}.footer-label:before{content:"// "}.channels{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.channel{border:1px solid var(--line);background:var(--bg);color:var(--ink);flex-direction:column;gap:.4rem;padding:1.25rem;text-decoration:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),border-color .25s;display:flex}.channel:hover{border-color:var(--teal);transform:translateY(-3px)}.channel-name{letter-spacing:.1em;color:var(--teal);font-size:.95rem;font-weight:700}.channel-desc{color:var(--dim);font-size:.85rem}.footer-links{flex-wrap:wrap;gap:1.25rem 2.25rem;display:flex}.footer-links a{color:var(--dim);letter-spacing:.2em;font-size:.85rem;text-decoration:none;transition:color .2s}.footer-links a:hover{color:var(--teal)}.footer-note{letter-spacing:.15em;font-size:.75rem}@media (width<=900px){.cards{grid-template-columns:1fr}.card.big{grid-row:auto}}