@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&family=Space+Mono:ital@0;1&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#020008;font-family:Space Grotesk,sans-serif;overflow-x:hidden}:root{--mx:0px;--my:0px}.n1{transform:translate(var(--mx), var(--my))}.n2{transform:translate(calc(var(--mx) * -.6), calc(var(--my) * .8))}.starfield{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.nebula{filter:blur(80px);border-radius:50%;transition:transform .1s linear;animation:none;position:absolute}.nebula-wrap{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.n1{background:radial-gradient(circle,#581cb44d,#0000 70%);width:600px;height:500px;top:-150px;left:-100px}.n2{background:radial-gradient(circle,#0f348c59,#0000 70%);width:500px;height:400px;top:50px;right:-80px}.n3{background:radial-gradient(circle,#78145a33,#0000 70%);width:400px;height:350px;bottom:100px;left:20%}.n4{background:radial-gradient(circle,#0064b440,#0000 70%);width:300px;height:280px;bottom:-50px;right:15%}@keyframes drift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,20px)scale(1.05)}to{transform:translate(-20px,10px)scale(.97)}}@media (width<=900px){.n1{width:400px;height:350px;top:-100px;left:-80px}.n2{width:350px;height:300px;top:40px;right:-60px}.n3{width:280px;height:240px;left:10%}.n4{width:220px;height:200px;right:10%}}@media (width<=480px){.nebula{filter:blur(60px)}.n1{width:280px;height:240px;top:-80px;left:-60px}.n2{width:240px;height:200px;top:20px;right:-40px}.n3{width:200px;height:180px;bottom:60px;left:5%}.n4{width:160px;height:140px;bottom:-30px;right:5%}}.hero{align-items:center;width:100vw;height:100vh;padding:0 8vw;display:flex;position:relative;overflow:visible}.hero-inner{z-index:2;flex-direction:column;gap:0;width:100%;padding-top:60px;display:flex;position:relative}.hero-tag{letter-spacing:.3em;color:#a078ff99;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:24px;font-family:Space Mono,monospace;font-size:10px;display:flex}.hero-tag:before{content:"";background:#a078ff99;flex-shrink:0;width:32px;height:1px;display:inline-block}.hero-name{letter-spacing:-6px;flex-direction:column;margin-bottom:40px;font-family:Space Grotesk,sans-serif;line-height:.85;display:flex}.dim{color:#ffffff40;font-size:clamp(60px,10vw,120px);font-weight:700}.accent{color:#0000;-webkit-text-stroke:1px #a078ff66;letter-spacing:-4px;margin-left:4vw;font-size:clamp(48px,8vw,96px);font-style:italic;font-weight:300}.bright{color:#fff;font-size:clamp(60px,10vw,120px);font-weight:700;position:relative}.bright:after{content:"da goat.";color:#0000;-webkit-text-stroke:1px #a078ff26;z-index:-1;pointer-events:none;position:absolute;top:2px;left:2px}.hero-bottom{justify-content:space-between;align-items:flex-end;width:100%;display:flex}.hero-sub{color:#ffffff61;max-width:340px;font-family:Space Mono,monospace;font-size:11px;line-height:2.2}.hero-sub em{color:#a078ffb3;font-style:normal}.hero-scroll{letter-spacing:.35em;color:#ffffff36;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;align-self:flex-end;font-family:Space Mono,monospace;font-size:9px}@media (width<=900px){.hero{align-items:flex-end;padding:0 6vw 60px}.hero-inner{padding-top:80px}.hero-name{letter-spacing:-4px;margin-bottom:32px}.accent{margin-left:2vw}.hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}.hero-scroll{writing-mode:horizontal-tb;align-self:flex-start}}@media (width<=480px){.hero{align-items:center;height:100svh;padding:0 6vw}.hero-inner{padding-top:80px}.hero-tag{letter-spacing:.2em;margin-bottom:20px;font-size:9px}.hero-tag:before{width:20px}.hero-name{letter-spacing:-3px;margin-bottom:28px}.dim{font-size:clamp(44px,14vw,72px)}.accent{letter-spacing:-2px;margin-left:3vw;font-size:clamp(36px,11vw,60px)}.bright,.bright:after{font-size:clamp(44px,14vw,72px)}.hero-bottom{flex-direction:column;align-items:flex-start;gap:20px}.hero-sub{max-width:100%;font-size:10px;line-height:2}.hero-scroll{writing-mode:horizontal-tb;align-self:flex-start;font-size:8px}}.about{padding:120px 8vw}.about-inner{grid-template-columns:1fr 1fr;align-items:start;gap:80px;margin-top:56px;display:grid}.about-left{position:sticky;top:40px}.about-heading{letter-spacing:-4px;flex-direction:column;line-height:.85;display:flex}.ah-dim{color:#ffffff40;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:700}.ah-bright{color:#fff;font-family:Space Grotesk,sans-serif;font-size:clamp(44px,6vw,80px);font-weight:700}.ah-outline{color:#0000;-webkit-text-stroke:1px #a078ff80;font-family:Space Grotesk,sans-serif;font-size:clamp(36px,5vw,64px);font-style:italic;font-weight:700}.about-right{flex-direction:column;gap:40px;display:flex}.about-statement{letter-spacing:.2em;color:#a078ffa3;text-transform:uppercase;border-bottom:1px solid #ffffff0a;padding-bottom:24px;font-family:Space Mono,monospace;font-size:11px}.about-manifesto{flex-direction:column;gap:24px;display:flex}.about-manifesto p{color:#ffffff78;font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:300;line-height:1.9}.highlight{color:#ffffffd9;font-weight:500}.about-words{border-top:1px solid #ffffff0a;flex-wrap:wrap;align-items:center;gap:12px;padding-top:24px;display:flex}.about-words span{letter-spacing:.1em;color:#ffffff57;text-transform:lowercase;font-family:Space Mono,monospace;font-size:11px}.about-words .slash{color:#a078ff73;letter-spacing:0;font-size:14px}@media (width<=900px){.about{padding:80px 6vw}.about-inner{grid-template-columns:1fr;gap:48px}.about-left{position:static}.about-heading{letter-spacing:-2px}}@media (width<=480px){.about{padding:60px 6vw}.sec-tag{margin-bottom:32px}.about-inner{grid-template-columns:1fr;gap:36px;margin-top:32px}.about-left{position:static}.about-heading{letter-spacing:-2px}.ah-dim{font-size:clamp(28px,10vw,44px)}.ah-bright{font-size:clamp(36px,12vw,56px)}.ah-outline{font-size:clamp(28px,10vw,44px)}.about-manifesto p{font-size:13px}.about-statement{letter-spacing:.15em;font-size:9px}.about-words span{font-size:10px}}.projects{padding:120px 8vw}.projects-list{flex-direction:column;gap:2px;margin-top:56px;display:flex}.proj-row{cursor:pointer;border:1px solid #ffffff08;grid-template-columns:120px 1fr;align-items:center;gap:48px;padding:64px 56px;transition:border-color .5s;display:grid;position:relative;overflow:hidden}.proj-row:hover{border-color:#a078ff1f}.proj-row:before{content:"";opacity:0;background:radial-gradient(at 0%,#a078ff12 0%,#0000 60%);transition:opacity .5s;position:absolute;inset:0}.proj-row:hover:before{opacity:1}.proj-num{color:#ffffff1a;letter-spacing:-4px;-webkit-user-select:none;user-select:none;font-family:Space Mono,monospace;font-size:72px;font-weight:700;line-height:1;transition:color .4s}.proj-row:hover .proj-num{color:#a078ff40}.proj-info{flex-direction:column;gap:12px;display:flex}.proj-info h3{color:#ffffffbf;letter-spacing:-2px;font-size:clamp(32px,4vw,52px);font-weight:700;line-height:1;transition:color .3s}.proj-row:hover .proj-info h3{color:#fff}.proj-info p{color:#ffffff61;max-width:480px;font-family:Space Mono,monospace;font-size:11px;line-height:1.9}.proj-tags{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.proj-tag{letter-spacing:.12em;color:#a078ff99;border:1px solid #a078ff33;padding:5px 12px;font-family:Space Mono,monospace;font-size:9px;transition:all .3s}.proj-row:hover .proj-tag{color:#a078ffe6;border-color:#a078ff66}.proj-arrow{color:#a078ff40;font-family:Space Mono,monospace;font-size:24px;transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;top:48px;right:56px}.proj-row:hover .proj-arrow{color:#a078ffe6;transform:translate(6px,-6px)}.popup:after{content:"";background:linear-gradient(90deg,#0000,#64a0ff4d,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}.popup-num{color:#a078ff80;letter-spacing:.4em;text-transform:uppercase;margin-bottom:20px;font-family:Space Mono,monospace;font-size:10px}.popup-name{letter-spacing:-2.5px;color:#fff;margin-bottom:28px;font-size:48px;font-weight:700;line-height:1}.popup-tech{flex-wrap:wrap;gap:8px;margin-bottom:44px;display:flex}.popup-actions{border-top:1px solid #ffffff0a;align-items:center;gap:32px;padding-top:32px;display:flex}.popup-link{letter-spacing:.2em;color:#a078ffcc;text-transform:uppercase;font-family:Space Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s}.popup-link:hover{color:#a078ff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes warpIn{0%{opacity:0;filter:blur(8px);transform:scale(.92)translateY(24px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@media (width<=900px){.projects{padding:80px 6vw}.proj-row{grid-template-columns:80px 1fr;gap:32px;padding:48px 32px}.proj-num{font-size:52px}.proj-arrow{top:32px;right:32px}.popup{padding:48px}.popup-name{font-size:36px}}@media (width<=480px){.projects{padding:60px 6vw}.sec-tag{margin-bottom:32px}.projects-list{margin-top:32px}.proj-row{grid-template-columns:1fr;gap:12px;padding:32px 20px}.proj-num{letter-spacing:-2px;font-size:36px}.proj-info h3{letter-spacing:-1px;font-size:clamp(24px,8vw,36px)}.proj-info p{font-size:10px}.proj-arrow{font-size:18px;top:24px;right:20px}.popup{width:95%;padding:32px 24px}.popup-name{letter-spacing:-1px;font-size:28px}.popup-detail{font-size:11px;line-height:2}.popup-actions{flex-direction:column;align-items:flex-start;gap:16px}}.skills{padding:120px 8vw}.skills-inner{flex-direction:column;gap:0;display:flex}.skill-item{cursor:pointer;border-top:1px solid #ffffff0a;grid-template-columns:48px 1fr 1fr auto;align-items:center;gap:40px;padding:40px 0;transition:padding-left .4s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:hidden}.skill-item:last-child{border-bottom:1px solid #ffffff0a}.skill-item:before{content:"";opacity:0;background:radial-gradient(at 0%,#a078ff0f 0%,#0000 60%);transition:opacity .4s;position:absolute;inset:0}.skill-item:hover:before{opacity:1}.skill-item:hover{padding-left:16px}.skill-goat:before{background:radial-gradient(at 0%,#ffc8500f 0%,#0000 60%)!important}.skill-goat .skill-name{background:linear-gradient(90deg,#ffdc64e6,#ffa050b3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skill-goat .skill-tag{color:#ffc85099!important}.skill-goat .skill-fill{background:linear-gradient(90deg,#ffc850cc,#ff785080)!important}.skill-idx{color:#ffffff14;font-family:Space Mono,monospace;font-size:11px;transition:color .3s}.skill-item:hover .skill-idx{color:#a078ff66}.skill-name{color:#ffffffa6;letter-spacing:-1px;font-family:Space Grotesk,sans-serif;font-size:clamp(24px,3vw,40px);font-weight:700;transition:color .3s}.skill-item:hover .skill-name{color:#fff}.skill-track{background:#ffffff0d;height:1px;overflow:hidden}.skill-fill{background:linear-gradient(90deg,#a078ffcc,#64a0ff4d);height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.skill-tag{letter-spacing:.25em;color:#a078ff59;text-transform:uppercase;text-align:right;font-family:Space Mono,monospace;font-size:9px;transition:color .3s}.skill-item:hover .skill-tag{color:#a078ffb3}.popup-overlay{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#020008eb;justify-content:center;align-items:center;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.popup{background:#060412;border:1px solid #a078ff1f;width:90%;max-width:520px;padding:64px;animation:.45s cubic-bezier(.16,1,.3,1) warpIn;position:relative;overflow:hidden}.popup:before{content:"";background:linear-gradient(90deg,#0000,#a078ff80,#0000);height:1px;position:absolute;top:0;left:0;right:0}.popup-glow{pointer-events:none;background:radial-gradient(circle,#a078ff12,#0000 70%);width:400px;height:400px;position:absolute;top:-150px;right:-150px}.popup-label{color:#a078ff59;letter-spacing:.3em;margin-bottom:16px;font-family:Space Mono,monospace;font-size:10px}.popup-name{letter-spacing:-2px;color:#fff;margin-bottom:32px;font-family:Space Grotesk,sans-serif;font-size:40px;font-weight:700;line-height:1}.popup-bar-wrap{align-items:center;gap:16px;margin-bottom:32px;display:flex}.popup-bar{background:#ffffff0d;flex:1;height:1px;overflow:hidden}.popup-fill{background:linear-gradient(90deg,#a078ffe6,#64a0ff66);height:100%}.popup-pct{color:#a078ff80;min-width:36px;font-family:Space Mono,monospace;font-size:11px}.popup-detail{color:#ffffff4d;margin-bottom:40px;font-family:Space Mono,monospace;font-size:12px;line-height:2.4}.popup-close{letter-spacing:.2em;color:#ffffff1f;cursor:pointer;text-transform:uppercase;background:0 0;border:none;font-family:Space Mono,monospace;font-size:11px;transition:color .2s}.popup-close:hover{color:#fff6}@media (width<=900px){.skills{padding:80px 6vw}.skill-item{grid-template-columns:40px 1fr auto;gap:24px;padding:32px 0}.skill-track{display:none}.popup{padding:48px}.popup-name{font-size:32px}}@media (width<=480px){.skills{padding:60px 6vw}.sec-tag{margin-bottom:32px}.skill-item{grid-template-columns:32px 1fr auto;gap:16px;padding:24px 0}.skill-item:hover{padding-left:8px}.skill-track{display:none}.skill-name{letter-spacing:-.5px;font-size:clamp(18px,6vw,28px)}.skill-idx{font-size:10px}.skill-tag{letter-spacing:.15em;font-size:8px}.popup{width:95%;padding:28px 20px}.popup-name{letter-spacing:-1px;margin-bottom:20px;font-size:28px}.popup-detail{margin-bottom:28px;font-size:11px;line-height:2}.popup-bar-wrap{margin-bottom:20px}}.sec-tag{letter-spacing:.35em;color:#a078ff99;text-transform:uppercase;margin-bottom:56px;font-family:Space Mono,monospace;font-size:10px}.contact{flex-direction:column;justify-content:space-between;min-height:80vh;padding:100px 8vw 60px;display:flex}.contact-inner{flex-direction:column;gap:28px;display:flex}.contact-big{letter-spacing:-3px;color:#ffffff40;font-size:clamp(40px,7vw,80px);font-weight:700;line-height:.9}.contact-big em{color:#fff;font-style:normal}.contact-sub{color:#ffffff6e;max-width:420px;font-family:Space Mono,monospace;font-size:12px;line-height:2}.contact-email{color:#a078ffcc;border-bottom:1px solid #a078ff4d;width:fit-content;padding-bottom:3px;font-family:Space Mono,monospace;font-size:13px;text-decoration:none;transition:color .2s,border-color .2s}.contact-email:hover{color:#a078ff;border-color:#a078ffb3}.contact-links{gap:32px;display:flex}.contact-link{letter-spacing:.15em;color:#fff6;text-transform:uppercase;font-family:Space Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s}.contact-link:hover{color:#ffffffb3}.contact-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:80px;padding-top:48px;display:flex}.footer-mono{color:#ffffff42;letter-spacing:.1em;font-family:Space Mono,monospace;font-size:10px}@media (width<=900px){.contact{min-height:60vh;padding:80px 6vw 48px}.contact-big{letter-spacing:-2px}.contact-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:48px}}@media (width<=480px){.contact{min-height:auto;padding:60px 6vw 40px}.sec-tag{margin-bottom:32px}.contact-big{letter-spacing:-2px;font-size:clamp(32px,11vw,52px)}.contact-sub{max-width:100%;font-size:11px}.contact-email{word-break:break-all;font-size:11px}.contact-links{flex-direction:column;gap:16px}.contact-footer{flex-direction:column;align-items:flex-start;gap:8px;margin-top:40px;padding-top:32px}.footer-mono{font-size:9px}}