:root{--bg:#060608;--bg-soft:#0c0c12;--ink:#f2f0ea;--ink-dim:#9b98a3;--accent:#ff4d2e;--accent-soft:#ff4d2e24;--line:#f2f0ea1f;--font-display:"Space Grotesk", system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto}body{background:var(--bg);color:var(--ink);font-family:var(--font-display);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{background:var(--accent);color:var(--bg)}.preloader{z-index:100;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.preloader-inner{flex-direction:column;align-items:center;gap:.5rem;display:flex}.preloader-count{font-family:var(--font-mono);color:var(--ink);font-variant-numeric:tabular-nums;font-size:clamp(3rem,10vw,6rem);font-weight:500}.preloader-label{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.2em;font-size:.8rem}#webgl{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.cursor-dot,.cursor-ring{pointer-events:none;z-index:90;opacity:0;border-radius:50%;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.cursor-dot.is-on,.cursor-ring.is-on{opacity:1;transition:opacity .3s}.cursor-dot{background:var(--accent);width:6px;height:6px}.cursor-ring{width:36px;height:36px;font-family:var(--font-mono);color:var(--bg);border:1px solid #f2f0ea66;justify-content:center;align-items:center;font-size:0;transition:width .25s,height .25s,background .25s,border-color .25s;display:flex}.cursor-ring.is-hover{border-color:var(--accent);width:56px;height:56px}.cursor-ring.is-view{background:var(--accent);border-color:var(--accent);width:72px;height:72px;font-size:.65rem}.cursor-ring.is-view:after{content:"open"}.cursor-ring.is-hit{border-color:var(--accent);width:64px;height:64px;color:var(--accent);border-style:dashed;font-size:.6rem}.cursor-ring.is-hit:after{content:"play"}@media (hover:none),(pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.nav{z-index:50;mix-blend-mode:difference;justify-content:space-between;align-items:center;padding:1.25rem clamp(1.25rem,4vw,3rem);display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--ink);letter-spacing:-.03em;font-size:1.4rem;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:clamp(1rem,3vw,2.25rem);display:flex}.nav-links a{color:var(--ink);font-family:var(--font-mono);letter-spacing:.05em;padding:.5rem 0;font-size:.85rem;text-decoration:none;position:relative}.nav-links a:after{content:"";background:var(--ink);transform-origin:100%;width:100%;height:1px;transition:transform .3s;position:absolute;bottom:.25rem;left:0;transform:scaleX(0)}.nav-links a:hover:after{transform-origin:0;transform:scaleX(1)}.nav-cta{border:1px solid var(--ink);border-radius:999px;padding:.45rem 1rem!important}.nav-cta:after{display:none}main{z-index:1;position:relative}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:0 1.5rem;display:flex;position:relative}.hero-eyebrow{font-family:var(--font-mono);color:var(--accent);letter-spacing:.25em;text-transform:uppercase;margin-bottom:1.5rem;font-size:clamp(.75rem,1.5vw,.95rem)}.hero-title{letter-spacing:-.04em;flex-direction:column;align-items:center;font-size:clamp(2.8rem,11vw,10rem);font-weight:700;line-height:.98;display:flex}.hero-row{gap:.22em;display:flex}.hero-word{display:flex}.hero-char{will-change:transform;display:inline-block}.hero-reel{display:inline-block;position:relative}.hero-reel-win{height:.98em;display:block;overflow:hidden}.hero-reel-track{will-change:transform, filter;flex-direction:column;display:flex}.hero-reel-item{height:.98em;color:var(--ink);white-space:nowrap;justify-content:center;align-items:center;gap:.22em;display:flex}.hero-reel-item.is-mid{height:1.225em;color:var(--accent);font-size:.8em}.hero-reel-box{opacity:0;pointer-events:none;border:3px solid #f2f0ead9;border-radius:.1em;position:absolute;inset:-.09em -.24em}.hero-sub{color:var(--ink-dim);max-width:36rem;margin-top:2rem;font-size:clamp(1rem,2.2vw,1.35rem)}.hero-sub .line{display:block}.hero-scroll{font-family:var(--font-mono);letter-spacing:.3em;text-transform:uppercase;color:var(--ink-dim);flex-direction:column;align-items:center;gap:.75rem;font-size:.7rem;display:flex;position:absolute;bottom:2.5rem}.hero-scroll-line{background:linear-gradient(var(--accent), transparent);transform-origin:top;width:1px;height:48px;animation:1.8s ease-in-out infinite scrollPulse}@keyframes scrollPulse{0%{opacity:1;transform:scaleY(0)}60%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1)}}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06060899;padding:1.1rem 0;overflow:hidden}.marquee-track{white-space:nowrap;will-change:transform;font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.15em;font-size:clamp(.9rem,2vw,1.15rem);display:flex}.section{max-width:1200px;margin:0 auto;padding:clamp(6rem,12vw,10rem) clamp(1.25rem,6vw,6rem);position:relative}.section[data-shape]{margin:20vh auto}.section-head{align-items:baseline;gap:1.5rem;margin-bottom:clamp(3rem,6vw,5rem);display:flex}.section-index{font-family:var(--font-mono);color:var(--accent);font-size:.9rem;display:inline-block}.section-title{letter-spacing:-.03em;font-size:clamp(2.4rem,7vw,5rem);font-weight:700;line-height:1.05}.reveal-line{vertical-align:bottom;display:inline-block;overflow:hidden}.reveal-line>.inner{display:inline-block}.projects-intro{align-items:center;min-height:100vh;display:flex}.projects-intro .section-head{margin-bottom:0}.project-view{align-items:center;min-height:100vh;display:flex}.project{max-width:40rem;color:inherit;cursor:pointer;padding:clamp(2rem,4vw,3rem) 0;text-decoration:none;transition:padding-left .4s cubic-bezier(.22,1,.36,1);display:block;position:relative}.project:before{content:"";background:linear-gradient(90deg, var(--accent-soft), transparent 60%);opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.project:hover:before,.project:focus-visible:before{opacity:1}.project:hover,.project:focus-visible{outline:none;padding-left:1.25rem}.project-meta{font-family:var(--font-mono);align-items:center;gap:1rem;margin-bottom:.75rem;font-size:.75rem;display:flex}.project-num{color:var(--accent)}.project-tag{color:var(--ink-dim);border:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;padding:.15rem .7rem}.project-name{letter-spacing:-.02em;margin-bottom:.6rem;font-size:clamp(1.6rem,4.5vw,3rem);font-weight:700}.project-desc{color:var(--ink-dim);max-width:44rem;font-size:clamp(.95rem,1.8vw,1.1rem)}.project-link,.project-stat{font-family:var(--font-mono);color:var(--accent);margin-top:1rem;font-size:.85rem;display:inline-block}.stat-num{font-variant-numeric:tabular-nums}.about-text{max-width:54rem;font-size:clamp(1.5rem,3.4vw,2.5rem);font-weight:500;line-height:1.45}.about-text .w{will-change:opacity;display:inline-block}.stack-rows{flex-direction:column;gap:clamp(.4rem,1.5vw,1rem);display:flex}.stack-row{letter-spacing:-.03em;white-space:nowrap;will-change:transform;font-size:clamp(2rem,6.5vw,5rem);font-weight:700;line-height:1.08}.stack-row:nth-child(2n){color:#0000;-webkit-text-stroke:1.5px #f2f0ea8c}.stack-cat{font-family:var(--font-mono);color:var(--accent);-webkit-text-stroke:0;letter-spacing:.2em;text-transform:uppercase;vertical-align:middle;margin-right:1.25rem;font-size:.8rem;font-weight:400}.stats{padding-top:clamp(3rem,6vw,5rem);padding-bottom:clamp(3rem,6vw,5rem)}.stats-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:2rem;padding:clamp(2rem,5vw,4rem) 0;display:grid}.stat{flex-direction:column;gap:.5rem;display:flex}.stat-value{letter-spacing:-.04em;color:var(--accent);font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,7vw,5.5rem);font-weight:700;line-height:1}.stat-label{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.giant-strip{padding:clamp(2rem,5vw,4rem) 0;overflow:hidden}.giant-text{white-space:nowrap;letter-spacing:-.04em;color:#0000;-webkit-text-stroke:1.5px #f2f0ea38;will-change:transform;font-size:clamp(5rem,16vw,14rem);font-weight:700;line-height:1;display:inline-block}.now{flex-direction:column;justify-content:center;min-height:100vh;display:flex}.now-text{max-width:52rem;font-size:clamp(1.4rem,3.5vw,2.4rem);font-weight:500;line-height:1.4}.now-text strong{color:var(--accent);font-weight:700}.yc-badge{font-family:var(--font-mono);vertical-align:middle;border:1px solid var(--accent);color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-radius:999px;margin:0 .35em;padding:.2em .9em;font-size:.45em;display:inline-block;transform:translateY(-.2em)}.tabla-text{color:var(--ink-dim);max-width:42rem;margin-bottom:3rem;font-size:clamp(1.1rem,2.4vw,1.5rem)}.tabla-text em{color:var(--ink);border-bottom:1px solid var(--accent);font-style:normal}.tabla-pads{grid-template-columns:repeat(4,1fr);gap:clamp(.75rem,2vw,1.5rem);max-width:44rem;display:grid}.pad{aspect-ratio:1;border:1px solid var(--line);color:var(--ink);font-family:var(--font-display);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:radial-gradient(circle at 35% 30%,#1a1a22,#0a0a0f 70%);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:.4rem;min-width:44px;min-height:44px;transition:border-color .2s;display:flex;position:relative}.pad:hover,.pad:focus-visible{border-color:var(--accent);outline:none;animation:none}@keyframes padBreath{0%,to{border-color:var(--line);box-shadow:0 0 #0000}50%{border-color:#ff4d2e73;box-shadow:0 0 24px #ff4d2e14}}.pad{animation:3.6s ease-in-out infinite padBreath}.pad:nth-child(2){animation-delay:.45s}.pad:nth-child(3){animation-delay:.9s}.pad:nth-child(4){animation-delay:1.35s}.pad:focus-visible{box-shadow:0 0 0 3px var(--accent-soft)}.pad-bol{font-size:clamp(1.1rem,3vw,1.8rem);font-weight:700}.pad-key{font-family:var(--font-mono);color:var(--ink-dim);border:1px solid var(--line);border-radius:4px;padding:.05rem .45rem;font-size:.7rem}.tabla-hint{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.15em;text-transform:uppercase;margin-top:1.5rem;font-size:.75rem}.contact{text-align:left;padding-bottom:3rem}.section.contact{margin-bottom:0}.contact-title{letter-spacing:-.04em;margin:1.5rem 0 3rem;font-size:clamp(3rem,11vw,8.5rem);font-weight:700;line-height:1}.contact-title .reveal-line{display:block}.contact-email{font-family:var(--font-mono);color:var(--accent);border-bottom:1px solid var(--accent);padding-bottom:.3rem;font-size:clamp(1.1rem,3vw,1.8rem);text-decoration:none}.contact-sign{letter-spacing:-.04em;margin-top:clamp(2.5rem,6vw,4.5rem);font-size:clamp(2.2rem,7.5vw,5.5rem);font-weight:700;line-height:1}.footer-link{color:var(--ink-dim);border-bottom:1px solid var(--line);text-decoration:none;transition:color .25s,border-color .25s}.footer-link:hover,.footer-link:focus-visible{color:var(--accent);border-color:var(--accent);outline:none}.footer{border-top:1px solid var(--line);font-family:var(--font-mono);color:var(--ink-dim);flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin-top:clamp(5rem,10vw,8rem);padding-top:1.5rem;font-size:.75rem;display:flex}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-scroll-line{animation:none}}@media (width<=640px){.nav-links{gap:.9rem}.nav-links a{letter-spacing:.02em;font-size:.72rem}.nav-cta{padding:.35rem .75rem!important}.tabla-pads,.stats-grid{grid-template-columns:repeat(2,1fr)}}