@charset "UTF-8";
:root{--paper:#f3f1eb;--ink:#20211e;--muted:#72736c;--line:#d8d8cf;--orange:#f95630;--mono:"Courier New",monospace;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{color:inherit}button,a,summary{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid #b93c1c;outline-offset:6px}::selection{background:var(--orange);color:var(--paper)}.mono{font-family:var(--mono);font-size:10px;letter-spacing:.04em;font-weight:500}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:var(--ink);color:white;z-index:100}.skip-link:focus{top:10px}.scroll-progress{position:fixed;height:3px;top:0;left:0;background:var(--orange);width:0;z-index:100}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;border-bottom:1px solid var(--line);position:relative;z-index:10}.wordmark{display:flex;align-items:center;gap:13px;font-size:16px;line-height:.94;letter-spacing:-.6px;position:relative}.wordmark b{font-size:25px;letter-spacing:-1.2px}.brand-icon{width:42px;height:46px;background:var(--orange);font-weight:700;font-size:50px;line-height:46px;border-radius:12px;letter-spacing:-8px;padding-left:5px;padding-bottom:2px}.brand-icon span{font-size:36px;color:var(--paper);letter-spacing:-3px}.brand-star{position:absolute;top:0;right:-17px;font-size:18px}.header nav{display:flex;gap:38px;align-items:center;font-size:13px;margin-left:40px}.header nav a{position:relative}.header nav a:after{content:"";position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}.header nav a span{font:9px var(--mono);vertical-align:super;margin-left:4px;color:var(--muted)}.nav-contact{padding:10px 0}.nav-contact span{margin-left:15px}.motion-toggle{display:flex;align-items:center;gap:8px;border:1px solid #d2d2c8;padding:9px 13px;border-radius:20px;font-size:10px}.motion-icon{font-size:13px}.hero{padding:0 4.5%}.hero-top{display:flex;justify-content:space-between;padding:21px 0;color:#62645c}.hero-top>span:first-child{display:flex;align-items:center;gap:9px}.live-dot{display:inline-block;width:6px;height:6px;background:var(--orange);border-radius:50%;vertical-align:middle}.hero-location{display:flex;gap:20px}.hero-body{display:grid;grid-template-columns:49% 51%;min-height:672px;position:relative}.hero-copy{padding-top:32px;position:relative;z-index:2}.eyebrow{display:flex;gap:9px;align-items:center;font-size:10px}.small-star{font-size:23px;color:var(--orange)}h1{font-size:clamp(70px,7.25vw,110px);line-height:.88;letter-spacing:-.075em;font-weight:600;margin:27px 0 24px}.last-line{display:inline-block}.last-line br{display:initial}h1 em{font-style:normal}h1 .orange-period{color:var(--orange)}.hero-copy p{font-size:14px;line-height:1.6;color:#65665d;margin:23px 0 25px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border-radius:35px;padding:17px 22px;font-size:12px;transition:background .2s,transform .25s;white-space:nowrap}.pill.dark{background:var(--ink);color:var(--paper)}.pill.dark:hover{background:#3c3e36;transform:translateY(-3px)}.pill span{font-size:18px}.hero-art{min-width:0;position:relative;isolation:isolate;align-self:stretch;margin-top:0}.art-grid{position:absolute;inset:42px -10px 74px -30px;background-image:linear-gradient(#cccfc026 1px,transparent 1px),linear-gradient(90deg,#cccfc026 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse at center,black,transparent 68%)}.orbit-ring{width:83%;height:70%;border:1px solid #d5d6cc;border-radius:50%;position:absolute;top:7%;left:8%;transform:rotate(-24deg) rotateX(25deg);opacity:.55}.orbit-ring:after{content:"";width:7px;height:7px;background:var(--orange);position:absolute;left:14%;top:14%;border-radius:50%}#sculpture{position:absolute;inset:0;width:100%;height:85%;cursor:grab;touch-action:pan-y;z-index:2}#sculpture:active{cursor:grabbing}.sculpture-shadow{position:absolute;bottom:23%;left:20%;width:62%;height:27px;background:#4e331a;filter:blur(22px);opacity:.14;border-radius:50%;transform:rotate(-8deg)}.art-tag{position:absolute;right:0;top:9%;font-size:9px;line-height:1.45;transform:rotate(90deg);transform-origin:top right;color:#7a7b71}.art-cross{position:absolute;font:22px var(--mono);color:#9a9b90;z-index:1}.cross-one{top:6%;left:7%}.cross-two{bottom:26%;right:5%}.drag-badge{position:absolute;top:41%;right:1%;background:rgba(255,255,250,.82);backdrop-filter:blur(10px);border:1px solid #d9dace;padding:10px 12px;border-radius:4px;z-index:3;transform:rotate(9deg);pointer-events:none;box-shadow:0 6px 18px #34371308;font-size:9px}.drag-badge span{font-size:15px;margin-right:5px}.art-bottom{position:absolute;left:9%;right:0;bottom:8%;display:flex;justify-content:space-between;align-items:center}.art-bottom>.mono{font-size:9px;line-height:1.7;color:var(--muted)}.art-bottom b{color:var(--ink);font-weight:400}.remix-button{font-size:11px;display:flex;align-items:center;gap:15px;border-bottom:1px solid var(--ink);padding:10px 0;transition:color .2s}.remix-button:hover{color:var(--orange)}.remix-button[aria-pressed=true]{color:#b43a1b}.sculpture-fallback{display:none;color:var(--orange);font-size:380px;line-height:1;text-align:center;position:absolute;inset:10% 0;text-shadow:10px 15px 0 #b83c1b;transform:rotate(-16deg)}#sculpture[data-fallback=true]+.sculpture-fallback{display:block}.hero-foot{display:flex;justify-content:space-between;padding:20px 0 22px;border-top:1px solid var(--line);color:#6b6d63;font-size:9px}.hero-foot a{color:var(--ink)}.hero-foot a span{padding-left:30px}.ticker{background:var(--orange);color:#24231e;overflow:hidden;height:64px;display:flex;align-items:center}.ticker-track{display:flex;align-items:center;gap:43px;width:max-content;white-space:nowrap;animation:marquee 36s linear infinite}.ticker span{font-size:22px;font-weight:600;letter-spacing:-.7px}.ticker i{font-size:34px;font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.section-pad{padding:83px 4.5%}.section-kicker{display:flex;justify-content:space-between;color:#62645c;font-size:9px}.section-kicker>span:first-child{color:var(--ink)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin:38px 0 41px;gap:20px}.section-heading h2,h2{font-size:clamp(40px,4.2vw,64px);font-weight:500;letter-spacing:-.055em;line-height:1.03;margin:0}.section-heading h2>span{color:var(--orange)}.work-filters{display:flex;align-items:center;border-bottom:1px solid var(--line);margin-bottom:3px;gap:4px}.work-filters button{padding:12px 14px;font-size:11px;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px;color:#6d6e65}.work-filters button.active{border-color:var(--ink);color:var(--ink)}.work-filters sup{font:8px var(--mono);margin-left:3px}.projects-grid{display:grid;grid-template-columns:1.08fr 1fr;column-gap:28px;row-gap:40px}.project-card{min-width:0}.project-card[hidden]{display:none}.project-scene{display:block;overflow:hidden;position:relative;width:100%;height:480px;border-radius:3px;text-align:left;isolation:isolate;transition:transform .4s}.project-scene:after{position:absolute;inset:0;content:"";pointer-events:none;border:1px solid #1d25120a;border-radius:3px}.scene-top{position:absolute;top:23px;left:23px;right:23px;display:flex;justify-content:space-between;gap:12px;font-size:8px;z-index:4}.scene-top>span:last-child{font-size:7px}.tiny-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-left:4px}.scene-caption{position:absolute;bottom:24px;left:23px;z-index:5;font-size:8px}.project-open{position:absolute;bottom:16px;right:17px;height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:#ffffff70;font-size:22px;z-index:6;transition:background .25s,transform .25s}.project-scene:hover .project-open{background:var(--ink);color:white;transform:rotate(45deg)}.kinary-scene{background:#dee8d4;color:#314b34}.kinary-brand{position:absolute;top:68px;left:40px;right:40px;display:flex;align-items:center;justify-content:center;font-size:52px;letter-spacing:-3px;font-weight:500}.kinary-brand>span:last-child{font-size:23px;font-weight:400;letter-spacing:-1px;margin-left:8px;margin-top:16px}.kinary-symbol{font-size:58px;margin-right:9px}.care-orbit{position:absolute;width:560px;height:360px;border:1px solid #8d9c7c40;border-radius:50%;top:130px;left:-10%;transform:rotate(-20deg);z-index:-1}.orbit-b{transform:rotate(30deg);left:0}.care-window{position:absolute;top:158px;left:13%;width:77%;background:#fbfcf6;border:1px solid #eff5e9;border-radius:10px;box-shadow:0 25px 40px #374c3626;transform:rotate(-6deg);transition:transform .7s cubic-bezier(.2,.7,.2,1);color:#3b4e38;overflow:hidden}.project-scene:hover .care-window{transform:rotate(-2deg) translateY(-9px) scale(1.03)}.window-top{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 14px;border-bottom:1px solid #e5e9df;font-size:7px}.mini-kinary{font-size:12px;font-weight:600;letter-spacing:-.4px}.window-top i{display:grid;place-items:center;font-size:7px;font-style:normal;background:#e1e9d5;width:18px;height:18px;border-radius:50%}.window-body{display:flex}.mock-sidebar{width:42px;flex-shrink:0;border-right:1px solid #e5e9df;display:flex;flex-direction:column;gap:18px;align-items:center;padding-top:18px}.mock-sidebar b{background:#e5ecd9;border-radius:5px;padding:4px 8px}.mock-sidebar span{font-size:13px}.mock-main{flex:1;padding:22px 17px 14px;min-width:0}.mock-greeting{font-size:17px;font-weight:500;letter-spacing:-.5px}.mock-subtitle{font-size:8px;color:#899181;margin-top:5px}.mock-summary{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;background:#e8efdf;border-radius:5px;margin-top:16px}.mock-summary div{display:flex;flex-direction:column;gap:6px}.mock-summary span{font:6px var(--mono)}.mock-summary b{font-size:10px;font-weight:500}.mock-summary small{font-size:7px;color:#76846e}.mock-summary>i{font-style:normal;font-size:16px}.mock-tiles{display:flex;gap:10px;margin-top:11px}.mock-tiles>div{border:1px solid #e7ebdf;flex:1;padding:10px;border-radius:5px;display:flex;flex-direction:column;gap:5px}.mock-tiles span{font-size:16px}.mock-tiles b{font-size:9px;font-weight:500}.mock-tiles small{font-size:6px}.sample-label{font:5px var(--mono);letter-spacing:1px;display:block;margin-top:12px;color:#939a8c}.group-scene{background:#b4a0e8;color:#302441}.group-title{position:absolute;top:79px;left:0;right:0;text-align:center;font-size:58px;font-weight:800;letter-spacing:-4px;transform:rotate(-5deg);line-height:1}.group-title>span{font-style:italic;color:#fff9d7}.group-title>i{font-size:11px;position:relative;top:-30px;margin-left:4px;letter-spacing:0;font-style:normal}.group-stars{position:absolute;left:7%;top:148px;font-size:55px;color:#fff5ce;transform:rotate(15deg)}.group-stars>span{position:absolute;left:360px;top:150px;color:#74529f}.game-card{border-radius:10px;position:absolute;width:174px;height:223px;top:183px;box-shadow:0 12px 20px #34204018;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.game-card>span{font:6px var(--mono);letter-spacing:.3px}.game-back{background:#514279;color:#f2e7fd;left:20%;transform:rotate(-17deg);padding:16px}.game-back b{font-size:42px;line-height:.86;display:block;letter-spacing:-2px;margin-top:26px}.game-back i{position:absolute;right:20px;bottom:35px;font-style:normal;font-size:44px;color:#d5bbff}.game-front{background:#f5f3d9;color:#3e3144;left:45%;transform:rotate(11deg);padding:16px}.game-front b{display:block;font-size:22px;line-height:1.1;letter-spacing:-1px;margin-top:24px;font-weight:600}.game-front>div{font:6px var(--mono);position:absolute;left:16px;bottom:16px;right:16px;display:flex;justify-content:space-between;border-top:1px solid #d8d5c0;padding-top:10px}.game-front>div i{font-size:12px}.project-scene:hover .game-front{transform:rotate(17deg) translate(7px,-12px)}.project-scene:hover .game-back{transform:rotate(-24deg) translate(-8px,-6px)}.renant-scene{background:#262623;color:#e4e2d7}.renant-grid{position:absolute;inset:0;background:linear-gradient(100deg,transparent 46%,#d8d6b805 50%,transparent 54%),repeating-linear-gradient(0deg,#c9c8b508 0,#c9c8b508 1px,transparent 1px,transparent 3px);opacity:.8}.renant-oval{position:absolute;top:80px;width:280px;height:175px;border:1px solid #7b7b6966;border-radius:50%;left:calc(50% - 140px);font:italic 170px/165px Georgia,serif;text-align:center;color:#cac8ae;transform:rotate(-17deg);text-shadow:2px 3px #565649;transition:transform .7s}.renant-oval:before{content:"";position:absolute;inset:5px;border:1px solid #7b7b694a;border-radius:50%}.renant-title{font-family:Georgia,serif;font-size:65px;letter-spacing:-5px;position:absolute;top:253px;width:100%;left:0;text-align:center;transform:scaleX(1.1);font-weight:400}.renant-title>span{font:7px var(--mono);display:block;letter-spacing:5px;padding-top:12px}.renant-note{position:absolute;bottom:76px;right:25px;font-size:7px;line-height:1.5;color:#98998c}.renant-scene .project-open{background:#ffffff12}.project-scene:hover .renant-oval{transform:rotate(3deg) scale(1.08)}.project-scene:hover .renant-title{letter-spacing:0;transition:letter-spacing .7s}.desk-scene{background:#ed643f;color:#2c2821}.desk-brand{position:absolute;top:69px;left:0;right:0;text-align:center;font-size:52px;font-weight:600;letter-spacing:-3px}.desk-brand span{font-size:42px;margin-left:7px;font-weight:400}.desk-board{position:absolute;top:150px;left:15%;width:73%;background:#282c27;border-radius:9px;transform:rotate(5deg);padding:20px;color:#e0e5d6;box-shadow:0 19px 35px #812a202b;transition:transform .7s}.desk-toolbar{display:flex;justify-content:space-between;font:6px var(--mono);color:#a6ac9f}.desk-toolbar i{height:5px;width:5px;border-radius:50%;display:inline-block;background:#d4ecaa;margin-right:5px}.desk-board h4{font-size:24px;letter-spacing:-.8px;font-weight:400;margin:21px 0 14px}.desk-stats{display:flex;gap:40px}.desk-stats b{font-size:36px;font-weight:400;letter-spacing:-2px}.desk-stats b>span{font-size:16px;color:#86907b;letter-spacing:0;margin-left:3px}.desk-stats small{display:block;font:6px var(--mono);color:#9fa891;margin-top:3px}.desk-route{display:flex;align-items:center;margin:20px 0;max-width:85%}.desk-route span{width:8px;height:8px;border:1px solid #67705f;border-radius:50%}.desk-route .done{background:#d1e7a7;border-color:#d1e7a7}.desk-route .current{border-color:#d1e7a7;box-shadow:0 0 0 3px #d1e7a714}.desk-route>i{flex:1;height:1px;background:#566047}.desk-row{display:flex;justify-content:space-between;gap:5px;border-top:1px solid #3b4333;padding:9px 0;font-size:8px}.desk-row>span:last-child{font-size:5px;color:#a7b197}.desk-row i{font-style:normal;margin-right:5px;color:#d1e7a7}.project-scene:hover .desk-board{transform:rotate(0) translateY(-7px)}.project-info{display:flex;justify-content:space-between;align-items:flex-start;padding:20px 0 0;gap:10px}.project-info h3{margin:0 0 8px;font-size:23px;letter-spacing:-.7px;font-weight:500}.project-info h3 button{padding:0;text-align:left}.project-info h3 button:hover{color:#b93c1c}.project-info p{font-size:11px;color:#72736a;line-height:1.4;margin:0;max-width:320px}.project-category{font-size:7px;white-space:nowrap;margin-top:9px;color:#6e7066}.work-note{border-top:1px solid var(--line);margin-top:53px;padding-top:22px;display:flex;justify-content:space-between;color:#6a6c61;font-size:9px;gap:20px}.work-note .live-dot{margin-right:8px}.work-note button{font:inherit;letter-spacing:inherit;padding:0;color:var(--ink)}.work-note button span{font-size:16px;margin-left:15px}#workbench{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:24px}#workbench[hidden]{display:none}#workbench>div{border:1px solid var(--line);border-radius:5px;padding:25px}#workbench h3{font-size:21px;font-weight:500;margin:12px 0}#workbench p{font-size:13px;color:#65685b}#workbench small{font:9px var(--mono);color:#77796d}.bench-dot{width:25px;height:25px;display:block;border-radius:50%}.bench-dot.orange{background:#ed8130}.bench-dot.purple{background:#b4a0e8}.about{background:#e8e9df;padding-top:70px;padding-bottom:80px}.about-layout{display:grid;grid-template-columns:38% 62%;margin-top:55px}.about-left{padding:15px 0}.about-sticker{width:220px;height:255px;background:var(--orange);border:1px solid #e54d28;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:25px 12px 20px;transform:rotate(-9deg);border-radius:2px;box-shadow:5px 8px 0 #c5c9b6;position:relative;margin:17px 0 50px 20px;transition:transform .4s}.about-sticker:hover{transform:rotate(3deg)}.about-sticker:before{content:"";position:absolute;inset:8px;border:1px solid #25221a70;pointer-events:none}.about-sticker span,.about-sticker small{font:9px var(--mono);letter-spacing:1px}.about-sticker b{font-size:160px;line-height:1;letter-spacing:-15px;margin-left:-13px}.about-left>p{font-size:9px;line-height:1.7;margin-left:15px}.about-copy h2{font-size:clamp(50px,5.7vw,87px);line-height:1.02;letter-spacing:-.06em}.about-copy h2 em{font-family:Georgia,serif;font-weight:400}.about-text{max-width:470px;margin-top:32px;font-size:14px;line-height:1.75;color:#64685b}.about-text p{margin:0 0 16px}.about-text strong{color:#353a2f;font-weight:400}.skill-tags{display:flex;flex-wrap:wrap;gap:7px;max-width:480px;margin-top:25px}.skill-tags span{font-size:9px;padding:10px 13px;border:1px solid #c8cdbb;border-radius:20px}.process{padding-top:68px;padding-bottom:72px}.process-list{margin-top:35px}.process-list details{border-bottom:1px solid var(--line);padding:25px 0}.process-list details:first-child{border-top:1px solid var(--line)}.process-list summary{display:flex;align-items:center;gap:38px;cursor:pointer;list-style:none}.process-list summary::-webkit-details-marker{display:none}.process-list summary .mono{color:#727769;font-size:10px}.process-list h3{font-size:32px;letter-spacing:-1.2px;font-weight:400;margin:0}.process-plus{margin-left:auto;font-size:28px;font-weight:300;transition:transform .3s}.process-list details[open] .process-plus{transform:rotate(45deg);color:var(--orange)}.process-list details p{font-size:13px;line-height:1.7;max-width:470px;margin:20px 0 0 51px;color:#6d7164}.contact{background:var(--orange);padding-top:45px;padding-bottom:45px}.contact .section-kicker{color:#6a2e1e}.contact-giant{margin-top:48px;display:flex;justify-content:space-between;align-items:center;text-align:left;width:100%;padding:0;gap:20px}.contact-giant>span:first-child{font-size:clamp(54px,7.3vw,110px);line-height:.97;letter-spacing:-.07em;font-weight:500}.contact-giant em{font-family:Georgia,serif;font-weight:400}.contact-arrow{border:1px solid #392a22;width:145px;height:145px;border-radius:50%;flex-shrink:0;display:grid;place-items:center;font-size:70px;font-weight:300;transition:transform .4s,background .3s,color .3s;margin-right:10px}.contact-giant:hover .contact-arrow{transform:rotate(45deg);background:var(--ink);color:var(--orange)}.contact-foot{display:flex;justify-content:space-between;align-items:flex-end;margin-top:36px}.contact-foot p{font-size:13px;line-height:1.6;color:#622f21}.text-link{font-size:12px;border-bottom:1px solid var(--ink);padding:10px 0;display:flex;gap:80px;align-items:center}.text-link span{font-size:22px}footer{padding:34px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:20px;font-weight:600;letter-spacing:-1px}.footer-brand>span{color:var(--orange);margin-left:9px}footer>.mono{font-size:8px;color:#707366}footer>a.mono{font-size:9px}.reveal{opacity:1;transform:none}.js-motion .reveal:not(.visible){opacity:0;transform:translateY(24px)}.js-motion .reveal{transition:opacity .65s ease,transform .65s cubic-bezier(.2,.6,.2,1)}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused{scroll-behavior:auto}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}dialog{border:0;background:var(--paper);border-radius:8px;color:var(--ink);padding:58px;width:min(740px,calc(100% - 32px));max-height:85dvh;overflow:auto;box-shadow:0 20px 120px #0005}dialog::backdrop{background:#24291ec4;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:18px;top:14px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font-size:25px;line-height:1;display:grid;place-items:center}.dialog-close:hover{background:var(--ink);color:var(--paper)}.case-label{font-size:10px;color:#6d7463;display:flex;gap:15px}.case-status{color:#9e3a22}.case-title{font-size:58px;margin:30px 0 16px;letter-spacing:-3px}.case-intro{font-size:21px;line-height:1.4;letter-spacing:-.4px;max-width:500px}.case-role{font:9px var(--mono);color:#6d7463;margin:23px 0 32px;padding-bottom:24px;border-bottom:1px solid var(--line)}.case-section{margin:25px 0}.case-section h3{font:10px var(--mono);text-transform:uppercase;letter-spacing:.4px}.case-section p{font-size:14px;line-height:1.75;color:#68705e}.case-notice{background:#e8e9e0;padding:17px 20px;font-size:12px;line-height:1.7;margin:25px 0}.case-footer{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:28px}.case-next{font-size:11px;border-bottom:1px solid;padding:8px 0}.case-footer .pill{font-size:11px;padding:14px 20px}#contact-dialog{max-width:575px}#contact-dialog h2{font-size:55px;letter-spacing:-3px;margin-top:32px}#contact-dialog>p{font-size:15px;line-height:1.7;color:#6e7466;margin:25px 0}#contact-dialog .pill{margin-top:8px}.contact-handle{display:block;margin-top:18px;font-size:9px;color:#68705e}#contact-dialog>p.contact-small{font-size:11px;margin-bottom:0;max-width:310px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);background:var(--ink);color:var(--paper);padding:15px 23px;border-radius:4px;z-index:80;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.shown{opacity:1;transform:translate(-50%,0)}
@media(min-width:1500px){.header,.hero,.section-pad,footer{padding-left:max(4.5%,calc((100vw - 1390px)/2));padding-right:max(4.5%,calc((100vw - 1390px)/2))}.hero-body{min-height:720px}h1{font-size:113px}.hero-copy{padding-top:45px}.project-scene{height:510px}.care-window{top:170px}.group-title{top:91px}.game-card{top:196px}}
@media(max-width:1100px){.header{height:85px}.hero-body{min-height:610px}.hero-copy{padding-top:22px}h1{font-size:8.2vw;line-height:.94}.hero-copy .eyebrow{font-size:8px}.hero-copy p{font-size:12px}.hero-art{margin-left:-15px;margin-right:-15px;margin-top:25px}.art-bottom{left:12%;bottom:12%;right:20px}.drag-badge{right:0;top:43%;font-size:7px}.hero-top{font-size:8px}.hero-location{gap:12px}.hero-foot{font-size:8px}.project-scene{height:420px}.scene-top{left:18px;right:18px;font-size:7px}.scene-top>span:last-child{font-size:6px}.kinary-brand{top:67px;font-size:44px}.kinary-symbol{font-size:48px}.care-window{left:11%;width:83%;top:149px}.mock-greeting{font-size:14px}.mock-main{padding:17px 13px 12px}.mock-summary{margin-top:10px;padding:10px}.mock-tiles>div{padding:8px}.mock-tiles small{font-size:5px}.group-title{font-size:50px;top:73px}.game-card{width:146px;height:198px;top:159px}.game-front b{font-size:20px}.game-back b{font-size:37px}.group-stars{top:132px;left:5%}.group-stars>span{left:290px}.renant-oval{top:64px;width:235px;left:calc(50% - 117px);height:154px;font-size:145px;line-height:145px}.renant-title{font-size:55px;top:230px}.desk-brand{top:65px;font-size:45px}.desk-board{top:141px;left:12%;width:78%;padding:16px}.desk-board h4{margin:15px 0 10px;font-size:21px}.desk-stats b{font-size:30px}.desk-route{margin:16px 0}.project-info{flex-direction:column;gap:1px}.project-category{margin-top:10px}.section-pad{padding-top:65px;padding-bottom:65px}.about-sticker{width:185px;height:220px;margin-left:10px}.about-sticker b{font-size:140px}.about-copy h2{font-size:65px}.contact-arrow{width:115px;height:115px;font-size:60px}.contact-giant>span:first-child{font-size:8vw}}
@media(max-width:760px){html{scroll-padding-top:25px}.header{height:79px;padding:0 6%}.wordmark{font-size:13px;gap:10px}.wordmark b{font-size:21px}.brand-icon{width:34px;height:37px;font-size:41px;line-height:37px;border-radius:9px;padding-left:4px}.brand-icon span{font-size:30px}.brand-star{font-size:14px;right:-13px}.header nav{gap:20px;margin-left:auto;margin-right:22px;font-size:11px}.header nav>a:nth-child(2){display:none}.header nav a span{display:none}.nav-contact{font-size:11px}.nav-contact span{margin-left:5px}.motion-toggle{border:0;padding:8px 0;min-width:32px;min-height:40px}.motion-label{display:none}.motion-icon{font-size:16px}.hero{padding:0 6%}.hero-top{padding:19px 0;font-size:7px;letter-spacing:.03em}.hero-location{display:none}.hero-body{grid-template-columns:1fr;min-height:0}.hero-copy{padding-top:15px}.hero-copy .eyebrow{font-size:8px}.small-star{font-size:20px}h1{font-size:clamp(58px,11.6vw,88px);line-height:.91;letter-spacing:-.065em;margin:23px 0 20px}h1>br:nth-of-type(1){display:none}h1>br:nth-of-type(1):after{content:" "}h1 .last-line{margin-top:5px}.last-line br{display:none}.hero-copy p{font-size:12px;line-height:1.6;margin:22px 0 22px}.pill{font-size:11px;padding:15px 19px;gap:35px}.hero-art{height:410px;margin:0 -15px;align-self:auto}.art-grid{inset:0 0 50px}.orbit-ring{height:77%;width:78%;top:0;left:12%}#sculpture{height:95%;top:-17px}.art-tag{top:6%;right:7%;font-size:7px}.cross-one{top:6%;left:9%}.cross-two{bottom:30%;right:10%}.sculpture-shadow{bottom:22%}.drag-badge{right:5%;top:37%;font-size:7px;padding:8px 9px}.art-bottom{bottom:4%;left:8%;right:8%}.art-bottom>.mono{font-size:7px}.remix-button{font-size:10px}.hero-foot{font-size:7px;padding:19px 0;gap:10px}.hero-foot>span:last-child{display:none}.hero-foot a span{padding-left:8px}.ticker{height:52px}.ticker span{font-size:18px}.ticker-track{gap:26px}.ticker i{font-size:26px}.section-pad{padding:54px 6%}.section-kicker{font-size:8px}.section-kicker>span:last-child{display:none}.section-heading{display:block;margin:27px 0 25px}.section-heading h2{font-size:42px;line-height:1.05;letter-spacing:-2px}.work-filters{margin-top:25px;display:inline-flex}.work-filters button{padding:10px 15px;font-size:10px}.work-filters button:first-child{padding-left:0}.projects-grid{grid-template-columns:1fr;gap:32px}.project-scene{height:425px}.project-info{flex-direction:row;align-items:flex-start;gap:8px;padding-top:15px}.project-info h3{font-size:21px}.project-info p{font-size:10px;max-width:240px}.project-category{font-size:6px;max-width:85px;white-space:normal;line-height:1.5;text-align:right;margin-top:6px}.scene-top{font-size:7px}.scene-top>span:last-child{font-size:6px}.care-window{left:12%;width:80%;top:153px}.kinary-brand{font-size:47px;top:70px}.kinary-symbol{font-size:53px}.mock-main{padding:17px 13px 12px}.mock-greeting{font-size:15px}.group-title{font-size:56px;top:78px}.game-card{width:159px;height:204px;top:161px}.game-front{left:46%}.game-back{left:18%}.game-front b{font-size:21px}.renant-title{font-size:60px;top:235px}.renant-oval{width:260px;left:calc(50% - 130px);height:165px;top:65px;font-size:158px;line-height:155px}.desk-brand{font-size:48px}.desk-board{width:76%;left:13%;padding:17px}.desk-board h4{margin:17px 0 12px}.work-note{margin-top:34px;display:block;font-size:8px;padding-top:20px}.work-note button{display:block;margin-top:20px}#workbench{grid-template-columns:1fr;gap:14px}.about-layout{grid-template-columns:1fr;margin-top:30px;gap:20px}.about-left{display:flex;gap:35px;align-items:center;padding:0;margin-top:0}.about-sticker{width:100px;height:118px;margin:10px 0 30px 8px;padding:14px 7px 12px;box-shadow:3px 5px 0 #c5c9b6;flex-shrink:0}.about-sticker:before{inset:4px}.about-sticker span,.about-sticker small{font-size:4px;letter-spacing:.5px}.about-sticker b{font-size:78px;letter-spacing:-8px;margin-left:-9px}.about-left>p{font-size:7px;margin-left:0;line-height:1.9;margin-top:0}.about-copy h2{font-size:55px;letter-spacing:-3px}.about-text{font-size:13px;line-height:1.75;margin-top:24px}.skill-tags span{font-size:8px;padding:9px 11px}.process-list{margin-top:27px}.process-list details{padding:22px 0}.process-list summary{gap:20px}.process-list h3{font-size:23px;letter-spacing:-.8px}.process-list summary>.mono{font-size:8px}.process-list details p{font-size:12px;margin:16px 0 0 30px}.process-plus{font-size:22px}.contact{padding-top:30px;padding-bottom:31px}.contact-giant{margin-top:35px;gap:5px;align-items:flex-end}.contact-giant>span:first-child{font-size:10.1vw;letter-spacing:-.065em;line-height:1}.contact-arrow{width:55px;height:55px;font-size:30px;margin-right:0;margin-bottom:1px}.contact-foot{display:block;margin-top:25px}.contact-foot p{font-size:11px}.text-link{font-size:11px;gap:35px;margin-top:15px}.text-link span{font-size:18px}footer{padding:28px 6%;flex-wrap:wrap;gap:24px}.footer-brand{font-size:17px}footer>.mono{font-size:7px}footer>a.mono{font-size:8px}footer>span{order:3;width:100%;border-top:1px solid var(--line);padding-top:17px}dialog{padding:48px 26px 30px}.case-title{font-size:44px;letter-spacing:-2px;margin-top:23px}.case-label{font-size:8px;flex-direction:column;gap:9px}.case-intro{font-size:18px}.case-role{font-size:8px;line-height:1.6;margin-bottom:24px}.case-section p{font-size:13px}.case-notice{padding:14px;font-size:11px}.case-footer{align-items:flex-start;gap:20px;flex-wrap:wrap}#contact-dialog h2{font-size:44px;letter-spacing:-2px}#contact-dialog>p{font-size:13px}.toast{font-size:8px;max-width:90%;white-space:normal;text-align:center;width:max-content}.sculpture-fallback{font-size:300px}}
@media(max-width:370px){.header nav{gap:12px;margin-right:14px}.hero-art{height:350px}.project-scene{height:385px}.scene-top{font-size:6px}.scene-top>span:last-child{font-size:5px}.game-card{width:140px;height:190px}.game-front b{font-size:19px}.care-window{left:7%;width:88%;top:140px}.kinary-brand{font-size:42px;top:64px}.kinary-symbol{font-size:47px}.kinary-brand>span:last-child{font-size:20px}.mock-main{padding-top:14px}.mock-greeting{font-size:13px}.desk-board{top:135px;width:80%;left:10%;padding:15px}.desk-board h4{margin:14px 0 10px}.desk-row{padding:7px 0}.desk-route{margin:13px 0}.group-title{font-size:48px}.game-card{top:150px}.scene-caption{font-size:7px}.renant-title{font-size:53px;top:222px}.renant-oval{width:235px;left:calc(50% - 117px);height:150px;font-size:145px;line-height:140px}.renant-note{bottom:65px}.project-category{max-width:65px}.contact-arrow{width:45px;height:45px;font-size:27px}.process-list h3{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal:not(.visible){opacity:1;transform:none}}