:root{--pink:#f9dce8;--cream:#fff7f0;--hot:#cf2564;--ink:#471c35;--muted:#775468;--line:#bc8da441;--pixel:"Pixelify Sans", monospace;--heading:"Space Grotesk", sans-serif;--body:"DM Sans", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px;overflow-x:clip}body{background:var(--pink);color:var(--ink);font:16px/1.6 var(--body);margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--hot);outline-offset:5px}button{touch-action:manipulation}::selection{background:var(--hot);color:#fff}.skip{z-index:100;background:#fff;padding:10px;position:fixed;top:-100px;left:20px}.skip:focus{top:10px}.scroll-progress{background:var(--hot);z-index:100;width:0;height:3px;position:fixed;top:0;left:0}.pixel{font-family:var(--pixel);letter-spacing:-.06em;font-weight:500}.header{border-bottom:1px solid var(--line);z-index:4;align-items:center;gap:25px;height:100px;margin:0 4.4%;display:flex;position:relative}.brand{font:600 40px/.9 var(--pixel);letter-spacing:-2px;position:relative}.brand>span{font:23px var(--pixel);color:var(--hot);vertical-align:top;letter-spacing:0;margin:1px 0 0 3px;display:inline-block}.brand small{font:8px/1.5 var(--body);letter-spacing:2px;margin-top:7px;display:block}.header nav{align-items:center;gap:39px;margin-left:auto;font-size:14px;display:flex}.header nav sup{font:10px var(--pixel);vertical-align:top;margin-left:3px}.header nav a{position:relative}.header nav a:not(.nav-hello):after{content:"";background:var(--hot);height:2px;transition:right .25s;position:absolute;bottom:-5px;left:0;right:100%}.header nav a:hover:after{right:0}.nav-hello{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:var(--cream);gap:20px;padding:10px 17px;transition:translate .2s,box-shadow .2s;display:flex}.nav-hello:hover{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.motion-toggle{border:1px solid var(--line);background:0 0;place-items:center;width:34px;height:34px;margin-left:8px;font-size:14px;display:grid}.hero{isolation:isolate;grid-template-columns:1.1fr 1fr;gap:0;min-height:795px;padding:70px 4.4% 0;display:grid;position:relative}.hero-grid{z-index:-1;background-image:linear-gradient(#bc8da40d 1px,#0000 1px),linear-gradient(90deg,#bc8da40d 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 75%);mask-image:linear-gradient(#0000,#000 75%)}.hero-copy{z-index:2;padding-top:20px;position:relative}.kicker{letter-spacing:1.7px;align-items:center;gap:10px;margin:0 0 28px;font-size:11px;font-weight:600;display:flex}.cross{color:var(--hot);font-size:23px}h1{font:600 clamp(64px, 7.3vw, 115px)/1.02 var(--heading);letter-spacing:-7px;margin:0 0 30px}.line{margin-bottom:-9px;padding-bottom:9px;display:block;overflow:hidden}.line>span{display:block}.pixel-line{font-family:var(--pixel);letter-spacing:-7px;color:var(--hot);font-size:1.16em;font-weight:500}.period{color:var(--ink)}.hello{font:600 22px var(--heading);margin:25px 0 10px}.hello>span{font:25px var(--pixel);color:var(--hot);margin-left:4px;display:inline-block;rotate:-8deg}.hero-description{color:var(--muted);margin:0;font-size:16px;line-height:1.65}.hero-actions{align-items:center;gap:28px;margin-top:29px;display:flex}.button{justify-content:space-between;align-items:center;gap:30px;padding:15px 22px;font-size:14px;font-weight:500;transition:translate .25s,box-shadow .25s;display:inline-flex;position:relative}.solid{background:var(--ink);color:var(--cream);border:1px solid var(--ink);box-shadow:4px 4px #cb809f}.solid:hover{translate:3px 3px;box-shadow:1px 1px #cb809f}.arrow-box{font-size:22px;line-height:1}.hand-note{font:17px/1.15 var(--pixel);color:var(--muted);rotate:-8deg}.hero-specialties{flex-wrap:wrap;gap:8px;margin-top:40px;display:flex}.hero-specialties>span{letter-spacing:1px;background:#fff2f333;border:1px solid #b87e985c;padding:5px 10px;font-size:9px}.playground{isolation:isolate;align-self:center;min-width:0;margin-top:-25px;position:relative}.stage-grid{z-index:-1;background:radial-gradient(#fbb6d3 0%,#f6c5dc90 48%,#0000 70%);position:absolute;inset:90px 5px}.stage-top{font:11px var(--pixel);letter-spacing:1px;color:#7f4161;justify-content:space-between;margin:20px 20px 0;display:flex}.live-square{background:var(--hot);width:6px;height:6px;margin-right:6px;display:inline-block}.mochi-stage{cursor:grab;touch-action:pan-y;width:100%;height:450px;position:relative}.mochi-stage.dragging{cursor:grabbing}.mochi-stage canvas{outline:none;width:100%;height:100%;transition:opacity .5s;display:block;position:absolute;inset:0}.mochi-stage.pixelated canvas{image-rendering:pixelated}.mochi-stage img{object-fit:contain;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.mochi-stage.ready img{opacity:0;pointer-events:none}.speech{font:18px var(--pixel);background:var(--cream);border:1px solid var(--ink);pointer-events:none;z-index:2;max-width:210px;padding:9px 14px;position:absolute;top:100px;right:4%;rotate:6deg;box-shadow:3px 3px #a66b874a}.speech:after{content:"";background:var(--cream);border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);width:10px;height:10px;position:absolute;bottom:-6px;left:20px;rotate:45deg}.pixel-caption{font:14px/1.2 var(--pixel);pointer-events:none;position:absolute;bottom:155px;left:6%;rotate:-12deg}.pixel-caption span,.pixel-caption b{display:block}.pixel-caption b{color:var(--hot);font-weight:500}.stage-coordinate{font:20px var(--pixel);color:#9a4f70;pointer-events:none;position:absolute;bottom:160px;right:5%;rotate:9deg}.playground-bottom{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 20px;padding-bottom:15px;display:flex}.drag-hint{color:var(--muted);font-size:11px}.render-toggle{background:#ffedf4;border:1px solid #c79eb1;gap:2px;padding:3px;display:flex}.render-toggle button{font:11px var(--pixel);background:0 0;border:0;padding:5px 8px}.render-toggle button.active{background:var(--ink);color:#fff}.toy-controls{justify-content:center;align-items:center;gap:9px;margin-top:16px;display:flex}.toy-controls>button{background:#ffeef5;border:1px solid #c99aaf;padding:7px 12px;font-size:12px;transition:background .2s,translate .2s;box-shadow:2px 2px #d5a2b6}.toy-controls>button:hover{background:#fff8fb;translate:0 -2px}.toy-controls>button>span{font:18px var(--pixel);margin-right:5px}.toy-controls>#spin-mochi{padding:5px 9px;font-size:23px;line-height:1.1}.bow-colors{border-left:1px solid #c99aaf;gap:7px;margin-left:12px;padding-left:14px;display:flex}.swatch{background:var(--swatch);border:2px solid var(--pink);outline:1px solid #0000;width:17px;height:17px;padding:0;box-shadow:0 0 0 1px #b17e9666}.swatch.active{outline:1px solid var(--ink);outline-offset:2px}.hero-footer{color:#80566c;letter-spacing:1px;border-top:1px solid var(--line);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:54px;padding:23px 0;font-size:9px;display:flex}.hero-footer a{color:var(--ink)}.hero-footer a span{margin-left:13px}.ticker{background:var(--hot);color:#ffdfed;border-block:1px solid var(--hot);padding:15px 0;overflow:hidden}.ticker-track{width:max-content;font:30px/1.1 var(--pixel);letter-spacing:-1px;align-items:center;gap:45px;display:flex}.ticker b{color:#f6b0ce;font-size:26px;font-weight:400}.section{padding:90px 6% 100px}.section-top{letter-spacing:1px;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:23px;font-size:10px;display:flex}.section-index{font-weight:600}.work{background:var(--cream);position:relative}.work-heading{align-items:flex-end;padding:39px 0 55px;display:flex;position:relative}.work-heading h2{font:500 75px/1.02 var(--heading);letter-spacing:-4px;margin:0}.work-heading h2 .pixel{color:var(--hot);letter-spacing:-5px;font-size:1.18em}.work-heading>p{color:var(--muted);margin:0 0 8px 15%;font-size:15px;line-height:1.6}.work-heart{font:80px var(--pixel);color:#dfacc0;position:absolute;top:35px;right:0;rotate:12deg}.projects{flex-direction:column;gap:60px;display:flex}.project{min-width:0}.project-image{isolation:isolate;background:#e4dced;border:1px solid #471c3515;height:570px;padding:56px 10% 0;position:relative;overflow:hidden}.project-ruwad .project-image{background:#dedcec}.project-image:before{content:"";z-index:-1;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.project-visual{transform-origin:bottom;background:#fff;border:1px solid #471c3560;height:100%;transition:box-shadow .4s;display:block;position:relative;overflow:hidden;box-shadow:12px 15px #471c3515}.project-visual img{object-fit:cover;object-position:top;width:100%;height:calc(100% - 32px);transition:transform 1s;display:block}.project-visual:hover img{transform:scale(1.035)}.window-bar{height:32px;font:11px var(--pixel);letter-spacing:.5px;z-index:2;background:#fff5ed;border-bottom:1px solid #471c3560;justify-content:space-between;align-items:center;padding:0 12px;display:flex;position:relative}.view-project{background:var(--ink);color:#fff;font:12px var(--pixel);padding:11px 16px;transition:translate .25s;position:absolute;inset:auto 20px 20px auto;translate:0 65px}.project-visual:hover .view-project,.project-visual:focus-visible .view-project{translate:0}.project-stamp{font:18px/1.15 var(--pixel);background:#d5f18f;border:1px solid #5e6234;padding:13px 19px;position:absolute;top:35px;right:3%;rotate:9deg;box-shadow:3px 3px #5e623430}.project-stamp b{font-weight:500}.project-details{border-bottom:1px solid var(--line);align-items:center;gap:18px;padding:20px 0;display:flex}.project-details>div{align-items:center;gap:17px;display:flex}.project-number{font:14px var(--pixel);color:#a6758a}.project-details h3{font:500 27px var(--heading);letter-spacing:-1px;margin:0}.project-details>p{color:var(--muted);margin:0 0 0 auto;font-size:13px}.project-type{font:11px var(--pixel);border:1px solid var(--line);white-space:nowrap;padding:5px 9px}.project-details>a{font:28px var(--heading);padding-left:5px}.project-bunny .project-image{background:#eccde6;height:570px;padding:50px 13% 0}.project-bunny .project-stamp{background:#fff1a4;top:60px;left:3%;right:auto;rotate:-10deg}.project-bunny .project-visual{rotate:2deg}.project-bunny img{object-fit:cover;object-position:top}.small-projects{grid-template-columns:1fr 1fr;gap:30px;display:grid}.small-projects .project-image{background:#dce5cf;height:350px;padding:35px 7% 0}.small-projects .project-details{gap:12px}.small-projects .project-details h3{font-size:24px}.small-projects .project-type{margin-left:auto;font-size:10px}.small-projects .project-details>div{gap:10px}.experiment{color:#fff0db;background:#522849;border:1px solid #471c3530;flex-direction:column;justify-content:space-between;height:350px;padding:30px;display:flex;position:relative;overflow:hidden}.experiment-label{font:11px var(--pixel);letter-spacing:.7px;color:#dbadc7}.math-art{font-family:var(--pixel);position:relative}.math-art span{display:block}.math-small{color:#dab4cc;font-size:21px;position:absolute;top:-26px;right:12px;rotate:-8deg}.math-equation{letter-spacing:-6px;color:#d9efa0;font-size:84px;line-height:1.1}.math-answer{letter-spacing:-2px;font-size:31px}.math-answer>span{color:#d9efa0;display:inline-block}.experiment-bottom{font:10px var(--pixel);letter-spacing:.5px;color:#ddbcd1;justify-content:space-between;align-items:center;display:flex}.experiment-bottom>span:last-child{color:#d9efa0;font-size:35px;transition:rotate .3s}.experiment:hover .experiment-bottom>span:last-child{rotate:45deg}.work-bottom{justify-content:space-between;align-items:center;gap:25px;padding-top:45px;display:flex}.work-bottom p{font:19px var(--pixel)}.work-bottom>a:not(.button){text-underline-offset:5px;font-size:13px;text-decoration:underline}.outline{border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px 19px;font-size:13px}.outline:hover{box-shadow:1px 1px 0 var(--ink);translate:2px 2px}.about{background:#f7d5e3}.about-heading{grid-template-columns:1fr 3fr;gap:40px;padding:52px 0;display:grid}.about-label{font:12px/1.6 var(--pixel);margin:12px 0}.about-heading h2{font:500 clamp(30px, 3.7vw, 58px)/1.23 var(--heading);letter-spacing:-2.5px;margin:0}.about-heading h2>span{color:var(--hot)}.about-heading .pink-word{letter-spacing:-3px;font-size:1.4em}.about-body{grid-template-columns:1fr 1.25fr;align-items:center;gap:100px;display:grid}.profile-card{border:1px solid var(--ink);background:#fff5ee;width:min(380px,100%);margin:15px auto;rotate:-3deg;box-shadow:8px 8px #c98da94a}.profile-content{padding:24px 28px}.profile-emblem{font:90px/.9 var(--pixel);letter-spacing:-10px;width:100px;color:var(--hot);margin:4px 0 20px;display:block;position:relative}.profile-emblem>span{color:var(--ink);letter-spacing:0;font-size:32px;position:absolute;top:-7px;right:-8px;rotate:10deg}.profile-content h3{font:500 28px var(--heading);letter-spacing:-1px;margin:12px 0 8px}.profile-content p{color:var(--muted);margin:0;font-size:14px}.profile-location{font:11px var(--pixel);color:var(--muted);margin:25px 0 16px}.profile-content a{border-top:1px solid var(--line);justify-content:space-between;padding-top:12px;font-size:14px;display:flex}.profile-bottom{border-top:1px solid var(--ink);font:9px var(--pixel);background:#edbace;justify-content:space-between;padding:9px 12px;display:flex}.about-story>p{color:var(--muted);margin:0 0 20px;font-size:16px;line-height:1.75}.about-story>.about-lead{font:500 23px/1.4 var(--heading);color:var(--ink);letter-spacing:-.5px}.achievement{border-top:1px solid var(--line);align-items:center;gap:15px;padding-top:20px;display:flex}.achievement>span{color:var(--hot);font-size:35px}.achievement p{margin:0;font-size:13px}.achievement small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.capabilities{border:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:80px;display:grid}.capability{padding:30px;position:relative;overflow:hidden}.capability+.capability{border-left:1px solid var(--ink)}.capability>span{font:12px var(--pixel);color:var(--muted)}.capability h3{font:500 45px/1 var(--heading);letter-spacing:-2px;margin:22px 0 28px}.capability h3.pixel{font-family:var(--pixel);font-size:51px}.capability p{margin:0 0 5px;font-size:15px}.capability small{font:11px var(--pixel);color:var(--muted)}.capability b{font:38px var(--pixel);color:var(--hot);position:absolute;top:18px;right:25px}.capability:nth-child(2){background:#f1b8d0}.contact{background:var(--ink);color:#f5d6e4;padding-bottom:25px;position:relative;overflow:hidden}.contact .section-top{border-color:#f8c7e22a}.contact-main{text-align:center;padding:75px 0 110px}.contact-label{font:10px var(--pixel);letter-spacing:1px;justify-content:center;align-items:center;gap:14px;display:flex}.contact-label>span{color:#ed7cad;font-size:22px}.contact h2{font:500 clamp(65px, 8vw, 125px)/1.04 var(--heading);letter-spacing:-6px;margin:25px 0 40px;position:relative}.contact h2 .pixel{color:#ee8bb6;font-size:1.05em}.blink-cursor{font-family:var(--pixel);color:#d7ed99}.contact-link{font:400 23px var(--heading);border-bottom:1px solid #cc9eb9;justify-content:space-between;align-items:center;gap:40px;padding-bottom:13px;display:inline-flex}.contact-link>span{color:#d7ed99;font-size:35px;transition:translate .25s}.contact-link:hover>span{translate:5px -5px}.contact-note{font:13px var(--pixel);color:#c29aaf;margin-top:17px}footer{border-top:1px solid #f8c7e22a;justify-content:space-between;align-items:center;gap:25px;padding-top:26px;display:flex}footer .brand{font-size:32px}footer .brand>span{color:#ed7cad;font-size:20px}footer>span{font:9px var(--pixel);color:#c5a0b3}footer>a:not(.brand){font-size:10px}footer>small{color:#c5a0b3;font-size:9px}@media (width>=1550px){.header,.hero,.section{padding-left:max(6%,50vw - 720px);padding-right:max(6%,50vw - 720px)}.header{margin:0}.hero{min-height:860px}.mochi-stage{height:520px}}@media (width<=1100px){.header{height:90px}.hero{grid-template-columns:1.08fr 1fr;min-height:740px;padding-top:45px}h1{letter-spacing:-5px;font-size:7.3vw}.pixel-line{letter-spacing:-5px}.kicker{letter-spacing:1px;font-size:9px}.hero-description{font-size:15px}.hero-actions{gap:17px}.hero-actions .button{gap:18px;padding:13px 16px;font-size:12px}.hand-note{font-size:14px}.mochi-stage{height:395px}.stage-top{margin-inline:8px;font-size:9px}.speech{font-size:16px;top:80px}.pixel-caption{font-size:12px;left:0}.playground-bottom{margin-inline:8px}.drag-hint{font-size:9px}.hero-footer-center{display:none}.project-image,.project-bunny .project-image{height:460px}.project-details>p{font-size:11px}.project-details h3{font-size:24px}.project-type{font-size:10px}.about-body{gap:60px}.about-heading{grid-template-columns:.85fr 3fr}.capability{padding:25px}.capability h3{font-size:36px}.capability h3.pixel{font-size:43px}.contact-link{font-size:20px}footer>span{display:none}}@media (width<=760px){.header{gap:12px;height:82px;margin-inline:22px}.brand{font-size:32px}.brand small{letter-spacing:1.4px;font-size:7px}.header nav{gap:19px;font-size:12px}.header nav sup{display:none}.nav-hello{gap:12px;padding:7px 11px}.motion-toggle{width:27px;height:27px;margin:0;font-size:12px}.hero{min-height:unset;grid-template-columns:1fr;padding:40px 22px 0}.hero-copy{padding-top:0}.kicker{letter-spacing:1.1px;margin-bottom:24px;font-size:10px}.cross{font-size:20px}h1{letter-spacing:-4.5px;margin-bottom:21px;font-size:clamp(63px,12.5vw,92px);line-height:1}.pixel-line{letter-spacing:-4px}.hello{margin-top:23px;font-size:21px}.hero-description{max-width:380px;font-size:15px}.hero-actions{gap:24px;margin-top:24px}.hero-actions .button{gap:23px;padding:13px 19px;font-size:14px}.hand-note{font-size:16px}.hero-specialties{gap:6px;margin-top:28px}.hero-specialties>span{padding:4px 8px;font-size:9px}.playground{width:100%;max-width:520px;margin:40px auto 0}.mochi-stage{height:390px}.stage-top{margin-top:0;font-size:10px}.speech{font-size:17px;top:64px;right:3%}.pixel-caption{font-size:13px;bottom:160px;left:4%}.stage-coordinate{font-size:17px;bottom:152px}.drag-hint{font-size:11px}.render-toggle button{font-size:12px}.playground-bottom{padding-bottom:12px}.toy-controls{margin-top:16px}.toy-controls>button{font-size:13px}.hero-footer{letter-spacing:.5px;margin-top:36px;padding:18px 0;font-size:8px}.hero-footer a span{margin-left:5px}.ticker{padding:12px 0}.ticker-track{gap:28px;font-size:24px}.section{padding:60px 22px}.section-top{letter-spacing:.5px;padding-bottom:17px;font-size:10px}.section-top>span:last-child{display:none}.work-heading{padding:30px 0 32px;display:block}.work-heading h2{letter-spacing:-3px;font-size:58px}.work-heading h2 .pixel{letter-spacing:-4px}.work-heading>p{margin:20px 0 0;font-size:14px}.work-heart{font-size:61px;top:44px;right:4px}.projects{gap:35px}.project-image,.project-bunny .project-image{height:330px;padding:38px 6% 0}.project-stamp{padding:8px 11px;font-size:13px;top:18px;right:4%}.project-bunny .project-stamp{top:20px;left:1%}.project-details{flex-wrap:wrap;gap:10px;padding:15px 0}.project-details>div{flex:1;gap:10px;min-width:60%}.project-details h3{font-size:24px}.project-details>p{order:3;width:100%;margin:0;padding-left:27px;font-size:13px}.project-details .project-type{order:4;margin-left:27px;font-size:10px}.project-details>a{margin-left:auto;line-height:1}.small-projects{grid-template-columns:1fr;gap:35px}.small-projects .project-image{height:310px}.small-projects .project-type{margin-left:27px}.experiment{height:310px;padding:27px}.math-equation{font-size:84px}.math-answer{font-size:32px}.math-small{right:0}.work-bottom{flex-wrap:wrap;gap:20px;padding-top:25px}.work-bottom p{width:100%;margin-bottom:0}.work-bottom>a:not(.button){font-size:12px}.outline{gap:15px;padding:9px 13px;font-size:12px}.about-heading{grid-template-columns:1fr;gap:20px;padding:29px 0 33px}.about-label{margin:0;font-size:11px;line-height:1.4}.about-heading h2{letter-spacing:-1.6px;font-size:clamp(27px,6.7vw,45px);line-height:1.32}.about-heading .pink-word{letter-spacing:-2px}.about-body{grid-template-columns:1fr;gap:45px}.profile-card{width:90%;max-width:340px;margin:12px auto}.about-story>.about-lead{font-size:22px}.about-story>p{font-size:15px}.achievement p{font-size:12px}.achievement small{font-size:10px}.capabilities{grid-template-columns:1fr;margin-top:37px}.capability{padding:24px 26px}.capability+.capability{border-left:0;border-top:1px solid var(--ink)}.capability h3{margin:12px 0 22px;font-size:41px}.capability h3.pixel{font-size:47px}.capability b{font-size:44px;top:35px;right:28px}.capability small{font-size:12px}.contact{padding-bottom:22px}.contact-main{padding:48px 0 66px}.contact-label{letter-spacing:.2px;gap:10px;font-size:8px}.contact-label>span{font-size:20px}.contact h2{letter-spacing:-3px;margin:24px 0 33px;font-size:clamp(47px,10vw,70px);line-height:1.1}.contact h2 .pixel{letter-spacing:-3px}.contact-link{gap:18px;padding-bottom:7px;font-size:clamp(13px,3.5vw,20px)}.contact-link>span{font-size:28px}.contact-note{font-size:11px}footer{flex-wrap:wrap;justify-content:flex-start;gap:20px;padding-top:23px}footer .brand{margin-right:auto;font-size:31px}footer>small{width:100%;font-size:9px}footer>a:not(.brand){font-size:10px}}@media (width<=370px){.header{margin-inline:16px}.header nav{gap:12px;font-size:11px}.brand{font-size:29px}.brand>span{font-size:18px}.nav-hello{gap:7px;padding:7px 9px}.motion-toggle{width:23px;height:25px}.hero{padding-inline:16px}.hero-actions{gap:17px}.hero-actions .button{padding:12px 15px;font-size:12px}.hand-note{font-size:14px}.kicker{font-size:8px}h1{font-size:58px}.mochi-stage{height:340px}.drag-hint{font-size:9px}.toy-controls{gap:6px}.toy-controls>button{padding:7px 8px;font-size:11px}.bow-colors{margin-left:5px;padding-left:10px}.section{padding-inline:18px}.project-image,.project-bunny .project-image{height:275px}.math-answer{font-size:27px}.contact h2{font-size:43px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}html.motion-paused{scroll-behavior:auto}html.motion-paused *,html.motion-paused :before,html.motion-paused :after{transition:none!important;animation-play-state:paused!important}.nav-short{display:none}@media (width<=760px){h1{letter-spacing:-3px;font-size:clamp(44px,12vw,84px)}.pixel-line{letter-spacing:-3px}.header nav{white-space:nowrap}.nav-long{display:none}.nav-short{display:inline}}@media (width<=370px){h1{letter-spacing:-2.6px;font-size:40px}.pixel-line{letter-spacing:-2.6px}.header nav{gap:13px;font-size:12px}}.brand{white-space:nowrap;flex-shrink:0}button:disabled{opacity:.45;cursor:default}.hero-actions .button{white-space:nowrap;flex-shrink:0}@media (width<=760px){.header{gap:8px}.header .brand{font-size:27px}.header .brand>span{font-size:17px}.header nav{gap:14px}.hand-note{max-width:100px}.motion-toggle{flex-shrink:0;width:25px;height:27px}}@media (width<=370px){.header .brand{font-size:23px}.header .brand>span{font-size:15px}.header nav{gap:9px;font-size:11px}.header .nav-hello{padding:7px}.header .brand small{letter-spacing:1px;font-size:6px}.hand-note{max-width:78px}}.mochi-stage{height:530px}.pixel-caption{bottom:42px}.stage-coordinate{bottom:44px}.stage-top{margin-bottom:0}.project-calculator .project-image{background:#f6dfe8}.project-calculator .project-visual img{object-fit:cover;object-position:center}@media (width<=1100px){.mochi-stage{height:470px}}@media (width<=760px){.mochi-stage{height:420px}.pixel-caption{bottom:20px}.stage-coordinate{bottom:28px}}@media (width<=370px){.mochi-stage{height:370px}}.project-visual picture{height:calc(100% - 32px);display:block}.project-visual picture img{height:100%}@media (width<=760px){.project-image,.project-bunny .project-image,.small-projects .project-image{background-size:24px 24px;height:auto;padding:16px;overflow:visible}.project-visual,.project-bunny .project-visual{height:auto;rotate:0;overflow:hidden;box-shadow:4px 4px #471c3515;transform:none!important}.project-visual picture{height:auto;display:block}.project-visual img,.project-visual picture img,.project-calculator .project-visual img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block;transform:none!important}.project-stamp{display:none}.project-visual .window-bar{height:32px;padding-inline:10px;font-size:11px}.project-visual .view-project{display:none}.project-details{padding-top:16px}.project-bunny .project-image{background:#eccde6}.project-bunny .project-visual{background:#fff}}.language-toggle{border:1px solid var(--ink);background:var(--cream);font-family:"Baloo Bhaijaan 2", var(--body);white-space:nowrap;border-radius:999px;flex-shrink:0;padding:5px 13px;font-size:15px}.language-toggle:hover{background:#f5bad2}html[lang=ar]{--pixel:"Baloo Bhaijaan 2", sans-serif;--heading:"Baloo Bhaijaan 2", sans-serif;--body:"Baloo Bhaijaan 2", sans-serif}html[lang=ar] body *{letter-spacing:normal}html[lang=ar] h1{font-size:clamp(54px,5.9vw,90px);line-height:1.35}html[lang=ar] h1 .line{padding-block:.04em}html[lang=ar] .pixel-line{font-weight:800}html[lang=ar] .hero-description{font-size:20px;line-height:1.85}html[lang=ar] .kicker{font-size:14px}html[lang=ar] .about-heading h2{line-height:1.65}html[lang=ar] .contact h2{line-height:1.3}html[lang=ar] .hand-note{line-height:1.5}html[lang=ar] .brand{font-family:Space Grotesk,sans-serif}html[lang=ar] .brand small{font-family:var(--body)}html[lang=ar] .window-bar{font-family:Pixelify Sans,monospace}html[lang=ar] .contact-link{font-family:DM Sans,sans-serif}html[lang=ar] .project-details>a{margin-left:0;margin-right:auto}html[lang=ar] .hero-specialties{flex-wrap:wrap}@media (width<=760px){.header{grid-template-columns:1fr auto auto;gap:12px;height:auto;padding-block:18px;display:grid}.header .brand{grid-area:1/1;justify-self:start}.language-toggle{grid-area:1/2}.motion-toggle{grid-area:1/3}.header nav{grid-area:2/1/auto/-1;justify-content:space-between;width:100%;font-size:14px}html[lang=ar] h1{font-size:clamp(39px,10.5vw,65px);line-height:1.4}html[lang=ar] .hero-description{font-size:18px}html[lang=ar] .hero-actions{gap:12px}html[lang=ar] .hero-actions .button{padding-inline:14px;font-size:16px}html[lang=ar] .hero-specialties{gap:8px 14px;font-size:11px}html[lang=ar] .about-heading h2{font-size:32px}html[lang=ar] .section-top{flex-wrap:wrap;gap:12px}html[lang=ar] .contact h2{font-size:clamp(40px,11vw,70px)}}.language-toggle[hidden]{display:none}@media (width<=760px){.header:has(.language-toggle[hidden]){grid-template-columns:1fr auto}.header:has(.language-toggle[hidden]) .motion-toggle{grid-column:2}}