:root{--ink:#f4f2ec;--void:#0b0b0c;--void-2:#111114;--acid:#d6ff3f;--hot:#ff4d2e;--dim:#7c7c84;--hair:#f4f2ec24;--hair-strong:#f4f2ec4d;--mono:"SFMono-Regular", ui-monospace, "JetBrains Mono", Menlo, Consolas, monospace;--sans:"Helvetica Neue", Helvetica, "Arial Narrow", Arial, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}::selection{background:var(--acid);color:var(--void)}body{background:var(--void);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;cursor:crosshair;line-height:1.4;overflow-x:clip}mark{background:var(--acid);color:var(--void);padding:0 .18em;font-style:normal}.backdrop{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.backdrop__blob{filter:blur(40px);will-change:transform;mix-blend-mode:screen;background:radial-gradient(circle,#d6ff3f38,#ff4d2e1f 40%,#0000 68%);border-radius:50%;width:46vmax;height:46vmax;position:absolute;top:0;left:0}.backdrop__grain{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.55'/%3E%3C/svg%3E");animation:.6s steps(4,end) infinite grain;position:absolute;inset:-200%}.backdrop__scan{mix-blend-mode:overlay;background:repeating-linear-gradient(#ffffff06 0 1px,#0000 1px 3px);position:absolute;inset:0}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(-4%,3%)}50%{transform:translate(3%,-5%)}75%{transform:translate(-2%,2%)}to{transform:translate(4%,-3%)}}.chrome{z-index:50;pointer-events:none;font-family:var(--mono);letter-spacing:.14em;color:var(--dim);mix-blend-mode:difference;font-size:11px;position:fixed;inset:0}.chrome__node{padding:16px 20px;position:fixed}.chrome__tl{color:var(--ink);font-weight:700;top:0;left:0}.chrome__tr{top:0;right:0}.chrome__bl{bottom:0;left:0}.chrome__br{bottom:0;right:0}.chrome__link{pointer-events:auto;color:var(--acid);transition:color .2s}.chrome__link:hover{color:var(--hot)}.stage{z-index:10;max-width:1500px;margin:0 auto;padding:0 clamp(20px,5vw,72px);position:relative}.hero{padding:clamp(120px,22vh,240px) 0 clamp(40px,8vh,90px)}.hero__kicker{font-family:var(--mono);letter-spacing:.22em;color:var(--dim);align-items:center;gap:12px;margin-bottom:clamp(28px,5vh,60px);font-size:clamp(11px,1.3vw,13px);display:flex}.blink{color:var(--acid);animation:1.1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.name{letter-spacing:-.03em;text-transform:uppercase;margin-left:-.02em;font-size:clamp(58px,17vw,260px);font-weight:800;line-height:.82}.name__line{display:block}.name__line--offset{margin-left:clamp(20px,12vw,220px)}.name__word{transition:transform .4s cubic-bezier(.2,.9,.2,1);display:inline-block}.name__word:hover{color:var(--acid);transform:skew(-9deg)}.name__word--outline{color:#0000;-webkit-text-stroke:clamp(1px, .18vw, 3px) var(--ink)}.name__word--outline:hover{color:var(--hot);-webkit-text-stroke-color:var(--hot)}.hero__statement{text-align:right;letter-spacing:-.01em;max-width:22ch;margin-top:clamp(36px,7vh,80px);margin-left:auto;font-size:clamp(18px,2.4vw,30px);font-weight:400;line-height:1.25}.marquee{border-top:1px solid var(--hair-strong);border-bottom:1px solid var(--hair-strong);background:var(--acid);color:var(--void);margin:0 calc(-1*clamp(20px,5vw,72px));padding:14px 0;position:relative;overflow:hidden}.marquee__track{white-space:nowrap;font-family:var(--mono);letter-spacing:.08em;font-size:clamp(13px,1.6vw,18px);font-weight:700;animation:26s linear infinite marquee;display:inline-flex}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__group em{font-style:italic}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.block{border-bottom:1px solid var(--hair);padding:clamp(70px,14vh,160px) 0;position:relative}.block__index{font-family:var(--mono);letter-spacing:.2em;color:var(--hot);margin-bottom:clamp(34px,6vh,64px);font-size:12px;display:block}.about__body{grid-template-columns:1fr;gap:clamp(24px,4vw,48px);max-width:1100px;display:grid}.about__lead{letter-spacing:-.02em;font-size:clamp(26px,4.4vw,60px);font-weight:700;line-height:1.04}.about__sub{color:var(--ink);max-width:62ch;margin-left:auto;font-size:clamp(16px,1.7vw,21px)}.about__sub strong{color:var(--acid);font-weight:700}.stack{flex-wrap:wrap;gap:10px;margin-top:clamp(40px,7vh,80px);display:flex}.stack__chip{font-family:var(--mono);letter-spacing:.12em;border:1px solid var(--hair-strong);color:var(--dim);border-radius:999px;padding:8px 14px;font-size:12px;transition:all .18s}.stack__chip:hover{background:var(--ink);color:var(--void);border-color:var(--ink)}.specimens{list-style:none}.specimen{border-top:1px solid var(--hair-strong)}.specimen:last-child{border-bottom:1px solid var(--hair-strong)}.specimen__link{color:var(--ink);grid-template-columns:clamp(60px,8vw,130px) 1fr auto;align-items:center;gap:clamp(16px,4vw,56px);padding:clamp(28px,5vh,56px) 4px;text-decoration:none;transition:padding-left .32s cubic-bezier(.2,.9,.2,1),background .32s,color .32s;display:grid}.specimen__link:hover{background:var(--ink);color:var(--void);padding-left:clamp(20px,3vw,40px)}.specimen__idx{font-family:var(--mono);color:var(--hot);font-size:clamp(14px,1.4vw,18px)}.specimen__link:hover .specimen__idx{color:var(--hot)}.specimen__name{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(34px,6vw,88px);font-weight:800;line-height:.95;display:block}.specimen__desc{max-width:46ch;color:var(--dim);margin-top:14px;font-size:clamp(14px,1.4vw,17px);display:block}.specimen__link:hover .specimen__desc{color:#0b0b0cb3}.specimen__tags{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.specimen__tag{font-family:var(--mono);letter-spacing:.16em;opacity:.6;border:1px solid;padding:5px 9px;font-size:10px}.specimen__url{font-family:var(--mono);letter-spacing:.06em;white-space:nowrap;align-items:center;gap:10px;font-size:clamp(12px,1.2vw,15px);display:inline-flex}.specimen__arrow{transition:transform .3s cubic-bezier(.2,.9,.2,1);display:inline-block}.specimen__link:hover .specimen__arrow{transform:translate(6px,-6px)scale(1.4)}.contact__github{color:var(--ink);align-items:baseline;gap:clamp(12px,2vw,28px);text-decoration:none;transition:color .2s;display:inline-flex}.contact__github:hover{color:var(--acid)}.contact__label{font-family:var(--mono);letter-spacing:.2em;color:var(--dim);font-size:clamp(13px,1.4vw,18px)}.contact__handle{letter-spacing:-.03em;text-transform:lowercase;font-size:clamp(40px,9vw,130px);font-weight:800}.contact__arrow{font-size:clamp(28px,5vw,64px);transition:transform .3s cubic-bezier(.2,.9,.2,1);display:inline-block}.contact__github:hover .contact__arrow{transform:translate(8px,-8px)rotate(8deg)}.footer{z-index:10;border-top:1px solid var(--hair-strong);max-width:1500px;margin:0 auto;padding:clamp(40px,6vh,70px) clamp(20px,5vw,72px);position:relative}.footer__grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));align-items:end;gap:20px 32px;display:grid}.footer__brand{font-family:var(--mono);letter-spacing:.12em;font-size:14px;font-weight:700}.footer__cell{font-family:var(--mono);letter-spacing:.05em;color:var(--ink);flex-direction:column;gap:6px;font-size:12px;display:flex}.footer__k{color:var(--dim);letter-spacing:.2em;font-size:10px}@media (max-width:720px){.chrome__tr,.chrome__bl{display:none}.name__line--offset{margin-left:0}.hero__statement{text-align:left;margin-left:0}.about__sub{margin-left:0}.specimen__link{grid-template-columns:1fr;gap:14px}.specimen__url{justify-self:start}}@media (prefers-reduced-motion:reduce){.backdrop__grain,.marquee__track,.blink{animation:none}*{scroll-behavior:auto}}