:root{--bg:#0a0a0a;--card:#101010;--ph:#141414;--term:#0d0f0c;--txt:#f5f5f0;--lime:#d3fd50;--b1:rgba(245,245,240,.08);--b2:rgba(245,245,240,.14);--mut40:rgba(245,245,240,.4);--mut45:rgba(245,245,240,.45);--mut50:rgba(245,245,240,.5);--mut60:rgba(245,245,240,.6);--mut65:rgba(245,245,240,.65);--mut70:rgba(245,245,240,.7);--mut75:rgba(245,245,240,.75);--gx:44px;--sans:'Archivo',sans-serif;--mono:'JetBrains Mono',monospace;--ease:cubic-bezier(.2,.8,.2,1);--ease-wipe:cubic-bezier(.7,0,.3,1);--ease-reveal:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--txt);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:clip}a{color:var(--lime);text-decoration:none}a:hover{color:var(--txt)}img{max-width:100%;height:auto}::selection{background:var(--lime);color:var(--bg)}.lime{color:var(--lime)}.mono{font-family:var(--mono)}body.yb-cursor-on,body.yb-cursor-on a,body.yb-cursor-on button{cursor:none}@keyframes mq{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}@keyframes imgIn{from{transform:scale(1.12)}to{transform:scale(1)}}@keyframes riseIn{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes barGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.cursor{position:fixed;left:0;top:0;z-index:99;pointer-events:none;display:none;align-items:center;gap:8px}body.yb-cursor-on .cursor{display:flex}.cursor-dot{width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--lime);mix-blend-mode:difference;transition:width .2s,height .2s,margin .2s}.cursor.is-big .cursor-dot{width:40px;height:40px;margin:-20px 0 0 -20px}.cursor-label{font:700 11px var(--mono);color:var(--bg);background:var(--lime);padding:4px 9px;border-radius:3px;white-space:nowrap;opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s}.cursor.has-label .cursor-label{opacity:1;transform:scale(1)}.wipe{position:fixed;inset:0;z-index:90;background:var(--lime);display:flex;align-items:center;justify-content:center;transform:translateY(100%);pointer-events:none}.wipe.wipe--cover{transform:translateY(0);pointer-events:all}.wipe.wipe--in{transition:transform .4s var(--ease-wipe);transform:translateY(0);pointer-events:all}.wipe.wipe--out{transition:transform .55s var(--ease-wipe);transform:translateY(-100%);pointer-events:none}.wipe-label{font:700 16px var(--mono);color:var(--bg);letter-spacing:.3em}.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:20px var(--gx);background:rgba(10,10,10,.55);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(245,245,240,.07)}body.admin-bar .nav{top:32px}.nav-logo{font:700 15px var(--mono);letter-spacing:.05em;color:var(--txt)}.nav-links{display:flex;gap:30px;font:500 12.5px var(--mono)}.nav-links a{color:var(--mut75);transition:color .2s}.nav-links a:hover,.nav-links a.is-active{color:var(--lime)}.nav-badge{display:flex;align-items:center;gap:8px;font:500 11.5px var(--mono);color:var(--lime);border:1px solid rgba(211,253,80,.35);border-radius:99px;padding:6px 13px;white-space:nowrap}.nav-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--lime);animation:pulse 2s infinite}.nav-burger{display:none;background:0 0;border:1px solid var(--b2);border-radius:99px;color:var(--txt);font:700 12px var(--mono);letter-spacing:.1em;padding:8px 16px}.menu-overlay{position:fixed;inset:0;z-index:60;background:var(--bg);display:none;align-items:center;padding:0 var(--gx)}.menu-overlay.is-open{display:flex}.menu-overlay nav{display:flex;flex-direction:column;gap:8px}.menu-overlay a{color:var(--txt);font:900 min(11vw,52px) var(--sans);letter-spacing:-.03em;line-height:1.15}.menu-overlay a:hover{color:var(--lime)}.menu-overlay a .mono{font-size:.45em;vertical-align:.5em;margin-right:6px}.kicker{font:500 13px var(--mono);color:var(--lime);letter-spacing:.15em;margin-bottom:16px}.outline{color:transparent;-webkit-text-stroke:2px var(--lime)}.page-wrap{padding:150px var(--gx) 80px;min-height:70vh}.page-wrap--narrow{max-width:980px}.page-wrap--tight{padding-bottom:0;min-height:0}.page-title{font:900 min(9vw,120px) var(--sans);line-height:.88;letter-spacing:-.035em;margin:0 0 60px}.page-title--small{font-size:min(7vw,76px)}.page-lead{max-width:560px;font:400 16px/1.6 var(--sans);color:var(--mut60);margin:-24px 0 56px}.page-foot-note{margin-top:44px;font:500 13px var(--mono);color:var(--mut45)}.section-label{font:700 14px var(--mono);color:var(--lime);letter-spacing:.12em;margin-bottom:24px}.link-underline{font:700 14px var(--mono);color:var(--lime);border-bottom:1px solid var(--lime);padding-bottom:4px}.card{border:1px solid var(--b2);border-radius:12px;background:var(--card);transition:border-color .3s}.card:hover{border-color:var(--lime)}.note-l{border-left:2px solid var(--lime);padding:6px 0 6px 22px;font:500 14px/1.6 var(--mono);color:var(--mut60)}.pill-btn{font:700 13px var(--mono);color:var(--lime);border:1px solid rgba(211,253,80,.4);border-radius:99px;padding:12px 20px;text-align:center;transition:all .25s;display:block}.pill-btn:hover{background:var(--lime);color:var(--bg)}.reveal{opacity:0;transform:translateY(48px);transition:opacity .9s var(--ease-reveal),transform .9s var(--ease-reveal)}.reveal.is-in{opacity:1;transform:translateY(0)}.rise{animation:riseIn .7s var(--ease) backwards}.rise-1{animation-delay:.1s}.rise-2{animation-delay:.2s}.rise-3{animation-delay:.3s}.mq{display:flex;width:max-content;white-space:nowrap;animation:mq 16s linear infinite}.mq--hero{font:800 26px var(--sans);letter-spacing:-.01em}.mq--big{font:800 44px var(--sans);letter-spacing:-.02em;color:rgba(245,245,240,.9);animation-duration:22s}.mq--outline{color:transparent;-webkit-text-stroke:1.2px rgba(211,253,80,.7)}.mq--reverse{animation-direction:reverse}.mq>span{padding-right:28px}.hero{position:relative;height:100vh;min-height:640px;overflow:hidden}.hero-canvas{position:absolute;inset:0;width:100%;height:100%}.hero-vertical{position:absolute;left:var(--gx);top:50%;transform:translateY(-50%);z-index:5;font:500 11px var(--mono);color:var(--mut40);writing-mode:vertical-rl;letter-spacing:.3em}.hero-main{position:absolute;left:var(--gx);bottom:110px;z-index:5}.hero-title{font:900 min(10.5vw,145px) var(--sans);line-height:.86;letter-spacing:-.035em;margin:0}.hero-aside{position:absolute;right:var(--gx);bottom:130px;z-index:5;text-align:right;max-width:250px}.hero-aside p{font:400 14px/1.5 var(--sans);color:var(--mut60);margin:0}.hero-scroll{font:500 12px var(--mono);margin-top:14px}.hero-mq{position:absolute;left:0;right:0;bottom:0;z-index:5;border-top:1px solid rgba(245,245,240,.12);background:rgba(10,10,10,.55);overflow:hidden;padding:12px 0}.works{position:relative;height:560vh}.works-sticky{position:sticky;top:0;height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.works-head{position:absolute;top:100px;left:var(--gx);right:var(--gx);display:flex;justify-content:space-between;align-items:baseline}.works-title{font:900 min(7vw,92px) var(--sans);line-height:1;letter-spacing:-.03em;margin:0}.works-hint{font:500 12px var(--mono);color:var(--mut50)}.works-track{display:flex;gap:var(--gx);padding:0 var(--gx);width:max-content;will-change:transform;margin-top:120px}.works-more{width:520px;flex:none;display:flex;align-items:center;justify-content:center}.works-more-txt{font:900 64px var(--sans);line-height:1;text-align:center;color:transparent;-webkit-text-stroke:1.5px rgba(211,253,80,.6)}.works-more:hover .works-more-txt{-webkit-text-stroke-color:var(--lime)}.proj-card{display:block;border:1px solid var(--b2);border-radius:12px;overflow:hidden;background:var(--card);transition:border-color .3s;color:var(--txt)}.proj-card:hover{border-color:var(--lime);color:var(--txt)}.proj-card--home{width:620px;flex:none}.proj-media{display:block;height:230px;position:relative;overflow:hidden;background:var(--ph)}.proj-card--home .proj-media{height:340px}.proj-media img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(.35) contrast(1.05);transition:filter .4s,transform .5s}.proj-card:hover .proj-media img{filter:grayscale(0);transform:scale(1.04)}.proj-num{position:absolute;top:14px;left:16px;font:700 12px var(--mono);color:var(--lime);background:rgba(10,10,10,.7);padding:4px 8px;border-radius:4px}.proj-card--home .proj-num{top:18px;left:20px;font-size:13px}.proj-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:9px}.proj-card--home .proj-body{padding:26px 28px 30px;gap:12px}.proj-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.proj-name{font:800 22px var(--sans);letter-spacing:-.02em}.proj-card--home .proj-name{font-size:30px}.proj-arrow{font:700 17px var(--mono);color:var(--lime)}.proj-card--home .proj-arrow{font-size:20px}.proj-tag{font:500 11.5px var(--mono);color:var(--lime);letter-spacing:.08em}.proj-card--home .proj-tag{font-size:12px}.proj-short{font:400 13.5px/1.55 var(--sans);color:var(--mut60)}.proj-card--home .proj-short{font-size:14px}.about{position:relative;min-height:100vh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:120px 0}.about-blob{position:absolute;left:0;top:0;width:460px;height:460px;margin:-230px 0 0 -230px;border-radius:50%;background:radial-gradient(circle,var(--lime) 0%,rgba(211,253,80,.35) 45%,transparent 70%);pointer-events:none;filter:blur(8px);opacity:0}.about-title-wrap{position:relative;z-index:2;mix-blend-mode:difference;padding:0 var(--gx)}.about-title{font:900 min(12vw,165px) var(--sans);line-height:.85;letter-spacing:-.04em;color:var(--txt);margin:0}.about-cols{position:relative;z-index:2;display:flex;gap:60px;padding:70px var(--gx) 0;flex-wrap:wrap}.about-text{max-width:480px;font:400 17px/1.65 var(--sans);color:var(--mut70);margin:0}.about-list{display:flex;flex-direction:column;gap:14px;font:500 13px var(--mono);color:var(--mut60)}.about-more{position:relative;z-index:2;padding:60px var(--gx) 0}.skills-mq{padding:40px 0;border-top:1px solid rgba(245,245,240,.1);border-bottom:1px solid rgba(245,245,240,.1);overflow:hidden;display:flex;flex-direction:column;gap:18px}.cta{position:relative;min-height:80vh;display:flex;flex-direction:column;justify-content:center;padding:100px var(--gx) 60px}.cta .kicker{margin-bottom:20px}.cta-title{font:900 min(11vw,150px) var(--sans);line-height:.88;letter-spacing:-.04em;color:var(--txt);display:block}.cta-title:hover{color:var(--txt)}.cta-title:hover .outline{-webkit-text-stroke-color:var(--txt)}.qsn-grid{display:flex;gap:60px;flex-wrap:wrap;align-items:flex-start}.qsn-side{flex:none;width:340px}.qsn-photo-card{overflow:hidden}.qsn-photo-card img{width:100%;aspect-ratio:1;object-fit:cover;display:block;filter:grayscale(.25)}.qsn-coords{padding:20px 22px;display:flex;flex-direction:column;gap:10px;font:500 12.5px var(--mono);color:var(--mut70)}.qsn-main{flex:1;min-width:min(400px,100%);display:flex;flex-direction:column;gap:56px}.qsn-intro{max-width:640px;font:400 19px/1.65 var(--sans);color:var(--mut75)}.qsn-intro p{margin:0 0 1em}.qsn-intro p:last-child{margin-bottom:0}.skills{display:flex;flex-direction:column;gap:18px;max-width:640px}.skill{display:flex;flex-direction:column;gap:7px}.skill-head{display:flex;justify-content:space-between;font:500 13px var(--mono)}.skill-level{color:var(--mut45)}.skill-bar{height:4px;background:rgba(245,245,240,.1);border-radius:2px;overflow:hidden}.skill-fill{height:100%;background:var(--lime);border-radius:2px;transform-origin:left;transform:scaleX(0)}.skill-fill.is-in{animation:barGrow 1.1s var(--ease) forwards}.timeline{display:flex;flex-direction:column;max-width:640px}.tl-item{display:flex;gap:24px;padding:22px 0;border-top:1px solid rgba(245,245,240,.1)}.tl-date{flex:none;width:170px;font:500 12px var(--mono);color:var(--lime)}.tl-body{display:flex;flex-direction:column;gap:5px}.tl-title{font:700 18px var(--sans)}.tl-place{font:500 12px var(--mono);color:var(--mut50)}.tl-desc{font:400 14px/1.55 var(--sans);color:var(--mut65)}.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;margin-bottom:80px}.svc-card{padding:36px 32px;display:flex;flex-direction:column;gap:16px}.svc-num{font:700 15px var(--mono);color:var(--lime)}.svc-title{font:800 26px var(--sans);letter-spacing:-.02em}.svc-desc{font:400 15px/1.6 var(--sans);color:var(--mut65)}.infra-title{font:900 min(6vw,72px) var(--sans);line-height:.9;letter-spacing:-.03em;margin:0 0 20px}.infra-lead{max-width:640px;font:400 16px/1.6 var(--sans);color:var(--mut65);margin:0 0 40px}.infra-cols{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start;margin-bottom:60px}.term{flex:1;min-width:min(380px,100%);border:1px solid var(--b2);border-radius:12px;background:var(--term);overflow:hidden}.term-bar{display:flex;align-items:center;gap:8px;padding:12px 18px;border-bottom:1px solid rgba(245,245,240,.1);background:var(--card)}.term-dot{width:10px;height:10px;border-radius:50%}.term-dot--r{background:#ff5f57}.term-dot--y{background:#febc2e}.term-dot--g{background:#28c840}.term-title{font:500 12px var(--mono);color:var(--mut50);margin-left:8px}.term-body{padding:20px 22px;display:flex;flex-direction:column;gap:8px;font:500 12.5px var(--mono)}.term-muted{color:var(--mut40)}.term-foot{margin-top:8px}.term-row{display:flex;justify-content:space-between;gap:16px}.infra-points{flex:1;min-width:min(320px,100%);display:flex;flex-direction:column;gap:20px}.ipoint{border-left:2px solid var(--lime);padding:4px 0 4px 20px}.ipoint-title{font:700 17px var(--sans);margin-bottom:6px}.ipoint-desc{font:400 14px/1.55 var(--sans);color:var(--mut65)}.infra-strip{font:500 12px var(--mono);color:var(--mut45)}.real-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:28px}.blog-list{display:flex;flex-direction:column;max-width:1100px}.blog-row{display:flex;align-items:baseline;gap:28px;padding:30px 8px;border-top:1px solid rgba(245,245,240,.12);color:var(--txt);transition:padding-left .3s,background .3s}.blog-row:hover{padding-left:24px;background:rgba(211,253,80,.04);color:var(--txt)}.blog-num{flex:none;font:700 13px var(--mono);color:var(--lime)}.blog-title{flex:1;font:800 min(3.4vw,32px) var(--sans);letter-spacing:-.02em;line-height:1.1}.blog-tag{flex:none;font:500 12px var(--mono);color:var(--mut45)}.blog-arrow{flex:none;font:700 18px var(--mono);color:var(--lime)}.contact{display:flex;flex-direction:column;justify-content:center;padding-top:150px;min-height:100vh}.contact-cols{display:flex;gap:60px;margin-top:70px;flex-wrap:wrap}.contact-col{display:flex;flex-direction:column;gap:16px;font:500 14px var(--mono)}.contact-k{color:var(--mut40);font-size:12px}.contact-muted{color:var(--mut65)}.case-hero{height:56vh;min-height:320px;overflow:hidden;position:relative}.case-hero-img,.case-hero img{width:100%;height:100%;object-fit:cover;display:block;animation:imgIn 1.1s var(--ease)}.case-hero-fade{position:absolute;inset:0;background:linear-gradient(to top,var(--bg),transparent 60%)}.case-hero-text{position:absolute;left:var(--gx);bottom:36px;right:var(--gx)}.case-hero-text .kicker{letter-spacing:.12em;margin-bottom:12px}.case-title{font:900 min(8vw,100px) var(--sans);line-height:.88;letter-spacing:-.035em;margin:0}.case-title--post{font-size:min(5.5vw,64px);line-height:1}.case-cols{display:flex;gap:70px;padding:60px var(--gx) 30px;flex-wrap:wrap}.case-meta{flex:none;width:260px;display:flex;flex-direction:column;gap:22px;font:500 13px var(--mono);position:sticky;top:110px;align-self:flex-start}.case-meta-k{color:var(--mut40);margin-bottom:5px}.case-body{flex:1;min-width:min(400px,100%);max-width:760px;display:flex;flex-direction:column;gap:44px}.case-lead{font:400 21px/1.6 var(--sans);color:rgba(245,245,240,.85)}.case-sec{display:flex;flex-direction:column;gap:16px}.case-sec-h{font:800 30px var(--sans);letter-spacing:-.02em;margin:0}.case-sec-p{font:400 16.5px/1.7 var(--sans);color:var(--mut70);margin:0}.case-next{padding:70px var(--gx) 90px;border-top:1px solid var(--b1);display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:40px;color:var(--txt)}.case-next:hover{color:var(--txt)}.case-next-k{font:500 12px var(--mono);color:var(--mut45);margin-bottom:10px}.case-next-name{font:900 min(6vw,72px) var(--sans);line-height:.9;letter-spacing:-.03em;color:transparent;-webkit-text-stroke:1.8px var(--lime)}.case-next:hover .case-next-name{color:var(--lime)}.case-next-arrow{font:700 44px var(--mono);color:var(--lime)}.prose{font:400 16.5px/1.7 var(--sans);color:var(--mut70);max-width:760px}.prose h2,.prose h3{font:800 30px var(--sans);letter-spacing:-.02em;color:var(--txt);margin:1.6em 0 .6em}.prose h3{font-size:23px}.prose h2:before,.prose h3:before{content:'/ ';color:var(--lime)}.prose a{border-bottom:1px solid rgba(211,253,80,.4)}.prose img{border-radius:12px;border:1px solid var(--b2)}.prose blockquote{margin:1.5em 0;border-left:2px solid var(--lime);padding:6px 0 6px 22px;font:500 14px/1.6 var(--mono);color:var(--mut60)}.prose pre,.prose code{font-family:var(--mono);background:var(--term);border-radius:6px}.prose code{padding:2px 6px;font-size:.85em;color:var(--lime)}.prose pre{padding:18px 22px;overflow-x:auto;border:1px solid var(--b1)}.prose pre code{padding:0;background:0 0}.prose ul li::marker{color:var(--lime)}.prose figure{margin:1.5em 0}.prose figcaption{font:500 12px var(--mono);color:var(--mut45);margin-top:8px}.footer{display:flex;justify-content:space-between;align-items:center;padding:28px var(--gx);border-top:1px solid var(--b1);flex-wrap:wrap;gap:16px}.footer-logo{font:700 14px var(--mono)}.footer-circle{width:52px;height:52px;animation:spin 12s linear infinite;flex:none}.footer-circle div{width:100%;height:100%;border:1px dashed var(--lime);border-radius:50%}.footer-copy{font:500 11.5px var(--mono);color:var(--mut40)}.footer-copy a{color:var(--mut40)}.footer-copy a:hover{color:var(--lime)}.page-404{display:flex;flex-direction:column;justify-content:center;min-height:80vh}.page-404 .link-underline{align-self:flex-start}@media (max-width:1100px){.works-hint{display:none}}@media (max-width:860px){:root{--gx:24px}.nav{padding:14px var(--gx)}.nav-links,.nav-badge{display:none}.nav-burger{display:block}body.admin-bar .nav{top:46px}.works{height:auto;padding:90px 0 40px}.works-sticky{position:static;height:auto;overflow:visible;display:block}.works-head{position:static;padding:0 var(--gx);margin-bottom:30px}.works-track{margin-top:0;overflow-x:auto;width:auto;max-width:100%;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding-bottom:16px;transform:none !important}.proj-card--home{width:min(82vw,420px);scroll-snap-align:start}.proj-card--home .proj-media{height:220px}.proj-card--home .proj-name{font-size:24px}.works-more{width:min(60vw,300px)}.works-more-txt{font-size:40px}.hero-vertical{display:none}.hero-main{bottom:130px}.hero-aside{display:none}.about{min-height:0;padding:90px 0}.about-cols{gap:36px;padding-top:44px}.cta{min-height:60vh;padding-top:60px}.qsn-side{width:100%;max-width:380px}.case-meta{position:static;width:100%;flex-direction:row;flex-wrap:wrap;gap:28px}.case-meta .pill-btn{flex:none}.case-cols{gap:40px;padding-top:40px}.case-next{padding:50px var(--gx) 60px}.blog-row{gap:14px;flex-wrap:wrap;padding:22px 4px}.blog-title{flex:1 1 100%;order:3;font-size:22px}.tl-item{flex-direction:column;gap:8px}.tl-date{width:auto}.page-wrap{padding-top:110px}.contact{padding-top:110px}.contact-cols{gap:32px}}body.yb-static .reveal{opacity:1;transform:none;transition:none}body.yb-static .rise,body.yb-static .mq,body.yb-static .case-hero-img,body.yb-static .case-hero img{animation:none !important}body.yb-static .skill-fill{transform:scaleX(1)}body.yb-static .wipe{display:none}body.yb-static .works{height:auto;padding:90px 0 40px}body.yb-static .works-sticky{position:static;height:auto;overflow:visible;display:block}body.yb-static .works-head{position:static;padding:0 var(--gx);margin-bottom:30px}body.yb-static .works-track{margin-top:0;overflow-x:auto;width:auto;max-width:100%;transform:none !important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}