@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&display=swap");:root{--paper:#f4f1e9;--ink:#1b1d18;--muted:#6c7066;--line:#d7d7cb;--lime:#c7ff43;--purple:#554078;--lavender:#d8cdf5;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM Sans,Arial,sans-serif}a,button{-webkit-tap-highlight-color:transparent}a{text-decoration:none}a,button{color:inherit}button{font:inherit;cursor:pointer;background:none;border:0}:focus-visible{outline:3px solid var(--purple);outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}.wrap{width:calc(100% - 112px);max-width:1320px;margin:auto}p{line-height:1.65}h1,h2,h3,p{margin-top:0}em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:var(--purple);letter-spacing:-.045em}.header{height:112px;border-bottom:1px solid var(--line);gap:36px}.brand,.header{display:flex;align-items:center}.brand{gap:14px;font-weight:700;font-size:13px;letter-spacing:.16em;line-height:1.5}.monogram{height:49px;width:42px;display:grid;place-items:center;background:var(--lime);border:1px solid var(--ink);border-radius:50%;font-family:"Instrument Serif",Georgia,serif;font-size:24px;font-weight:400;letter-spacing:-.08em;transform:rotate(-12deg)}.navigation{margin-left:auto;display:flex;gap:32px;font-size:13px;font-weight:600}.navigation a{padding:10px 0;border-bottom:1px solid transparent}.navigation a:hover{border-color:var(--purple)}.resume{border:1px solid var(--ink);padding:13px 18px;display:flex;gap:28px;font-size:13px}.menu-button{display:none}.hero{padding-top:72px;padding-bottom:68px;border-bottom:2px solid var(--ink)}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.eyebrow,.micro{font-size:12px;font-weight:600;letter-spacing:.13em;line-height:1.5}.eyebrow{color:var(--muted);margin-bottom:24px}.eyebrow span{color:#88a734;margin-left:12px}.hero-top p{margin:0}.hero-note{font-size:12px;color:var(--muted)}h1{font-size:clamp(70px,8.7vw,130px);line-height:.99;letter-spacing:-.075em;font-weight:500;margin-bottom:42px}h1 em{font-size:1.14em;line-height:.85}.last-line{display:flex;align-items:center;gap:60px}.hero-arrow{border:1px solid var(--ink);border-radius:50%;width:90px;height:90px;display:grid;place-items:center;font-size:45px;letter-spacing:0;transition:background .2s,transform .2s}.hero-arrow:hover{background:var(--lime);transform:rotate(45deg)}.hero-bottom{display:flex;align-items:end;gap:60px}.hero-bottom>p{max-width:425px;color:var(--muted);font-size:17px;margin:0}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:12px;font-weight:700;letter-spacing:.09em;padding:10px 0;border-bottom:1px solid var(--ink);white-space:nowrap}.text-link span{font-size:20px}.edition{margin-left:auto;color:var(--muted);font-size:12px;line-height:1.8}.context{padding:110px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:90px;gap:90px;align-items:center;border-bottom:1px solid var(--line)}h2{font-size:clamp(40px,4.7vw,68px);font-weight:500;line-height:1.05;letter-spacing:-.055em;margin-bottom:28px}.body-copy{font-size:16px;color:var(--muted);max-width:435px}.terminal{background:#1c201a;color:#eceee4;box-shadow:14px 14px 0 var(--lime);font-family:monospace;transform:rotate(1deg);min-width:0}.terminal-bar{padding:20px 18px;display:flex;justify-content:space-between;gap:12px;font-size:12px;border-bottom:1px solid #3c4036;color:#b7bcb0}.dots{color:#c7ff43;letter-spacing:3px}.terminal-live{color:var(--lime);font-size:12px}.terminal-tabs{display:flex;border-bottom:1px solid #3c4036}.terminal-tabs button{padding:12px 19px;font-family:monospace;font-size:13px;color:#a9b1a0;border-right:1px solid #3c4036}.terminal-tabs button.active{color:var(--lime);box-shadow:inset 0 -2px var(--lime)}.code{padding:28px 26px;font-size:15px;min-height:248px;overflow:auto}.code pre{line-height:1.95;font-family:monospace;font-size:14px}.code-comment{color:#a2ad98;font-size:12px}.purple{color:#cebcf8}.gold{color:#e6c984}.green{color:var(--lime)}.terminal-footer{display:flex;justify-content:space-between;border-top:1px solid #3c4036;padding:18px 26px;font-size:12px;color:#b9c6ad}.approach,.work{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end}.section-heading>p{font-size:16px;color:var(--muted);margin-bottom:32px}.filters{display:flex;align-items:center;flex-wrap:wrap;gap:10px;border-top:1px solid var(--line);padding:25px 0 32px}.filters button{font-size:14px;border:1px solid var(--line);border-radius:30px;padding:11px 20px;min-height:44px}.filters button.chosen{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters>.micro{margin-left:auto;color:var(--muted)}.project-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px}.project{padding:28px 30px 0;transition:transform .25s;min-width:0}.project:hover{transform:translateY(-4px)}.lime{background:var(--lime)}.lavender{background:var(--lavender)}.peach{background:#edcfb7}.project.featured{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;grid-column-gap:44px;column-gap:44px;position:relative;padding-bottom:28px}.project-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.featured .project-top{grid-column:1/-1;margin-bottom:20px}.circle{border:1px solid #1b1d1866;width:44px;height:44px;border-radius:50%;font-size:23px}.circle:hover{background:#ffffff4d}.project-image{background:#060708;min-height:250px;overflow:hidden}.project-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.04)}.project-body{display:flex;flex-direction:column;justify-content:center}.project .eyebrow{font-size:12px;color:#39442e;margin-bottom:18px}.project h3{font-size:clamp(30px,3.5vw,49px);font-weight:500;line-height:1.05;letter-spacing:-.06em;margin-bottom:20px}.project-body>p:not(.eyebrow){font-size:16px;max-width:465px;line-height:1.7;margin-bottom:32px;color:#42443c}.project-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #1b1d1844;padding:16px 0}.project-bottom .text-link{border:0;font-size:12px}.project-bottom>.micro{font-size:12px;letter-spacing:.03em}.approach{border-top:1px solid var(--line)}.principles{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:40px;gap:40px;margin-top:50px}.principles>div{border-top:1px solid var(--line);padding-top:20px}.principles .micro{color:var(--purple)}.principles h3{font-size:21px;font-weight:500;letter-spacing:-.035em;margin:30px 0 14px}.principles p{font-size:16px;color:var(--muted);max-width:330px}.stack{padding:56px;background:#e3e7d8;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:40px;gap:40px;margin-bottom:100px}.stack h2{font-size:44px}.stack p:last-child{color:var(--muted);margin:0}.stack-pills{display:flex;gap:13px;flex-wrap:wrap}.stack-pills>span{border:1px solid #838b75;border-radius:99px;padding:15px 24px;display:flex;align-items:center;gap:15px;font-size:16px}.stack-pills b{font-size:23px;font-weight:400}.contact{background:var(--ink);color:var(--paper);padding:72px 0 54px}.contact .eyebrow{color:#a8afa0}.contact h2{font-size:clamp(48px,7vw,100px);position:relative}.contact em{color:#d7c9f3}.contact h2>span{position:absolute;right:0;bottom:6px;font-size:65px;font-weight:400}.contact-bottom{border-top:1px solid #666a5b;margin-top:36px;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:25px}.contact-bottom p{font-size:14px;color:#adb4a5;margin:0}.pending-links{display:flex;gap:30px;color:#aab19f;font-size:14px}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:100px;font-size:12px;font-weight:600;letter-spacing:.08em}.footer button{font-size:12px;padding:14px}.cat{position:fixed;left:calc(100vw - 104px);top:calc(100vh - 104px);height:48px;width:48px;z-index:30;padding:8px;touch-action:manipulation}.cat-sprite{display:block;width:32px;height:32px;background:url(/oneko.gif);background-position:var(--sx,-96px) var(--sy,-96px);image-rendering:pixelated;transform:scale(1.5)}.cat-label{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;letter-spacing:0;background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:5px 9px;opacity:0;pointer-events:none}.cat:focus-visible .cat-label,.cat:hover .cat-label{opacity:1}.project-dialog{width:min(610px,calc(100% - 32px));border:1px solid var(--ink);background:var(--paper);padding:48px 36px 32px;color:var(--ink);max-height:85dvh}.project-dialog::-webkit-backdrop{background:#151810aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-dialog::backdrop{background:#151810aa;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.project-dialog h2{font-size:42px}.project-dialog img{width:100%;margin-bottom:24px}.project-dialog p:not(.eyebrow){color:var(--muted);font-size:16px}.dialog-close{position:absolute;right:10px;top:10px;width:44px;height:44px}@media (max-width:1000px){.wrap{width:calc(100% - 64px)}.context{gap:45px}.hero-bottom{gap:30px}.edition,.terminal-live{display:none}.code{padding:24px 16px}.code pre{font-size:12px}.stack{padding:36px}.stack-pills>span{padding:12px 18px}.last-line{gap:30px}.hero-arrow{width:70px;height:70px;font-size:35px}}@media (max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:89px;gap:20px;position:relative}.brand{font-size:12px;gap:11px}.monogram{width:34px;height:42px}.resume{margin-left:auto;font-size:12px;padding:10px 13px;gap:15px}.menu-button{display:block;font-size:23px;min-width:44px;min-height:44px}.navigation{display:none;position:absolute;top:88px;left:-20px;right:-20px;background:var(--paper);z-index:20;padding:24px;border-bottom:1px solid var(--line)}.navigation.open{display:flex;flex-direction:column;gap:8px}.navigation a{padding:14px;font-size:18px}.hero{padding-top:56px;padding-bottom:45px}.hero-note{display:none}.hero-top{margin-bottom:32px}h1{font-size:clamp(42px,10.8vw,76px);letter-spacing:-.075em;line-height:1.04;margin-bottom:30px}h1 em{font-size:1.12em}.last-line{gap:12px}.hero-arrow{width:44px;height:44px;flex-shrink:0;font-size:25px}.hero-bottom{display:block}.hero-bottom>p{font-size:16px;max-width:340px;margin-bottom:19px}.context{padding:65px 0;grid-template-columns:1fr;gap:40px}.context h2{font-size:44px}.terminal{margin-right:10px;box-shadow:10px 10px 0 var(--lime)}.code{padding:25px 20px}.code pre{font-size:12px}.terminal-bar{padding:17px 13px}.terminal-live{display:none}.approach,.work{padding:65px 0}.section-heading{display:block}.section-heading>p{font-size:16px}.section-heading h2{font-size:48px}.filters{gap:7px;padding:22px 0}.filters button{font-size:14px;padding:9px 15px}.filters>.micro{display:none}.project-grid{grid-template-columns:1fr;gap:20px}.project.featured{display:block}.project,.project.featured{padding:23px 23px 0}.project-image{min-height:0;aspect-ratio:1.6;margin-bottom:26px}.project-top{margin-bottom:32px}.project h3{font-size:38px}.project-bottom{padding:12px 0;flex-wrap:wrap}.principles{grid-template-columns:1fr;gap:24px;margin-top:32px}.principles h3{margin-top:17px}.principles p{max-width:100%}.stack{padding:30px 24px;grid-template-columns:1fr;gap:26px;margin-bottom:65px}.stack-pills{gap:10px}.stack-pills>span{font-size:14px;padding:10px 16px;gap:10px}.stack h2{font-size:42px}.contact{padding:50px 0 40px}.contact h2{font-size:clamp(42px,10vw,65px);padding-right:10px}.contact h2>span{display:none}.contact .eyebrow{max-width:280px}.contact-bottom{display:block}.pending-links{margin-top:25px;gap:25px}.footer{min-height:130px;flex-wrap:wrap;gap:5px;padding:25px 0}.footer button{order:3;width:100%;text-align:left;padding:10px 0}.project-dialog{padding:50px 25px 25px}.project-dialog h2{font-size:36px}}.billu{position:fixed;z-index:30;width:48px;height:48px;touch-action:none}.billu.jump .cat-sprite,.billu.treat .cat-sprite{animation:billu-hop .42s ease-in-out infinite}.billu.angry .cat-sprite{filter:hue-rotate(290deg)}.billu:hover .cat-label{opacity:1}.billu-menu{position:absolute;right:38px;bottom:38px;display:flex;gap:6px;padding:7px;background:var(--ink);border:1px solid #4d5047;border-radius:18px;box-shadow:0 8px 20px #0003;white-space:nowrap}.billu-menu button{color:var(--paper);padding:8px 9px;border-radius:12px;font-size:12px;font-weight:700}.billu-menu button:hover{background:var(--lime);color:var(--ink)}.laser-dot{position:fixed;z-index:29;width:12px;height:12px;margin:-6px;border-radius:50%;background:#ff3131;box-shadow:0 0 0 7px #ff313133,0 0 18px #ff3131;pointer-events:none}.treat-controller{position:fixed;z-index:28;top:104px;right:20px;width:72px;height:82px;background:#ffc747;border:2px solid var(--ink);border-radius:8px 8px 14px 14px;box-shadow:4px 5px 0 #1b1d1844;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;touch-action:none;transform:rotate(7deg)}.treat-controller span{font-size:24px}.treat-controller b{font-size:10px;line-height:1.05}.treat-controller small{font-size:9px;color:#5d4822}@keyframes billu-hop{50%{transform:translateY(-18px) scale(1.5,1.32)}}.laser-gun{position:fixed;left:20px;bottom:20px;z-index:31;width:28px;height:28px;border:2px solid #ff3131;border-radius:50%;display:grid;place-items:center;color:#ff3131;background:#1b1d18;font-size:18px}.laser-beam{position:fixed;left:0;top:0;z-index:30;height:2px;background:#ff3131;box-shadow:0 0 8px #ff3131;transform-origin:left center;pointer-events:none}.project-image{position:relative}.project-image iframe{display:block;width:150%;height:150%;border:0;pointer-events:none;transform:scale(.667);transform-origin:top left}.blue{background:#bfd7e8}.project-page{min-height:100vh;padding:clamp(32px,7vw,110px);background:var(--paper);color:var(--ink)}.project-page h1{font-size:clamp(58px,10vw,150px);line-height:.9;letter-spacing:-.08em;margin:34px 0}.back{display:inline-block;margin-bottom:80px;font-size:12px;font-weight:700;letter-spacing:.1em;border-bottom:1px solid}.project-summary{max-width:760px;font-size:clamp(20px,2.5vw,34px);line-height:1.35}.project-actions{display:flex;flex-wrap:wrap;gap:12px;margin:36px 0}.project-actions a{padding:14px 18px;border:1px solid var(--ink);font-size:12px;font-weight:700;letter-spacing:.08em}.project-actions a:first-child{background:var(--lime)}.project-facts{display:flex;gap:12px;flex-wrap:wrap;margin:35px 0}.project-facts span{border:1px solid var(--line);border-radius:40px;padding:11px 16px;font-size:14px}.project-frame{width:100%;height:min(72vh,760px);border:1px solid var(--ink);background:#111}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{transition:none!important;animation:none!important}}.circle{display:grid;place-items:center;line-height:1}.experience,.research{padding:86px 0;border-top:1px solid var(--line)}.experience-list{margin-top:48px;border-top:1px solid var(--line)}.experience-card{display:grid;grid-template-columns:58px 160px 1fr;grid-gap:28px;gap:28px;padding:30px 0;border-bottom:1px solid var(--line);align-items:start}.experience-number{font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--purple);padding-top:10px}.experience-logo{width:130px;aspect-ratio:1;border:1px solid var(--line);border-radius:14px;background:#101310;display:grid;place-items:center;overflow:hidden}.experience-logo img{width:100%;height:100%;object-fit:contain}.experience-card:nth-child(2) .experience-logo img{transform:scale(.72)}.experience-logo span{font-size:31px;color:var(--lime);font-weight:700}.experience-content h3{font-size:clamp(25px,3vw,40px);font-weight:500;letter-spacing:-.055em;margin:8px 0 12px}.experience-content h3 span{display:block;font-size:.48em;letter-spacing:-.03em;color:var(--purple);margin-top:4px}.experience-content>p:not(.eyebrow){max-width:760px;color:var(--muted);margin-bottom:16px}.experience-stack{display:flex;flex-wrap:wrap;gap:7px}.experience-stack span{border:1px solid var(--line);border-radius:99px;padding:6px 10px;font-size:11px;font-weight:600;letter-spacing:.02em}.research{position:relative;background:#191c18;color:var(--paper);max-width:none;width:100%;padding-left:max(56px,calc((100vw - 1320px) / 2));padding-right:max(56px,calc((100vw - 1320px) / 2));overflow:hidden}.research .eyebrow{color:#c7ff43}.research h2{font-size:clamp(46px,6vw,86px);line-height:.95;letter-spacing:-.07em;margin:18px 0 42px}.research h2 em{color:#d7c9f3}.research-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:72px;gap:72px;max-width:1080px}.research-grid>div>p{font-size:18px;color:#d4d8cf}.research-note{border:1px solid #777d71;padding:26px;background:#242821}.research-note>b{font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--lime)}.research-note .experience-stack span{border-color:#697064;color:#d8ded1}.research-orbit{position:absolute;right:7vw;top:22px;color:#c7ff43;font-size:150px;line-height:1;opacity:.75}@media (max-width:700px){.experience,.research{padding-top:62px;padding-bottom:62px}.experience-card{grid-template-columns:36px 1fr;gap:14px;padding:24px 0}.experience-logo{grid-column:2;width:62px}.experience-content{grid-column:1/-1}.experience-content h3{font-size:29px}.experience-content>p:not(.eyebrow){font-size:15px}.research{padding-left:20px;padding-right:20px}.research-grid{grid-template-columns:1fr;gap:24px}.research-grid>div>p{font-size:16px}.research-orbit{font-size:95px;right:10px}.research h2{font-size:48px}.experience-stack span{font-size:10px}}