@font-face{font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:JetBrains;src:url('/assets/jetbrains-mono.woff2') format('woff2');font-weight:100 800;font-display:swap}
:root{--paper:#f4f1e8;--ink:#25251f;--red:#ed482c;--pad:clamp(22px,4.5vw,80px);--mono:JetBrains,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;touch-action:manipulation}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:7px}::selection{background:var(--red);color:var(--paper)}.skip-link{position:fixed;top:-100px;left:20px;z-index:50;background:var(--ink);color:var(--paper);padding:15px}.skip-link:focus{top:10px}.red{color:var(--red)}
.site-header{height:106px;margin:0 var(--pad);border-bottom:1px solid #25251f33;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:flex;align-items:center;font-size:25px;font-weight:760;letter-spacing:-1.2px}.brand-icon{font-size:32px;margin-right:12px;border:2px solid var(--ink);border-radius:8px;line-height:31px;width:36px;height:36px;padding-left:5px;position:relative}.brand-icon>span{position:absolute;font-size:21px;right:-6px;top:-9px;background:var(--paper);line-height:22px}.site-header nav{display:flex;gap:36px;font-size:13px;font-weight:550}.site-header nav a:hover,.source-link:hover{color:var(--red)}.source-link{font-size:12px;border:1px solid #25251f60;border-radius:30px;padding:13px 18px}.source-link span{margin-left:15px}
.hero{position:relative;padding:34px var(--pad) 0;overflow:hidden}.hero-topline{display:flex;justify-content:space-between}.eyebrow,.edition{font:10px/1.6 var(--mono);letter-spacing:.035em;text-transform:uppercase}.eyebrow i{display:inline-block;width:7px;height:7px;background:var(--red);border-radius:50%;margin-right:9px}.edition{color:#727169;font-size:9px}.hero h1{font-size:clamp(78px,11.8vw,185px);letter-spacing:-.085em;line-height:.91;font-weight:800;margin:53px 0 0;position:relative;z-index:2;pointer-events:none}.local-word{position:relative}.local-word svg{position:absolute;width:100%;height:25px;left:0;bottom:-20px;fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round}.hero-bottom{display:flex;gap:65px;margin:58px 0 85px;position:relative;z-index:3;pointer-events:none}.hero-copy p{font-size:19px;line-height:1.5;letter-spacing:-.4px;margin:0 0 27px}.pill-link{display:inline-flex;align-items:center;gap:40px;background:var(--red);color:var(--paper);border-radius:30px;padding:18px 24px;font-size:13px;font-weight:600;pointer-events:auto;transition:transform .2s,background .2s}.pill-link:hover{background:var(--ink);transform:rotate(-2deg)}.pill-link span{font-size:20px;line-height:12px}.hero-footnote{font-size:12px;line-height:1.6;align-self:flex-end;margin-bottom:12px;color:#77756b}.hero-baseline{display:flex;justify-content:space-between;padding:19px 0;border-top:1px solid #25251f33;font:9px/1.6 var(--mono);letter-spacing:.025em}
.computer-scene{position:absolute;right:6%;top:290px;width:345px;height:385px;z-index:4;perspective:900px}.computer{position:absolute;left:0;top:60px;width:320px;transform:rotate(-9deg) rotateY(-12deg);filter:drop-shadow(15px 28px 13px #30271428);transition:transform .5s}.computer:hover{transform:rotate(-5deg) rotateY(-5deg) translateY(-6px)}.computer-shell{background:linear-gradient(120deg,#e1dfd2,#c6c4b8 65%,#aaa89b);padding:22px 22px 0;border-radius:20px 20px 10px 10px;border:1px solid #aca99b;box-shadow:inset 3px 3px 2px #fffc,12px 3px 0 #98988e,13px 5px 0 #797d73}.screen-bezel{background:#aaa99b;padding:11px;border-radius:16px;box-shadow:inset 3px 4px 5px #696958,inset -2px -2px 1px #e6e4d9}.screen{height:180px;background:radial-gradient(ellipse at 45% 40%,#384e3e,#172b25 75%);border:3px solid #29352c;border-radius:11px;box-shadow:inset 0 0 20px #071911;position:relative;overflow:hidden;color:#d8f99a;text-align:center;display:flex;align-items:center;flex-direction:column;justify-content:space-between;padding:13px 5px 18px}.screen::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#00180c30 3px 4px);pointer-events:none}.screen-label{font:7px var(--mono);letter-spacing:1.5px}.screen-message{font:8px var(--mono);text-shadow:0 0 6px #d9ff86}.face{position:relative;width:104px;height:80px}.face i{position:absolute;top:7px;left:16px;width:13px;height:23px;background:#d8f99a;border-radius:3px;box-shadow:0 0 10px #d8f99a50;transition:transform .15s}.face i:nth-child(2){left:auto;right:16px}.face b{position:absolute;width:47px;height:23px;bottom:8px;left:29px;border:6px solid #d8f99a;border-top:0;border-radius:0 0 28px 28px}.computer.is-happy .face i{transform:scaleY(.25)}.computer.is-happy .face b{height:30px}.computer-chin{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 6px}.machine-logo{font-weight:800;font-size:20px;letter-spacing:-3px;color:#666a5e}.vents{width:65px;height:14px;background:repeating-linear-gradient(90deg,#838779 0 2px,transparent 2px 5px);margin-left:95px}.power-led{width:5px;height:5px;background:#ed542e;border-radius:50%;box-shadow:0 0 3px #ed542e}.computer-base{height:65px;margin:5px -8px 0;background:linear-gradient(#dbd9cd,#b5b4a7);border:1px solid #a9a799;border-radius:9px 9px 14px 14px;box-shadow:inset 1px 2px 2px #fff9,12px 0 #92958a,10px 8px #83867c;display:flex;align-items:center;justify-content:space-between;padding:0 23px}.play-button{background:var(--red);color:#fff4df;border:1px solid #bf3b21;border-radius:6px;box-shadow:0 5px #9c3828,inset 0 1px #ff9b73;padding:9px 14px;font:12px var(--mono);cursor:pointer;transition:transform .12s,box-shadow .12s}.play-button span{margin-left:24px}.play-button:active{transform:translateY(4px);box-shadow:0 1px #9c3828}.base-label{font:7px var(--mono);letter-spacing:1px;color:#63665d}.computer-note{position:absolute;top:0;right:0;font-size:13px;line-height:1.3;transform:rotate(8deg)}.computer-note>span{color:#888576}.computer-note svg{position:absolute;left:-64px;top:0;width:60px;height:55px;fill:none;stroke:#777568;stroke-width:1.5;transform:rotate(35deg)}.press-note{position:absolute;bottom:-18px;left:110px;font:9px var(--mono);transform:rotate(-8deg);color:#6c6b5f}.scene-star{position:absolute;right:-36px;bottom:35px;font-size:75px;color:var(--red);transform:rotate(10deg)}
.work{padding:95px var(--pad) 65px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:42px}.section-heading h2{font-size:clamp(48px,6.3vw,94px);line-height:.98;letter-spacing:-.065em;margin:22px 0 0;font-weight:730}.section-heading h2>span{color:#77766c}.section-heading>p{font-size:15px;line-height:1.5;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project{padding:25px 30px 30px;border-radius:5px;min-height:570px;display:flex;flex-direction:column;position:relative;overflow:hidden;isolation:isolate}.project-kamui{background:#e2e4f0}.project-absorb{background:#f8cf53}.project-attention{background:#ec684a}.project-agent{background:#c7d8c2}.project-top{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.045em}.project-arrow{border:1px solid #25251f60;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font:22px Geist;transition:background .2s,color .2s}.project:hover .project-arrow{background:var(--ink);color:var(--paper)}.project-art{height:305px;position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.project:hover .project-art{transform:translateY(-9px) rotate(-2deg)}.project-info h3{font-size:clamp(32px,3.6vw,57px);letter-spacing:-.06em;line-height:1;margin:10px 0 14px;font-weight:750}.project-info p{font-size:16px;line-height:1.4;letter-spacing:-.2px;margin:0 0 29px}.project-platform{font:8px var(--mono);letter-spacing:.035em}.canvas-tile{position:absolute;width:190px;height:185px;border-radius:5px;box-shadow:3px 13px 20px #47466e25}.tile-back{background:#a6aed5;top:38px;left:calc(50% - 129px);transform:rotate(-14deg);padding:20px;font-size:24px;line-height:1.05;letter-spacing:-1px}.tile-back i{position:absolute;bottom:20px;font-size:50px;font-style:normal}.tile-front{background:#fcfaef;top:81px;left:calc(50% - 35px);transform:rotate(12deg);padding:10px}.tile-front svg{width:100%;height:100%;fill:none;stroke:#e75136;stroke-width:9;stroke-linecap:round}.canvas-dot{position:absolute;left:calc(50% - 146px);top:213px;width:42px;height:42px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff8b5,#efb53b 40%,#926116);box-shadow:4px 7px 12px #302c362e}.canvas-cursor{position:absolute;left:calc(50% + 75px);top:240px;font-size:32px;color:#514ac3}.canvas-cursor b{font:9px var(--mono);background:#514ac3;color:white;padding:6px;position:absolute;top:26px;left:22px;white-space:nowrap}.book{position:absolute;width:170px;height:211px;left:calc(50% - 85px);top:40px;border-radius:5px 13px 13px 5px;box-shadow:6px 12px 13px #72540f35}.book-one{background:#e8e6ca;transform:rotate(-16deg);border-right:7px solid #a29f89}.book-two{background:#f17a42;transform:rotate(4deg);border-right:7px solid #b45123}.book-three{background:#2c684c;color:#f6e9b8;transform:rotate(18deg);padding:20px 12px 17px 20px;border-left:8px solid #21533e;display:flex;align-items:center;justify-content:space-between;flex-direction:column;box-shadow:inset -3px 0 #1e4d35,5px 9px 15px #72540f45}.book-three span{font:8px var(--mono);letter-spacing:1px}.book-three b{font-size:107px;line-height:1;font-weight:500}.absorb-spark{position:absolute;left:calc(50% + 102px);top:187px;color:#f4f1e8;font-size:85px;text-shadow:2px 3px #bd9126}.block{position:absolute;width:110px;height:110px;border-radius:13px;display:grid;place-items:center;font-size:90px;font-weight:800;line-height:1}.block-one{background:#f3e7bf;color:#e85637;top:137px;left:calc(50% - 117px);transform:rotate(-12deg);box-shadow:inset 3px 3px 2px #fffc,8px 10px 0 #cdb988,12px 22px 20px #79342635}.block-two{background:#303e34;color:#f8d778;top:30px;left:calc(50% - 21px);transform:rotate(12deg);box-shadow:inset 3px 3px 2px #677768,8px 10px 0 #1e3025,12px 22px 20px #79342635}.block-three{background:#b6bdde;color:#4b4584;top:157px;left:calc(50% + 9px);transform:rotate(5deg);font-size:65px;box-shadow:inset 3px 3px 2px #e7ebff,8px 10px 0 #8288b2,12px 22px 20px #79342635}.block-note{position:absolute;top:60px;left:calc(50% - 157px);font:10px/1.5 var(--mono);transform:rotate(-10deg)}.agent-terminal{width:295px;height:190px;background:#293e34;color:#e1eec6;border-radius:9px;position:absolute;top:54px;left:calc(50% - 147px);transform:rotate(-9deg);border:2px solid #45634e;box-shadow:7px 9px #78927c,13px 20px 23px #203d3130}.terminal-top{height:30px;border-bottom:1px solid #dce4c340;padding:10px;display:flex;gap:5px}.terminal-top i{width:6px;height:6px;border-radius:50%;background:#a1bda0}.terminal-top i:first-child{background:#eb7753}.terminal-top span{font:7px var(--mono);margin-left:auto}.terminal-body{padding:20px;display:flex;gap:15px;align-items:center}.terminal-body>span{font-size:75px;color:#d8edab}.terminal-body p{font:11px/1.8 var(--mono)}.terminal-body b{color:#d7f49f;font-weight:400}.agent-sticker{position:absolute;top:204px;left:calc(50% + 68px);background:#ee6e48;color:#273d2e;padding:13px 17px;transform:rotate(12deg);font:10px/1.3 var(--mono);border:3px double #a24427;box-shadow:2px 4px 5px #213d3020}.work-bottom{display:flex;justify-content:space-between;font-size:12px;padding:28px 0;border-bottom:1px solid #25251f33}.work-bottom>a{text-decoration:underline;text-underline-offset:4px}
.about{background:var(--red);padding:65px var(--pad) 80px;position:relative;overflow:hidden}.about-top{display:flex;justify-content:space-between}.about-stamp{position:absolute;right:9%;top:85px;width:140px;height:160px;border:2px solid currentColor;text-align:center;transform:rotate(12deg);padding:13px 4px;font:8px var(--mono);display:flex;flex-direction:column;justify-content:space-between}.about-stamp b{font:800 31px/.95 Geist;letter-spacing:-1.5px}.about-stamp>span{font-size:6px}.about h2{font-size:clamp(52px,7.5vw,115px);letter-spacing:-.07em;line-height:.98;margin:55px 0 50px;font-weight:760}.about h2>span{color:var(--paper);text-decoration:underline;text-decoration-thickness:4px;text-underline-offset:9px}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-doodle{font-size:200px;font-weight:300;line-height:1;transform:rotate(13deg);margin-left:12%}.about-bottom>div{max-width:480px}.about-bottom p{font-size:17px;line-height:1.55;margin:0 0 20px}.about-bottom a{display:flex;justify-content:space-between;border-bottom:1px solid #25251f80;padding:10px 0;font-size:12px;font-weight:600}.closing{padding:85px var(--pad) 40px}.closing h2{font-size:clamp(68px,11.2vw,175px);line-height:.92;letter-spacing:-.075em;margin:38px 0 50px;font-weight:780}.closing h2 a{color:var(--red);white-space:nowrap}.closing h2 a>span{display:inline-block;transition:transform .3s;font-weight:400;margin-left:25px}.closing h2 a:hover>span{transform:translate(8px,-8px)}.closing-bottom{display:flex;justify-content:space-between;align-items:flex-end}.closing-bottom p{font-size:13px;line-height:1.5}.back-top{font:9px var(--mono);padding:15px 0}footer{border-top:1px solid #25251f33;margin:0 var(--pad);padding:27px 0 32px;display:flex;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:21px}footer>span{font:8px var(--mono);color:#727166}footer>a:last-child{font-size:12px}
@media(min-width:1500px){.hero{min-height:820px}.computer-scene{top:360px;right:9%;transform:scale(1.12)}.hero-bottom{margin-bottom:115px}.project{min-height:650px}.project-art{height:365px;transform:scale(1.1);transform-origin:center center}.project:hover .project-art{transform:scale(1.1) translateY(-9px) rotate(-2deg)}}
@media(max-width:1100px){.site-header nav{gap:22px}.computer-scene{right:3%;top:260px;transform:scale(.82);transform-origin:top right}.hero-footnote{display:none}.hero-bottom{margin-bottom:105px}.hero h1{font-size:12vw}.about-stamp{right:6%;width:115px;height:140px;top:65px}.about-stamp b{font-size:27px}.project{padding:23px;min-height:550px}.project-art{transform:scale(.9)}.project:hover .project-art{transform:scale(.9) translateY(-8px)}}
@media(max-width:760px){.site-header{height:83px}.brand{font-size:22px}.site-header nav{display:none}.source-link{padding:10px 12px;font-size:10px}.source-link span{margin-left:6px}.edition{display:none}.hero{padding-top:25px}.eyebrow{font-size:8px}.hero h1{font-size:12.4vw;margin-top:40px}.hero-bottom{margin-top:40px;margin-bottom:390px}.hero-copy p{font-size:17px}.pill-link{padding:16px 21px;font-size:12px}.computer-scene{top:auto;bottom:103px;left:calc(50% - 158px);right:auto;transform:scale(.87);transform-origin:bottom center;height:330px}.computer{top:23px}.computer-note{top:-23px;right:7px;font-size:12px}.press-note{bottom:-45px}.scene-star{right:-6px;bottom:-5px;font-size:62px}.hero-baseline{font-size:7px;gap:25px}.hero-baseline>span{max-width:150px}.hero-baseline>a{align-self:center}.work{padding-top:65px;padding-bottom:35px}.section-heading h2{font-size:49px}.section-heading>p{font-size:11px;max-width:115px}.project-grid{gap:16px;grid-template-columns:1fr}.project{min-height:555px;padding:24px}.project-art{transform:none;height:310px}.project:hover .project-art{transform:translateY(-6px) rotate(-2deg)}.project-info h3{font-size:42px}.work-bottom{gap:25px;font-size:10px;line-height:1.5}.work-bottom>span{max-width:140px}.work-bottom>a{text-align:right}.about{padding-top:40px;padding-bottom:50px}.about h2{font-size:8.8vw;margin-top:60px}.about-stamp{position:relative;right:0;top:0;width:80px;height:96px;padding:8px 3px;font-size:5px}.about-stamp b{font-size:20px}.about-stamp>span{font-size:4px}.about-top{align-items:center}.about-bottom{grid-template-columns:1fr;gap:0}.about-doodle{display:none}.about-bottom p{font-size:15px}.closing{padding-top:60px}.closing h2{font-size:12vw}.closing h2 a>span{margin-left:10px}.closing-bottom p{font-size:11px}.back-top{font-size:8px}footer{flex-wrap:wrap;padding:25px 0}footer .brand{font-size:22px}footer>span{order:3;width:100%;font-size:7px}}
@media(max-width:380px){.brand{font-size:19px}.brand-icon{margin-right:8px}.source-link{font-size:8px;padding:9px}.section-heading h2{font-size:43px}.section-heading>p{max-width:90px}.project-info h3{font-size:36px}.project-art{transform:scale(.85)}.project:hover .project-art{transform:scale(.85) translateY(-6px)}}
@media(min-width:1101px){.computer-scene{top:380px}.hero-bottom{margin-bottom:180px}}
@media(min-width:1500px){.computer-scene{top:420px}.hero-bottom{margin-bottom:200px}}
@media(max-width:760px){.section-heading{align-items:flex-start;flex-direction:column;gap:20px}.section-heading>p{max-width:none}.section-heading>p br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}