@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#080a0a;--text:#e2f4f0;--muted:#939f9d;--purple:#9eaba8;--blue:#a5b2b0;--line:#262d30;--mono:'IBM Plex Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--bg);color:var(--text);margin:0;font:17px 'Golos Text',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--purple);outline-offset:6px}::selection{background:#828d8b;color:#0a0c0d}.skip{position:fixed;top:-100px;left:20px;background:var(--purple);color:var(--bg);padding:15px;z-index:100}.skip:focus{top:10px}header{height:80px;position:fixed;top:0;left:0;right:0;background:#080a0a6e;backdrop-filter:blur(22px);border-bottom:1px solid #858f8d1c;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:35px;z-index:40}.logo{font-size:30px;font-weight:700;letter-spacing:-2px}.logo span{color:var(--purple)}nav{display:flex;gap:35px;font-size:14px;color:#bbcac7}nav a:hover{color:#fff}#motion-toggle{width:35px;height:35px;border:1px solid #515857;border-radius:50%;background:transparent;color:var(--purple);font-size:15px}.progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;background:linear-gradient(90deg,#828c8a,#a6b3b1);transform:scaleX(var(--progress,0));transform-origin:left;pointer-events:none}.hero{height:max(780px,100svh);position:relative;overflow:hidden;isolation:isolate;padding:120px 5% 35px;display:flex;flex-direction:column;align-items:stretch}#field{position:absolute;inset:0;width:100%;height:100%;z-index:-2;background:radial-gradient(ellipse at 50% 55%,#101314,transparent 65%)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080a0a,transparent 35%,#080a0a55);z-index:-1;pointer-events:none}.hero-grain{position:absolute;inset:0;z-index:-1;opacity:.2;background-image:radial-gradient(#c7d7d422 .6px,transparent .6px);background-size:5px 5px;pointer-events:none}.hero-top{display:flex;justify-content:space-between;font:11px var(--mono);letter-spacing:1.4px;color:#7c8684}.hero-copy{margin:auto 0;text-align:center;position:relative;transform:translateY(calc(var(--hero-scroll,0)*-55px));opacity:calc(1 - var(--hero-scroll,0)*.7)}.hero-label{font:11px var(--mono);letter-spacing:1.3px;color:#9ba8a5;display:flex;align-items:center;justify-content:center;gap:12px}.hero-label>span{width:5px;height:5px;border-radius:50%;background:#909c9a;box-shadow:0 0 20px #7e8886}h1{font-size:clamp(95px,16vw,245px);font-weight:700;letter-spacing:-.08em;line-height:1;margin:20px 0 24px;display:flex;align-items:baseline;justify-content:center;text-shadow:0 5px 70px #090b0c}h1>span{display:inline-block;transform:translateY(calc(var(--hero-scroll,0)*var(--offset,0px))) rotate(calc(var(--hero-scroll,0)*var(--angle,0deg)))}h1>span:nth-child(1){--offset:-50px;--angle:-6deg}h1>span:nth-child(2){--offset:30px;--angle:3deg}h1>span:nth-child(3){--offset:-25px;--angle:-3deg}h1>span:nth-child(4){--offset:45px;--angle:7deg}h1>span:nth-child(5){--offset:-45px;--angle:4deg;color:#aebcb9}h1 i{font-style:normal;color:#a2afac}.hero-description{font-size:24px;line-height:1.5;color:#b3c1be;margin:0 0 27px;letter-spacing:-.5px}.hero-action{display:inline-flex;align-items:center;gap:40px;background:#aab7b5;color:#131718;padding:15px 24px;border-radius:40px;font-size:14px;font-weight:500;box-shadow:0 8px 35px #808a8818;transition:background .25s,transform .25s}.hero-action span{font-size:22px}.hero-action:hover{background:#c3d2cf;transform:translateY(-3px)}.hero-bottom{font:10px var(--mono);letter-spacing:1px;color:#7e8886;display:flex;justify-content:space-between;gap:25px;line-height:1.8}.label{font:11px var(--mono);letter-spacing:1.2px;color:#86918f;line-height:1.8;display:block}.work{padding:0 0 80px;border-top:1px solid var(--line);background:#0b0d0e;position:relative}.work-heading{padding:48px 5% 36px;display:flex;justify-content:space-between;gap:35px;align-items:end}h2{font-size:clamp(30px,3.4vw,49px);font-weight:500;letter-spacing:-1.7px;line-height:1.14;margin:16px 0 0}em{font-style:normal;color:var(--purple)}.work-controls{display:flex;align-items:center;gap:12px}#slide-status{font:12px var(--mono);color:#8d9896;margin-right:12px}.work-controls button{width:43px;height:43px;border-radius:50%;background:transparent;border:1px solid #4e5453;color:#b8c7c4;font-size:22px}.work-controls button:hover{background:#272e32}.work-controls button:disabled{opacity:.3;cursor:default}.track-viewport{overflow:hidden;padding:0 5%}.track{display:grid;gap:30px}.project{min-height:480px;background:#131718;border:1px solid #383c3b;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.project-info{padding:40px;display:flex;flex-direction:column;align-items:start}.project-index{font:10px var(--mono);letter-spacing:.8px;color:#929d9b;line-height:1.6}.project h3{font-size:clamp(45px,5vw,75px);letter-spacing:-2.5px;line-height:1.02;font-weight:600;margin:32px 0 24px}.project h3>span{color:#a2afad}.project p{font-size:16px;color:#a7b4b1;line-height:1.85;margin:0 0 24px;max-width:450px}.tags{display:flex;gap:13px;font:11px var(--mono);color:#899391;margin-bottom:26px;flex-wrap:wrap}.project-info>a{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:65px;border-bottom:1px solid #6f7876;padding:13px 0;font-size:15px;color:#b6c5c2}.project-info>a>span{font-size:23px}.project-art{position:relative;display:grid;place-items:center;overflow:hidden;min-height:380px;isolation:isolate}.network{background:radial-gradient(ellipse at 50% 30%,#3a3e3d,transparent 70%),#1b2123}.network-grid{position:absolute;inset:0;background-image:linear-gradient(#909b9910 1px,transparent 1px),linear-gradient(90deg,#909b9910 1px,transparent 1px);background-size:35px 35px;transform:perspective(500px) rotateX(25deg) scale(1.2)}.router{position:relative;z-index:2;width:150px;height:115px;background:linear-gradient(130deg,#727b79,#373b3a);box-shadow:15px 20px 0 #1e2427,0 0 70px #9faca918;border:1px solid #96a29f;transform:rotate(-9deg);padding:25px 22px}.router>span{font:13px var(--mono);color:#c8d7d4}.router>div{display:flex;gap:10px;margin-top:20px}.router i{height:17px;width:18px;border:1px solid #9ba7a5;background:#202629}.connection{position:absolute;width:110px;height:1px;background:#8e9a97;top:50%;z-index:1}.connection-a{left:calc(50% - 175px);transform:rotate(30deg)}.connection-b{right:calc(50% - 175px);transform:rotate(-30deg)}.endpoint{position:absolute;width:55px;height:55px;display:grid;place-items:center;border:1px solid #6e7775;border-radius:12px;color:#b4c2bf;background:#363a39;font-size:25px;animation:endpoint 4s ease-in-out infinite}.end-a{left:12%;top:27%}.end-b{right:12%;bottom:27%;animation-delay:-2s}.art-label{position:absolute;bottom:28px;left:30px;font:9px var(--mono);color:#7f8987;letter-spacing:1px}.project:nth-child(2){background:#141819;border-color:#393e3d}.project:nth-child(2) h3>span{color:#a2afad}.project:nth-child(2) p{color:#a0adab}.project:nth-child(2) .tags{color:#899491}.data{background:radial-gradient(ellipse at 0 0,#454a49,transparent 80%),#1d2325}.data-stack{transform:perspective(600px) rotateY(-15deg) rotateZ(-8deg);width:72%;display:flex;flex-direction:column;gap:15px}.data-stack>span{padding:20px 25px;font:12px var(--mono);letter-spacing:1.4px;color:#b9c8c5;background:#313534;border:1px solid #565d5b;box-shadow:8px 8px 0 #181c1e;animation:datafloat 6s ease-in-out infinite}.data-stack>span:nth-child(2){margin-left:10%;animation-delay:-1s}.data-stack>span:nth-child(3){margin-left:20%;animation-delay:-2s}.data-stack>span:nth-child(4){background:#9eaaa8;color:#1d2326;margin-left:30%;font-weight:500;animation-delay:-3s}.data .art-label{color:#86908e}.project:nth-child(3){background:#171b1d;border-color:#4a504f}.harpy{background:linear-gradient(130deg,#313534,#15191b)}.harpy-monogram{font:500 150px var(--mono);letter-spacing:-25px;color:#bac9c6;position:relative;z-index:1}.harpy-monogram>span{font-size:80px;color:#707977}.harpy-lines{position:absolute;inset:60px;display:flex;justify-content:space-between;gap:20px}.harpy-lines i{height:100%;width:1px;background:#59605f;rotate:20deg}.project:nth-child(4){background:#15191b;border-color:#3d4241}.project:nth-child(4) h3>span{color:#a9b7b4}.project:nth-child(4) p{color:#9ba7a4}.neko{background:radial-gradient(ellipse at 100% 0,#474d4c,transparent 80%),#1f2427}.neko svg{width:190px;height:190px;fill:none;stroke:#b2c0be;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.cat-eyes{transform:translate(var(--eye-x,0px),var(--eye-y,0px));transition:transform .12s}.cat-smile{opacity:0;transition:opacity .2s}.neko:hover .cat-smile{opacity:1}.cat-word{position:absolute;right:35px;bottom:100px;font:12px var(--mono);color:#7e8886;rotate:-10deg}.neko .art-label{color:#7d8785}.project-dots{display:flex;justify-content:center;gap:9px;margin-top:28px}.project-dots button{padding:9px;border:0;background:none;position:relative;width:30px;height:30px}.project-dots button:after{content:'';position:absolute;inset:11px;border-radius:50%;background:#4f5554;transition:background .25s,transform .25s}.project-dots button[aria-pressed=true]:after{background:#a0adaa;transform:scale(1.5)}.work.pinned{height:var(--pin-height,3500px);padding-bottom:0}.pinned .work-sticky{position:sticky;top:80px;height:calc(100svh - 80px);display:flex;flex-direction:column;justify-content:center;overflow:hidden}.pinned .work-heading{padding-top:20px;padding-bottom:28px}.pinned .track{display:flex;width:max-content;gap:28px;transform:translateX(calc(var(--track-x,0px)*-1))}.pinned .project{width:min(1120px,85vw);min-height:0;height:clamp(360px,calc(100svh - 320px),560px);flex-shrink:0}.pinned .project-art{min-height:0}.pinned .project h3{font-size:clamp(43px,5vw,70px);margin-top:24px;margin-bottom:22px}.pinned .project-info{padding:32px 40px}.pinned .project p{font-size:16px}.pinned .project-dots{margin-top:15px;margin-bottom:15px}.about{padding:115px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:12%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#141819,transparent 75%)}.about-intro>p{font-size:clamp(42px,5.2vw,78px);font-weight:500;letter-spacing:-2.8px;line-height:1.12;margin:50px 0 0}.about-intro>p>span{color:#8f9a98}.about-copy{position:relative;padding-top:80px}.profile-stamp{position:absolute;right:0;top:0;border:1px solid #4b5150;padding:12px 16px;display:flex;gap:0;align-items:center;color:#7f8987;rotate:-9deg;background:#141719}.profile-stamp>span{font-size:17px;font-weight:500}.profile-stamp>span+span{color:#a2afac}.profile-stamp i{font:9px var(--mono);margin-left:10px;font-style:normal}.about-copy h2{font-size:clamp(30px,3vw,43px);line-height:1.22;margin:0 0 32px;letter-spacing:-1.2px}.about-copy p{font-size:18px;line-height:1.9;color:#9aa7a4;margin:0 0 24px}.about-sign{font-size:15px;color:#a3b0ad;margin-top:34px;padding-top:25px;border-top:1px solid #343837;line-height:1.8}.method{padding:95px 5%;border-top:1px solid var(--line)}.method-rows{margin-top:40px}.method-rows article{display:grid;grid-template-columns:70px 1fr 1fr;gap:40px;align-items:center;border-top:1px solid var(--line);padding:35px 0}.method-rows article:last-child{border-bottom:1px solid var(--line)}.method-rows article>span{font:12px var(--mono);color:#6a7371}.method-rows h3{font-size:clamp(30px,3.7vw,52px);letter-spacing:-1.8px;font-weight:500;margin:0}.method-rows p{font-size:17px;line-height:1.8;color:#919c9a;margin:0}.stack{margin-top:50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.stack>div{display:flex;gap:30px;flex-wrap:wrap;font-size:23px;color:#b9c7c4}.closing{padding:100px 5% 60px;background:linear-gradient(130deg,#242b2f,#1f2528)}.closing .label{color:#919d9a}.closing>a{display:flex;justify-content:space-between;align-items:center;gap:40px;font-size:clamp(44px,6vw,87px);letter-spacing:-3px;line-height:1.15;margin:37px 0 50px;font-weight:500}.closing em{color:#9daaa7}.closing-arrow{font-size:120px;color:#949f9d;transition:translate .25s}.closing>a:hover .closing-arrow{translate:5px -5px}.closing>div{border-top:1px solid #5e6664;padding-top:30px;display:flex;justify-content:space-between;gap:25px;font-size:15px;line-height:1.8;color:#95a09e}footer{padding:30px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:12px;color:#757f7d}footer .logo{font-size:25px}footer>div{display:flex;gap:15px}footer>div>span:first-child{color:#585f5e}footer a:last-child{color:#99a6a3}.paused *,.paused *:before,.paused *:after{animation-play-state:paused!important;transition:none!important}.paused{scroll-behavior:auto}.reveal{opacity:.3;transform:translateY(25px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}@keyframes endpoint{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes datafloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:1000px){.project-info{padding:32px}.project h3{font-size:58px}.about{gap:8%}.about-copy p{font-size:17px}.method-rows article{grid-template-columns:45px 1fr 1fr;gap:25px}.stack{flex-direction:column;align-items:start;gap:25px}.stack>div{font-size:21px}footer{flex-wrap:wrap}footer>div{order:3;width:100%}.pinned .project-info{padding:26px}.pinned .project h3{font-size:49px}.pinned .project p{font-size:15px}.project-info>a{font-size:14px}.pinned .tags{font-size:10px;margin-bottom:15px}}
@media(max-width:900px){.work-controls{display:none}.project-dots{display:none}.track{gap:28px}.project{min-height:0}.project-info{padding:30px}.project h3{font-size:53px}.project p{font-size:16px}.project-art{min-height:400px}.work-heading{padding-top:55px;padding-bottom:35px}.about{grid-template-columns:1fr;gap:45px;padding-top:80px;padding-bottom:80px}.about-intro>p{font-size:60px;line-height:1.1;margin-top:35px}.about-copy{padding-top:50px}.about-copy h2{font-size:36px;max-width:650px}.about-copy p{max-width:680px}.about-sign{max-width:680px}.profile-stamp{top:0;right:0}.method{padding-top:75px;padding-bottom:75px}.closing{padding-top:75px}.closing>a{font-size:58px}.closing-arrow{font-size:90px}}
@media(max-width:600px){html{scroll-padding-top:85px}header{height:70px;padding:0 6%;gap:16px}.logo{font-size:26px}nav{gap:17px;font-size:12px}nav a:last-child{display:none}#motion-toggle{height:31px;width:31px;font-size:13px}.hero{height:max(720px,100svh);padding:105px 6% 27px}.hero-top{font-size:9px;letter-spacing:.7px}.hero-top>span:last-child{display:none}.hero-label{font-size:8px;letter-spacing:.7px;gap:8px;line-height:1.8;max-width:280px;margin-left:auto;margin-right:auto}h1{font-size:23.5vw;letter-spacing:-.085em;margin:24px 0}.hero-description{font-size:22px;letter-spacing:-.6px;line-height:1.5;margin-bottom:26px}.hero-action{font-size:14px;gap:30px;padding:14px 22px}.hero-action>span{font-size:20px}.hero-bottom{flex-direction:column;gap:13px;font-size:8px;letter-spacing:.6px}.hero-bottom>span:first-child{display:none}.hero-bottom>a{font-size:9px;letter-spacing:.4px;text-align:center}.label{font-size:10px;letter-spacing:.8px}h2{font-size:32px;letter-spacing:-1.1px;line-height:1.18}.work{padding-bottom:60px}.work-heading{padding:45px 6% 30px}.track-viewport{padding:0 6%;overflow:visible}.track{gap:25px}.project{grid-template-columns:1fr;border-radius:17px}.project-info{padding:29px 26px}.project-index{font-size:9px;letter-spacing:.4px}.project h3{font-size:56px;letter-spacing:-2px;margin:26px 0 21px}.project p{font-size:16px;line-height:1.85}.tags{font-size:10px;gap:12px;margin-bottom:20px}.project-info>a{font-size:15px;max-width:240px;width:100%;gap:20px}.project-art{min-height:290px;height:300px}.router{width:130px;height:105px;padding:23px 20px}.router>span{font-size:12px}.router>div{gap:8px;margin-top:17px}.router i{width:15px;height:15px}.endpoint{height:45px;width:45px;font-size:22px}.end-a{left:10%;top:20%}.end-b{right:10%;bottom:20%}.connection-a{left:calc(50% - 140px)}.connection-b{right:calc(50% - 140px)}.art-label{font-size:8px;left:22px;bottom:22px;letter-spacing:.6px}.data-stack{width:72%;gap:12px}.data-stack>span{font-size:10px;padding:16px 20px;letter-spacing:1px}.harpy-monogram{font-size:135px}.harpy-monogram>span{font-size:75px}.harpy-lines{inset:50px}.neko svg{width:160px;height:160px}.cat-word{font-size:10px;bottom:65px;right:24px}.about{padding:65px 6%;gap:38px}.about-intro>p{font-size:47px;letter-spacing:-1.8px;margin-top:28px}.about-copy{padding-top:60px}.profile-stamp{padding:10px 14px;right:6px}.profile-stamp>span{font-size:15px}.profile-stamp i{font-size:8px}.about-copy h2{font-size:32px;letter-spacing:-1px;margin-bottom:25px}.about-copy p{font-size:16px;line-height:1.9}.about-sign{font-size:14px;margin-top:27px;padding-top:23px}.method{padding:65px 6%}.method-rows{margin-top:30px}.method-rows article{grid-template-columns:30px 1fr;gap:0 15px;padding:27px 0;align-items:start}.method-rows article>span{font-size:10px;padding-top:7px}.method-rows h3{font-size:31px;letter-spacing:-1px;margin-bottom:15px}.method-rows p{grid-column:2;font-size:16px;line-height:1.8}.stack{margin-top:35px;gap:22px}.stack>div{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px;font-size:20px;width:100%}.closing{padding:60px 6% 40px}.closing>a{font-size:39px;letter-spacing:-1.5px;gap:14px;margin:29px 0 36px;align-items:start}.closing-arrow{font-size:51px}.closing>div{flex-direction:column;gap:14px;font-size:13px;padding-top:23px}footer{padding:27px 6%;font-size:11px;gap:22px}footer>div{font-size:12px;gap:15px;flex-wrap:wrap}footer>a:last-child{font-size:12px}}
@media(max-width:360px){.closing>a{font-size:34px}.closing-arrow{font-size:43px}.project-info{padding:26px 22px}.project h3{font-size:51px}.hero-description{font-size:21px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-copy,h1>span{transform:none!important;opacity:1}.reveal{opacity:1;transform:none}.cat-eyes{transform:none}}

:root{--bg:#080b0f;--text:#eef4f2;--muted:#809395;--purple:#91d8ca;--blue:#c6a989;--line:#28343a}header{background:#080b0fb3}.logo{display:flex;align-items:center;gap:9px;letter-spacing:-1.5px}.brand-mark{width:35px;height:35px;display:block}.progress{background:linear-gradient(90deg,#91d8ca,#c6a989)}#field{background:radial-gradient(ellipse at 50% 55%,#142324,transparent 65%)}.hero:after{background:linear-gradient(0deg,#080b0f,transparent 35%,#080b0f55)}h1>span:nth-child(5){color:#eef4f2}h1 i{color:#c6a989}.hero-label>span{background:#91d8ca;box-shadow:0 0 20px #91d8ca66}.hero-action{background:#91d8ca;color:#081216}.hero-action:hover{background:#b6e8df}.project-dots button[aria-pressed=true]:after{background:#91d8ca}.closing{background:linear-gradient(130deg,#1b3032,#131e23)}.closing em,.about-intro>p>span{color:#91d8ca}.cat-eyes{transition:transform .28s ease-out}@media(max-width:600px){.brand-mark{width:27px;height:27px}.logo{gap:6px;font-size:23px}}

.neko .ascii-cat{width:240px;height:190px;stroke:none;fill:#c6a989}.ascii-cat text{font:700 43px monospace;text-anchor:middle;white-space:pre}.ascii-cat .cat-smile{fill:none;stroke:#c6a989;stroke-width:3}@media(max-width:600px){.neko .ascii-cat{width:210px;height:170px}}

.arrow-icon{width:24px;height:24px;display:block;flex-shrink:0;transition:transform .32s cubic-bezier(.2,.7,.2,1)}.arrow-wrap{display:grid;place-items:center}.hero-action .arrow-wrap{width:34px;height:34px;border-radius:50%;background:#08121610}.hero-action:hover .arrow-icon,.hero-action:focus-visible .arrow-icon,.project-info>a:hover .arrow-icon,.project-info>a:focus-visible .arrow-icon{transform:translate(3px,-3px)}.project-info>a{transition:color .25s,border-color .25s}.project-info>a:hover{color:#eef4f2;border-color:#91d8ca}.project-info>a .arrow-icon{width:25px;height:25px}.work-controls button{width:48px;height:48px;display:grid;place-items:center;border-color:#526565;color:#dce9e5;transition:background .25s,border-color .25s,box-shadow .25s}.work-controls button:hover:not(:disabled){background:#91d8ca16;border-color:#91d8ca;box-shadow:0 0 22px #91d8ca0d}.work-controls #next:hover:not(:disabled) .arrow-icon{transform:translateX(3px)}.work-controls #previous:hover:not(:disabled) .arrow-icon{transform:translateX(-3px)}.work-controls button:disabled{opacity:.3}.closing-arrow .arrow-icon{width:100px;height:100px}@media(max-width:900px){.closing-arrow .arrow-icon{width:75px;height:75px}}@media(max-width:600px){.closing-arrow .arrow-icon{width:45px;height:45px}.hero-action .arrow-wrap{width:28px;height:28px}}

.inline-arrow{display:inline-block;width:17px;height:17px;vertical-align:-3px;margin-left:3px}nav a:hover .inline-arrow,footer a:hover .inline-arrow{transform:translate(2px,-2px)}

body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}