@font-face{font-family:Geist;src:url('assets/fonts/geist-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:'Instrument Serif';src:url('assets/fonts/instrument-serif-italic-latin.woff2') format('woff2');font-style:italic;font-weight:400;font-display:swap}
:root{--paper:#e3e8e3;--ink:#151a17;--muted:#505b53;--mint:#28cd94;--mint-dark:#086e4b;--line:#bac4bb;--dark:#18271f;--gutter:clamp(24px,5vw,80px);--ease:cubic-bezier(.16,1,.3,1);color-scheme:light;scroll-behavior:smooth;scroll-padding-top:95px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--mint);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--mint-dark);outline-offset:6px}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#89978c;border-radius:8px}em{font-family:'Instrument Serif',Georgia,serif;font-weight:400}p{line-height:1.65}h1,h2,h3,p{margin:0}h2{font-size:clamp(60px,7vw,104px);font-weight:600;line-height:.98;letter-spacing:-.04em}h2 em{font-size:1.19em;letter-spacing:-.025em}svg{display:block}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.skip-link{position:fixed;left:20px;top:-80px;z-index:100;background:var(--ink);color:var(--paper);padding:15px}.skip-link:focus{top:15px}.scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;background:var(--mint-dark);z-index:30;transform-origin:left;transform:scaleX(0)}
.header{height:96px;padding:0 var(--gutter);display:flex;justify-content:space-between;align-items:center;position:absolute;top:0;left:0;width:100%;z-index:20}.wordmark{display:inline-flex;align-items:center;gap:11px;font-size:15px;font-weight:500}.brand-mark{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:43px;line-height:1;letter-spacing:-.08em}.brand-mark>span{color:var(--mint-dark)}.header nav{display:flex;align-items:center;gap:35px}.header nav a{display:flex;align-items:center;gap:10px;font-size:12px;text-transform:uppercase;font-weight:500;letter-spacing:.035em;padding:10px 0;position:relative}.header nav a::after{content:'';position:absolute;bottom:3px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.header nav a:hover::after{transform:scaleX(1)}.header nav a:last-child{margin-left:15px}.header nav .icon{width:16px;height:16px}.menu-toggle{display:none}
.hero{min-height:850px;min-height:max(820px,100svh);position:relative;display:flex;align-items:center;justify-content:center;padding:135px var(--gutter) 120px;overflow:hidden}.hero canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.7}.hero-content{text-align:center;position:relative;width:100%;max-width:1100px}.hero h1{font-weight:750;line-height:.83;letter-spacing:-.04em}.first-name{display:block;font-size:clamp(110px,16.7vw,240px)}.last-name{display:block;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(120px,16vw,228px);letter-spacing:-.035em;line-height:.94;padding-right:15px}.name-period{color:var(--mint-dark)}.hero-description{font-size:clamp(17px,1.5vw,21px);line-height:1.65;color:var(--muted);margin:36px auto 19px;max-width:530px}.founder-link{display:inline-flex;align-items:center;gap:8px;font-size:13px;letter-spacing:.015em;color:var(--muted)}.founder-link strong{font-weight:600;color:var(--ink)}.founder-link .icon{width:13px;height:13px;transition:transform .25s}.founder-link:hover .icon{transform:translate(2px,-2px)}.status-dot{width:6px;height:6px;background:var(--mint-dark);border-radius:50%;margin-right:4px}.hero-actions{display:flex;gap:14px;justify-content:center;margin-top:32px}.button{min-height:48px;padding:0 24px;display:inline-flex;justify-content:center;align-items:center;gap:23px;font-size:12px;font-weight:500;border-radius:40px;transition:background .25s,color .25s,transform .35s var(--ease)}.button .icon{width:16px;height:16px;transition:transform .35s var(--ease)}.button:hover .icon{transform:translate(2px,-2px)}.button-primary{background:var(--mint);border:1px solid var(--mint)}.button-primary:hover{background:#38dfa6;transform:translateY(-2px)}.button-outline{border:1px solid var(--ink)}.button-outline:hover{background:var(--ink);color:var(--paper);transform:translateY(-2px)}.round-link{position:absolute;top:140px;right:var(--gutter);width:116px;height:116px;z-index:1}.round-type{width:100%;height:100%;fill:var(--muted);font-size:8.6px;letter-spacing:2.5px;animation:orbit 35s linear infinite}.round-link>span{position:absolute;inset:31px;border-radius:50%;background:var(--mint);display:grid;place-items:center;transition:transform .4s var(--ease)}.round-link:hover>span{transform:scale(1.1) rotate(-30deg)}.hero-bottom{position:absolute;bottom:30px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}.hero-bottom a{display:flex;align-items:center;gap:10px}.hero-bottom .icon{width:13px;height:13px}.hero-bottom>span{width:32%}.hero-bottom>span:last-child{text-align:right}
.section{padding:120px var(--gutter);max-width:1600px;margin:0 auto;scroll-margin-top:0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:70px}.section-aside,.section-intro{font-size:13px;line-height:1.8;color:var(--muted);max-width:300px;margin-bottom:7px}.about{border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1.65fr;gap:10%}.about-note{display:flex;align-items:flex-start;flex-direction:column;padding-top:10px}.small-symbol{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:65px;color:var(--mint-dark);letter-spacing:-.07em;margin-bottom:16px}.about-note p{font-size:14px;color:var(--muted);margin-bottom:26px}.text-link{display:inline-flex;gap:30px;align-items:center;font-size:13px;font-weight:500;border-bottom:1px solid var(--ink);padding:0 0 8px}.text-link .icon{width:17px;height:17px;transition:transform .3s var(--ease)}.text-link:hover .icon{transform:translate(3px,-3px)}.about-copy .statement{font-size:clamp(24px,2.5vw,36px);line-height:1.4;letter-spacing:-.025em;margin-bottom:30px;max-width:29ch}.statement a{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:var(--mint-dark);text-underline-offset:6px}.about-copy>p:not(.statement){max-width:64ch;font-size:16px;color:var(--muted);margin-top:19px}
.expertise{padding-top:70px}.expertise-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 0;font-size:clamp(23px,3vw,39px);font-weight:450;letter-spacing:-.025em;transition:color .25s}summary::-webkit-details-marker{display:none}summary:hover{color:var(--mint-dark)}summary .icon{width:28px;height:28px;transition:transform .3s var(--ease)}details[open] summary .icon{transform:rotate(45deg)}.expertise-content{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:0 0 38px}.expertise-content p{font-size:15px;color:var(--muted);max-width:58ch}.tags{display:flex;flex-wrap:wrap;gap:8px;align-content:center;justify-content:flex-end}.tags span{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:8px 12px;white-space:nowrap}
.work{padding-top:60px}.project{display:block}.project-art{position:relative;overflow:hidden;isolation:isolate;transition:border-radius .4s var(--ease)}.project:hover .project-art{border-radius:10px}.binux-art{aspect-ratio:2.45;background:var(--dark);color:var(--paper);display:flex;flex-direction:column;justify-content:space-between;padding:35px 40px}.art-top,.art-bottom>span{font-size:9px;letter-spacing:.1em;font-weight:500}.binux-word{font-size:clamp(100px,18vw,270px);letter-spacing:-.065em;line-height:.95;align-self:center;font-weight:650;padding-right:35px}.binux-word>span:first-child{color:var(--mint)}.binux-asterisk{display:inline-block;font-size:.6em;position:absolute;top:22%;right:12%;color:var(--mint);font-weight:400}.binux-art .art-top{color:#b8cbbf}.art-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.binux-art .art-bottom{color:#b8cbbf}.project-open{position:absolute;right:28px;top:27px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;width:42px;height:42px;transition:background .3s,color .3s,transform .3s var(--ease)}.project:hover .project-open{background:var(--paper);color:var(--ink);transform:rotate(45deg)}.project-open .icon{width:18px;height:18px}.project-meta{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:22px 0 40px}.project-meta h3{font-size:23px;font-weight:500;letter-spacing:-.035em}.project-meta p{font-size:13px;color:var(--muted);margin-top:6px}.project-role{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:30px;white-space:nowrap;margin-top:3px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.project-grid .project-art{aspect-ratio:1.2;display:flex;flex-direction:column;justify-content:space-between;padding:28px}.meshcat-art{background:#d6bcd0;color:#392037}.meshcat-art .art-bottom strong,.komak-art .art-bottom strong{font-size:24px;font-weight:500;letter-spacing:-.04em}.project-grid .art-bottom{flex-direction:column;align-items:flex-start;gap:5px}.meshcat-graphic{position:absolute;left:50%;top:45%;width:190px;height:190px;transform:translate(-50%,-50%)}.mesh-ring{position:absolute;inset:12px;border:1px solid #805678;border-radius:50%}.meshcat-graphic::before,.meshcat-graphic::after{content:'';position:absolute;inset:38px 0;border:1px solid #805678;border-radius:50%;transform:rotate(45deg)}.meshcat-graphic::after{transform:rotate(-45deg)}.mesh-label{position:absolute;inset:0;display:grid;place-items:center;font-size:65px;font-weight:500}.mesh-node{position:absolute;width:14px;height:14px;background:#392037;border:4px solid #d6bcd0;border-radius:50%;z-index:1}.node-a{left:19px;top:41px}.node-b{right:19px;bottom:41px}.node-c{top:19px;right:41px}.node-d{bottom:19px;left:41px}.komak-art{background:#cbd5ad;color:#30452c}.komak-graphic{position:absolute;left:50%;top:45%;width:240px;height:160px;transform:translate(-50%,-50%);display:flex;align-items:flex-end;justify-content:center;gap:9px}.komak-graphic span{display:block;width:32px;height:80%;border-radius:24px;background:#556e43;transform:rotate(32deg);transform-origin:center}.komak-graphic span:nth-child(1),.komak-graphic span:nth-child(5){height:40%;background:#7a8e5f}.komak-graphic span:nth-child(2),.komak-graphic span:nth-child(4){height:65%}.komak-graphic span:nth-child(3){height:90%;background:#30452c}.work-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:12px}.work-footer p{font-size:13px;color:var(--muted)}
.marquee{background:var(--mint);padding:31px 0;overflow:hidden;margin:20px 0 0}.marquee-track{width:max-content;display:flex;animation:marquee 40s linear infinite}.marquee-track>span{display:flex;align-items:center;gap:28px;font-size:clamp(36px,4.8vw,70px);line-height:1.15;font-weight:600;letter-spacing:-.035em;white-space:nowrap;padding-right:30px}.marquee-track em{font-size:1.14em}.marquee-star{font-size:1em;font-weight:400;padding:0 15px}.contact{padding-top:125px;padding-bottom:100px}.contact-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.contact-top p{font-size:14px;color:var(--muted);padding-bottom:8px}.email-row{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);padding-bottom:26px}.email-link{font-size:clamp(22px,4.2vw,65px);letter-spacing:-.035em;display:flex;align-items:center;gap:30px;transition:color .25s;overflow-wrap:anywhere}.email-link:hover{color:var(--mint-dark)}.email-link .icon{width:40px;height:40px}.copy-email{padding:14px;background:transparent;border:1px solid var(--line);border-radius:50%;transition:background .25s;flex-shrink:0}.copy-email:hover{background:var(--mint)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:28px}.contact-bottom>span{font-size:13px;color:var(--muted)}.copy-feedback{min-height:26px;font-size:12px;color:var(--mint-dark);text-align:right;padding-top:10px}.footer{border-top:1px solid var(--line);padding:28px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:25px}.footer p{font-size:11px;color:var(--muted)}.footer>a:last-child{display:flex;align-items:center;gap:12px;font-size:11px}.footer>a:last-child .icon{transform:rotate(180deg);width:15px;height:15px}
@keyframes orbit{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-33.333333%)}}
@media(min-width:1600px){.hero{max-height:1100px;min-height:900px}.round-link{right:calc((100vw - 1440px)/2)}}
@media(max-width:1000px){.round-link{top:120px;width:96px;height:96px}.round-link>span{inset:26px}.hero{min-height:820px}.section{padding-top:95px;padding-bottom:95px}.section-heading{margin-bottom:50px}.about-grid{gap:8%;grid-template-columns:1fr 1.8fr}.project-grid .art-top{font-size:8px;max-width:75%}.project-meta{flex-wrap:wrap}.project-role{margin-top:0}.meshcat-graphic{width:160px;height:160px}.komak-graphic{width:200px;height:135px}.email-link .icon{width:30px;height:30px}.art-bottom>span{font-size:8px}.hero-bottom>span:last-child{display:none}.hero-bottom>span{width:auto}.hero-bottom{bottom:26px}.header nav{gap:25px}}
@media(max-width:700px){:root{--gutter:24px}.header{height:80px}.wordmark{font-size:13px}.brand-mark{font-size:37px}.menu-toggle{display:flex;align-items:center;gap:12px;background:transparent;padding:12px 0 12px 12px;font-size:12px}.menu-lines{width:21px;height:12px;border-top:1px solid;border-bottom:1px solid;position:relative;transition:transform .2s}.menu-toggle[aria-expanded=true] .menu-lines{height:0;border-bottom:0;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-lines::after{content:'';position:absolute;width:21px;height:1px;background:currentColor;transform:rotate(90deg);left:0;top:-1px}.header nav{display:none;position:absolute;left:0;right:0;top:80px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px var(--gutter) 32px;flex-direction:column;align-items:flex-start;gap:12px;box-shadow:0 12px 18px rgb(21 26 23 / 5%)}.header nav.is-open{display:flex}.header nav a{font-size:22px;text-transform:none;width:100%}.header nav a:last-child{margin-left:0;justify-content:space-between}.hero{min-height:770px;min-height:max(740px,100svh);padding-top:160px;padding-bottom:150px;align-items:center}.round-link{top:105px;right:24px;width:80px;height:80px}.round-link>span{inset:22px}.round-link .icon{width:17px;height:17px}.hero-content{padding-top:20px}.first-name{font-size:clamp(68px,16.4vw,115px)}.last-name{font-size:clamp(100px,23vw,165px);padding-right:10px;line-height:1}.hero-description{font-size:16px;margin-top:27px;max-width:320px}.desktop-break{display:none}.founder-link{font-size:12px}.hero-actions{gap:10px;margin-top:28px}.button{font-size:11px;gap:14px;padding:0 19px;min-height:46px}.hero-bottom{font-size:11px;bottom:24px;align-items:flex-end;gap:30px}.hero-bottom>span{max-width:145px;line-height:1.5}.hero-bottom a{gap:6px;white-space:nowrap}.section{padding:75px var(--gutter)}h2{font-size:64px}.section-heading{display:block;margin-bottom:42px}.section-aside{display:block;margin-top:24px}.section-intro{margin-top:25px;max-width:290px}.about-grid{display:flex;flex-direction:column-reverse;gap:35px}.about-copy .statement{font-size:27px;max-width:29ch}.about-copy>p:not(.statement){font-size:15px}.about-note{display:grid;grid-template-columns:auto 1fr;column-gap:22px;align-items:center;padding-top:0}.small-symbol{font-size:53px;margin:0;grid-row:span 2}.about-note p{font-size:12px;margin:0}.about-note .text-link{justify-self:start;margin-top:13px;font-size:12px;padding-bottom:5px;gap:18px}.expertise{padding-top:35px}summary{padding:25px 0;font-size:23px}summary .icon{width:23px;height:23px}.expertise-content{grid-template-columns:1fr;gap:22px;padding-bottom:28px}.expertise-content p{font-size:14px}.tags{justify-content:flex-start}.tags span{font-size:11px}.work{padding-top:35px}.binux-art{aspect-ratio:1.3;padding:24px}.binux-word{font-size:24vw;padding-right:15px}.binux-asterisk{right:10%;top:31%}.art-top,.art-bottom>span{font-size:8px;letter-spacing:.06em}.binux-art .art-bottom{flex-direction:column;align-items:flex-start;gap:5px}.project-open{right:20px;top:20px;width:35px;height:35px}.project-open .icon{width:16px;height:16px}.project-grid{grid-template-columns:1fr;gap:8px}.project-grid .project-art{aspect-ratio:1.2;padding:24px}.project-meta{padding:18px 0 30px;flex-wrap:nowrap}.project-meta h3{font-size:21px}.project-meta p{font-size:11px}.project-role{font-size:11px;padding:6px 8px;margin-top:2px}.meshcat-graphic{width:180px;height:180px}.komak-graphic{width:210px;height:145px}.work-footer{padding-top:3px;align-items:flex-start;gap:20px;flex-direction:column}.work-footer p{font-size:12px}.work-footer .text-link{font-size:12px}.marquee{padding:24px 0;margin-top:0}.marquee-track>span{font-size:35px;gap:16px;padding-right:20px}.marquee-star{padding:0 5px}.contact{padding-top:80px;padding-bottom:60px}.contact-top{display:block;margin-bottom:35px}.contact-top p{font-size:13px;margin-top:27px}.email-row{gap:10px;padding-bottom:22px}.email-link{font-size:clamp(17px,5.1vw,34px);gap:10px;letter-spacing:-.03em}.email-link .icon{width:20px;height:20px}.copy-email{padding:10px}.copy-email .icon{width:16px;height:16px}.contact-bottom{padding-top:22px}.contact-bottom>span{font-size:11px}.contact-bottom .text-link{font-size:12px;gap:12px}.footer{padding:25px var(--gutter);flex-wrap:wrap;gap:20px}.footer .wordmark{width:60%}.footer p{order:3;font-size:10px}.footer>a:last-child{font-size:11px}.footer .brand-mark{font-size:32px}}
@media(max-width:360px){:root{--gutter:18px}.hero-actions{gap:8px}.button{padding:0 15px;font-size:11px}.email-link{font-size:17px;gap:6px}.copy-email{padding:8px}h2{font-size:57px}.project-role{font-size:11px}.project-meta h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}