:root{--ink-black:#0b0b0b;--paper-white:#f4efe6;--japan-red:#e53835;--deep-red:#9e1e1e;--concrete-gray:#8d8d8d;--muted-navy:#20283a;--paper-2:#eae3d5;--ink-2:#161616;--hair:#0b0b0b24;--hair-inv:#f4efe629;--display:var(--font-anton), "Archivo Black", sans-serif;--body:var(--font-inter), system-ui, sans-serif;--mono:var(--font-jetbrains-mono), "Space Mono", monospace;--jp:var(--font-noto-jp), sans-serif;--gutter:clamp(20px, 5vw, 80px);--maxw:1680px;--ease:cubic-bezier(.16, 1, .3, 1);--ease-sharp:cubic-bezier(.7, 0, .2, 1)}*,:before,:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--paper-white);color:var(--ink-black);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.5;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}::selection{background:var(--japan-red);color:var(--paper-white)}.mono{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:11px;font-weight:500}.jp{font-family:var(--jp);font-weight:700}.label{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-black);align-items:center;gap:.6em;font-size:10.5px;font-weight:500;display:inline-flex}.label--muted{color:var(--concrete-gray)}.label .dot{background:var(--japan-red);border-radius:50%;width:6px;height:6px;display:inline-block}.label .sq{background:var(--japan-red);width:7px;height:7px;display:inline-block}.noise{z-index:9000;pointer-events:none;opacity:.045;mix-blend-mode:multiply;background-image:var(--noise-url);background-size:180px 180px;position:fixed;inset:0}.cropframe{z-index:8500;pointer-events:none;mix-blend-mode:difference;position:fixed;inset:14px}.cropframe span{border-color:var(--paper-white);width:16px;height:16px;transition:transform .32s var(--ease);border-style:solid;border-width:0;position:absolute}.cropframe .tl{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.cropframe .tr{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.cropframe .bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.cropframe .br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}@media (max-width:720px){.cropframe{display:none}}.page-scanline{z-index:8700;pointer-events:none;opacity:0;background:var(--japan-red);transform-origin:0;height:2px;position:fixed;top:0;left:0;right:0;transform:translateY(-16px)scaleX(.2);box-shadow:0 0 18px #e53835e6,0 0 42px #e5383570}.page-scanline.active{animation:page-scanline-sweep .72s var(--ease-sharp) both}@media (max-width:920px){.page-scanline{display:none}}.btn{--bg:var(--ink-black);--fg:var(--paper-white);background:var(--bg);color:var(--fg);border:1.5px solid var(--ink-black);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:letter-spacing .3s var(--ease), transform .3s var(--ease), background .3s var(--ease), color .3s var(--ease);align-items:center;gap:.9em;padding:16px 26px;font-size:12px;font-weight:700;display:inline-flex;position:relative;overflow:hidden}.btn .arrow{transition:transform .4s var(--ease)}.btn:hover{letter-spacing:.22em;transform:translateY(-2px)}.btn:hover .arrow{transform:translate(5px)}.btn--solid:hover{background:var(--japan-red);border-color:var(--japan-red);color:var(--paper-white)}.btn--ghost{--bg:transparent;--fg:var(--ink-black)}.btn--ghost:hover{background:var(--ink-black);color:var(--paper-white)}.on-ink .btn--solid{--bg:var(--paper-white);--fg:var(--ink-black);border-color:var(--paper-white)}.on-ink .btn--solid:hover{background:var(--japan-red);border-color:var(--japan-red);color:var(--paper-white)}.on-ink .btn--ghost{--fg:var(--paper-white);border-color:var(--paper-white)}.on-ink .btn--ghost:hover{background:var(--paper-white);color:var(--ink-black)}.nav{z-index:8000;padding:18px var(--gutter);mix-blend-mode:difference;color:var(--paper-white);transition:transform .5s var(--ease);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.nav__brand{font-family:var(--mono);letter-spacing:.16em;align-items:center;gap:10px;font-size:14px;font-weight:700;display:flex}.nav__brand .mk{background:var(--japan-red);color:var(--paper-white);mix-blend-mode:normal;padding:2px 6px}.nav__links{align-items:center;gap:28px;display:flex}.nav__links a{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;padding:4px 0;font-size:11px;font-weight:500;position:relative}.nav__links a:after{content:"";background:var(--japan-red);width:0;height:2px;transition:width .3s var(--ease);position:absolute;bottom:0;left:0}.nav__links a:hover:after{width:100%}.nav__links .idx{color:var(--japan-red);margin-right:5px}.nav__status{font-family:var(--mono);letter-spacing:.2em;align-items:center;gap:8px;font-size:10.5px;display:flex}.nav__status .pulse{background:var(--japan-red);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.nav__burger,.mobile-menu-trigger{display:none}@media (max-width:920px){.nav{max-width:100vw;color:var(--ink-black);mix-blend-mode:normal;padding:14px 18px;right:auto;width:100vw!important}.nav__brand{letter-spacing:.12em;font-size:12px}.nav__links,.nav__status,.nav__burger{display:none}.mobile-menu-trigger{z-index:8001;background:var(--ink-black);min-width:44px;min-height:44px;transition:transform .3s var(--ease), background .3s var(--ease);border:1px solid #f4efe652;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px;display:flex;position:fixed;top:14px;right:18px}.mobile-menu-trigger:active{transform:scale(.96)}.mobile-menu-trigger span{background:var(--paper-white);width:22px;height:2px;transition:.3s var(--ease)}.mobile-menu-trigger.open span:first-child{transform:translateY(7px)rotate(45deg)}.mobile-menu-trigger.open span:nth-child(2){opacity:0}.mobile-menu-trigger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}}.mobile-menu{z-index:7900;background:var(--ink-black);color:var(--paper-white);padding:var(--gutter);transition:transform .6s var(--ease);pointer-events:none;flex-direction:column;justify-content:center;display:flex;position:fixed;inset:0;transform:translateY(-100%)}.mobile-menu.open{pointer-events:auto;transform:translateY(0)}.mobile-menu a{font-family:var(--display);text-transform:uppercase;align-items:baseline;gap:16px;padding:6px 0;font-size:clamp(40px,13vw,90px);line-height:.95;display:flex}.mobile-menu a .n{font-family:var(--mono);color:var(--japan-red);font-size:13px}.mobile-menu a:hover{color:var(--japan-red)}.mobile-menu .mm-foot{flex-wrap:wrap;gap:24px;margin-top:40px;display:flex}@media (max-width:920px){.mobile-menu{padding:calc(92px + env(safe-area-inset-top)) 22px calc(30px + env(safe-area-inset-bottom));justify-content:flex-start;overflow-y:auto}.mobile-menu a{border-top:1px solid var(--hair-inv);min-height:72px;padding:13px 0 11px;font-size:clamp(42px,15vw,72px)}.mobile-menu a:last-of-type{border-bottom:1px solid var(--hair-inv)}.mobile-menu a .n{flex:none;width:34px;font-size:11px}.mobile-menu .mm-foot{justify-content:space-between;gap:12px;margin-top:auto;padding-top:34px}}.section{padding:clamp(80px,12vh,160px) var(--gutter);position:relative}.section--ink{background:var(--ink-black);color:var(--paper-white)}.wrap{max-width:var(--maxw);width:100%;margin:0 auto;position:relative}.sec-head{border-top:1.5px solid;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:clamp(40px,6vw,80px);padding-top:16px;display:flex}.sec-head .sec-no{font-family:var(--mono);letter-spacing:.2em;align-items:center;gap:10px;font-size:12px;display:flex}.sec-head .sec-no b{color:var(--japan-red)}.sec-head .sec-jp{font-family:var(--jp);letter-spacing:.1em;font-size:13px;font-weight:700}.reveal{opacity:0;transition:opacity .9s var(--ease), transform .9s var(--ease);transform:translateY(34px)}.reveal.in{opacity:1;transform:none}[data-d="1"]{transition-delay:80ms}[data-d="2"]{transition-delay:.16s}[data-d="3"]{transition-delay:.24s}[data-d="4"]{transition-delay:.32s}[data-d="5"]{transition-delay:.4s}[data-d="6"]{transition-delay:.48s}.mask-reveal{position:relative;overflow:hidden}.mask-reveal>*{opacity:0;transition:opacity 10ms .5s}.mask-reveal.in>*{opacity:1}.mask-reveal:after{content:"";background:var(--japan-red);transform-origin:0;z-index:2;position:absolute;inset:0;transform:scaleX(0)}.mask-reveal.in:after{animation:sweep 1s var(--ease-sharp) forwards}@keyframes sweep{0%{transform-origin:0;transform:scaleX(0)}45%{transform-origin:0;transform:scaleX(1)}55%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes hanko-stamp{0%{opacity:0;filter:blur(3px);transform:rotate(-4deg)scale(1.8)}48%{opacity:1;transform:rotate(var(--stamp-rotate,-9deg)) scale(.88);filter:blur()}68%{transform:rotate(var(--stamp-rotate,-9deg)) scale(1.04)}to{opacity:1;transform:rotate(var(--stamp-rotate,-9deg)) scale(1);filter:blur()}}@keyframes hanko-stamp-contact{0%{opacity:0;filter:blur(3px);transform:rotate(4deg)scale(1.7)}48%{opacity:1;filter:blur();transform:rotate(11deg)scale(.9)}68%{transform:rotate(11deg)scale(1.05)}to{opacity:1;filter:blur();transform:rotate(11deg)scale(1)}}@keyframes kinetic-slice{0%{opacity:0;transform:translate(-.16em,.05em)}18%{opacity:.9;transform:translate(.08em,-.02em)}38%{opacity:.5;transform:translate(-.05em,.03em)}62%{opacity:.8;transform:translate(.035em)}to{opacity:0;transform:translate(0,0)}}.hanko{z-index:4;aspect-ratio:1;border:3px solid var(--japan-red);width:clamp(92px,10vw,140px);color:var(--japan-red);font-family:var(--mono);text-align:center;text-transform:uppercase;letter-spacing:.08em;mix-blend-mode:multiply;pointer-events:none;place-items:center;font-weight:900;display:grid;position:absolute}.section--ink .hanko{mix-blend-mode:normal;background:#0b0b0b33}.hanko:before,.hanko:after{content:"";border:1.5px solid;position:absolute;inset:8px}.hanko:after{opacity:.44;border-width:1px;inset:-8px;transform:rotate(3deg)}.hanko span{max-width:9ch;font-size:10px;line-height:1.05}.hanko i{font-family:var(--jp);letter-spacing:.02em;margin-top:6px;font-size:clamp(22px,3vw,42px);font-style:normal;line-height:1;display:block}.hanko--about{--stamp-rotate:-9deg;top:64px;right:clamp(8px,4vw,54px);transform:rotate(-9deg)scale(1.8)}.hanko--labs{--stamp-rotate:8deg;top:106px;right:clamp(8px,5vw,80px);transform:rotate(8deg)scale(1.8)}.hanko.reveal{opacity:0}.hanko.reveal.in{opacity:1;animation:hanko-stamp .58s var(--ease-sharp) both}.kinetic-title,.kinetic-line{isolation:isolate;position:relative}.kinetic-title:before,.kinetic-line:before{content:attr(data-text);z-index:-1;color:var(--japan-red);pointer-events:none;opacity:0;clip-path:polygon(0 22%,100% 8%,100% 38%,0 52%);position:absolute;inset:0;transform:translate(-.12em,.03em)}.kinetic-title.in:before,.kinetic-line.in:before{animation:.82s steps(2,end) .12s both kinetic-slice}.hero{min-height:100svh;padding:96px var(--gutter) 40px;flex-direction:column;justify-content:center;display:flex;position:relative;overflow:hidden}.hero__bgword{font-family:var(--display);text-transform:uppercase;color:#0000;-webkit-text-stroke:1.5px #0b0b0b1a;white-space:nowrap;pointer-events:none;z-index:0;letter-spacing:-.02em;font-size:clamp(220px,46vw,900px);line-height:.8;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.hero__circle{z-index:1;background:var(--japan-red);aspect-ratio:1;mix-blend-mode:multiply;--fracture:0;width:clamp(220px,30vw,460px);transform-style:preserve-3d;filter:saturate(1.02);background:0 0;border-radius:50%;position:absolute;top:12%;right:7%}.hero__circle span{border-radius:inherit;background:var(--japan-red);will-change:transform, clip-path, opacity;transition:opacity .4s var(--ease);position:absolute;inset:0}.hero__circle span:first-child{clip-path:polygon(0 0,100% 0,100% 38%,0 54%);transform:translate3d(calc(var(--fracture) * -28px), calc(var(--fracture) * 10px), 0) rotate(calc(var(--fracture) * -3deg))}.hero__circle span:nth-child(2){clip-path:polygon(0 33%,100% 22%,100% 72%,0 86%);opacity:.94;transform:translate3d(calc(var(--fracture) * 18px), calc(var(--fracture) * -8px), 0) rotate(calc(var(--fracture) * 2.4deg))}.hero__circle span:nth-child(3){clip-path:polygon(0 70%,100% 55%,100% 100%,0 100%);opacity:.88;transform:translate3d(calc(var(--fracture) * 34px), calc(var(--fracture) * 13px), 0) rotate(calc(var(--fracture) * 4deg))}.hero__inner{z-index:3;max-width:var(--maxw);width:100%;margin:0 auto;position:relative}.hero__kicker{flex-wrap:wrap;gap:22px;margin-bottom:22px;display:flex}.hero [data-load]{opacity:1;transition:opacity .9s var(--ease), transform .9s var(--ease)}.hero [data-load="2"]{transition-delay:.12s}.hero [data-load="3"]{transition-delay:.22s}.is-loading .hero [data-load]{opacity:0;transform:translateY(20px)}.hero__circle{transition:transform 1.1s var(--ease-sharp);transform:scale(1)}.is-loading .hero__circle{transform:scale(0)}.hero__sidelabels,.hero__vert{transition:opacity 1s var(--ease) .15s}.is-loading .hero__sidelabels,.is-loading .hero__vert{opacity:0}.hero__title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;line-height:.82}.hero__title .ln{display:block;overflow:hidden}.hero__title .ln span{transition:transform 1s var(--ease);display:block;transform:translateY(0)}.hero__title .t2 span{transition-delay:.12s}.is-loading .hero__title .ln span{transform:translateY(110%)}.hero__title .t1{font-size:clamp(76px,18.5vw,300px)}.hero__title .t2{font-size:clamp(76px,18.5vw,300px);position:relative}.hero__title .t2 .em{color:var(--japan-red)}.hero__meta{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:40px;margin-top:clamp(28px,4vw,54px);display:flex}.hero__lede{max-width:44ch;font-size:clamp(16px,1.4vw,21px);line-height:1.5}.hero__lede b{font-weight:600}.hero__cta{flex-wrap:wrap;gap:14px;display:flex}.hero__sidelabels{right:var(--gutter);z-index:3;text-align:right;flex-direction:column;align-items:flex-end;gap:14px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero__vert{left:var(--gutter);writing-mode:vertical-rl;z-index:3;font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;align-items:center;gap:18px;font-size:11px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hero__vert .jp{font-family:var(--jp);letter-spacing:.1em}.hero__scroll{z-index:3;font-family:var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--concrete-gray);flex-direction:column;align-items:center;gap:10px;font-size:10px;display:flex;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.hero__scroll .bar{background:var(--ink-black);transform-origin:top;width:1.5px;height:46px;animation:scrolldown 2.2s var(--ease) infinite}@keyframes scrolldown{0%{transform-origin:top;transform:scaleY(0)}40%{transform-origin:top;transform:scaleY(1)}60%{transform-origin:bottom;transform:scaleY(1)}to{transform-origin:bottom;transform:scaleY(0)}}@media (max-width:920px){.hero{justify-content:flex-end;min-height:100dvh;padding:108px 18px 34px}.hero__inner{flex-direction:column;justify-content:flex-end;min-height:calc(100dvh - 142px);display:flex}.hero__kicker{grid-template-columns:1fr;gap:9px;margin-bottom:18px;display:grid}.hero__kicker .label{width:fit-content}.hero__title .t1,.hero__title .t2{font-size:clamp(68px,22vw,112px)}.hero__title{max-width:100%}.hero__meta{gap:22px;margin-top:28px;display:grid}.hero__lede{max-width:32ch;font-size:16px;line-height:1.56}.hero__cta{grid-template-columns:1fr;gap:10px;width:min(100%,360px);display:grid}.hero__cta .btn{justify-content:space-between;width:100%}.hero__bgword{opacity:.72;-webkit-text-stroke-width:1px;font-size:clamp(118px,42vw,230px);top:31%;left:0;transform:translateY(-50%)}.hero__sidelabels,.hero__vert{display:none}.hero__circle{width:clamp(128px,42vw,180px);top:96px;right:-36px}.hero__scroll{display:none}}.about__grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.7fr);align-items:start;gap:clamp(30px,6vw,100px);display:grid}.about__bigword{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;flex-direction:column;font-size:clamp(64px,11vw,172px);line-height:.8;display:flex}.about__bigword span{display:block}.about__bigword .red{color:var(--japan-red);font-style:normal}.about__vlabel{font-family:var(--jp);writing-mode:vertical-rl;color:var(--concrete-gray);letter-spacing:.2em;margin-top:24px;font-weight:700}.about__body p{letter-spacing:-.01em;text-wrap:pretty;font-size:clamp(20px,2.3vw,34px);font-weight:400;line-height:1.4}.about__body p .red{color:var(--japan-red)}.about__body p+p{margin-top:1.1em}.about__facts{border-top:1.5px solid var(--ink-black);grid-template-columns:repeat(2,1fr);gap:0;margin-top:clamp(40px,5vw,70px);display:grid}.about__fact{border-bottom:1px solid var(--hair);padding:22px 18px 22px 0}.about__fact:nth-child(odd){padding-left:0}.about__fact dt{font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--concrete-gray);margin-bottom:8px;font-size:10.5px}.about__fact dd{font-size:17px;font-weight:600}.about__fact dd .dot{color:var(--japan-red)}@media (max-width:820px){.about__grid{grid-template-columns:1fr;gap:30px}.about__vlabel{display:none}}.work{background:var(--ink-black);color:var(--paper-white);position:relative}.work__pin{flex-direction:column;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.work__bar{padding:18px var(--gutter);border-bottom:1px solid var(--hair-inv);justify-content:space-between;align-items:center;display:flex}.work__bar .sec-no{font-family:var(--mono);letter-spacing:.2em;align-items:center;gap:10px;font-size:12px;display:flex}.work__bar .sec-no b{color:var(--japan-red)}.work__progress{font-family:var(--mono);letter-spacing:.2em;align-items:center;gap:12px;font-size:11px;display:flex}.work__progress .track{background:var(--hair-inv);width:120px;height:2px;position:relative}.work__progress .track i{background:var(--japan-red);width:0%;position:absolute;top:0;bottom:0;left:0}.work__track{will-change:transform;flex:1;align-items:stretch;min-height:0;display:flex}.work__intro{width:min(80vw,520px);height:100%;padding:0 var(--gutter);flex-direction:column;flex:none;justify-content:center;gap:22px;display:flex}.work__intro h2{font-family:var(--display);text-transform:uppercase;font-size:clamp(56px,8vw,140px);line-height:.85}.work__intro h2 .red{color:var(--japan-red)}.work__intro p{color:#cfc9bd;max-width:38ch;font-size:16px}.pcard{border-left:1px solid var(--hair-inv);flex-direction:column;flex:none;justify-content:center;width:min(86vw,560px);height:100%;padding:0 clamp(18px,2.4vw,40px);display:flex}.pcard__inner{border:1.5px solid var(--paper-white);background:var(--ink-2);flex-direction:column;height:min(74vh,620px);display:flex;position:relative;overflow:hidden}.pcard__inner:before{content:"";z-index:5;pointer-events:none;opacity:0;mix-blend-mode:screen;background:linear-gradient(105deg,#0000 0 38%,#f4efe6eb 47%,#e5383580 51%,#0000 62%),repeating-linear-gradient(90deg,#0000 0 16px,#f4efe61a 16px 17px);position:absolute;inset:-18%;transform:translate(-120%)skew(-10deg)}.work--projecting .pcard__inner:before{animation:projector-flash 1.15s var(--ease) both}.work--projecting .pcard:nth-child(3n) .pcard__inner:before{animation-delay:.12s}.work--projecting .pcard:nth-child(3n+1) .pcard__inner:before{animation-delay:.22s}.pcard__top{border-bottom:1px solid var(--hair-inv);font-family:var(--mono);letter-spacing:.18em;justify-content:space-between;align-items:center;padding:14px 16px;font-size:10.5px;display:flex}.pcard__tag{color:var(--ink-black);background:var(--japan-red);padding:3px 8px;font-weight:700}.pcard__tag--wip{background:var(--paper-white)}.pcard__media{flex:1;position:relative;overflow:hidden}.pcard__ph{position:absolute;inset:0}.pcard__media .zoom{transition:transform .7s var(--ease);position:absolute;inset:0}.pcard__overlay{background:var(--japan-red);mix-blend-mode:multiply;opacity:0;transition:opacity .5s var(--ease);position:absolute;inset:0}.pcard__view{z-index:3;background:var(--paper-white);width:96px;height:96px;color:var(--ink-black);font-family:var(--mono);letter-spacing:.16em;opacity:0;transition:opacity .4s var(--ease), transform .5s var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.8)}.pcard__bottom{border-top:1px solid var(--hair-inv);padding:18px 16px 16px}.pcard__title{font-family:var(--display);text-transform:uppercase;transition:transform .4s var(--ease);font-size:clamp(34px,4vw,56px);line-height:.9}.pcard__desc{color:#cfc9bd;max-width:42ch;margin-top:8px;font-size:14.5px}.pcard__metarow{flex-wrap:wrap;gap:22px;margin-top:16px;display:flex}.pcard__metarow div span{font-family:var(--mono);letter-spacing:.18em;color:var(--concrete-gray);font-size:9.5px;display:block}.pcard__metarow div b{font-family:var(--mono);letter-spacing:.06em;font-size:12px;font-weight:700}.pcard:hover .zoom{transform:scale(1.06)}.pcard:hover .pcard__overlay{opacity:.42}.pcard:hover .pcard__view{opacity:1;transform:translate(-50%,-50%)scale(1)}.pcard:hover .pcard__title{transform:translate(8px)}.work__end{width:50vw;padding:0 var(--gutter);flex:none;align-items:center;display:flex}.work__end .jp{font-family:var(--jp);color:var(--concrete-gray);letter-spacing:.2em;font-size:14px}.work--mobile{display:none}@media (max-width:920px){.work__sticky-wrap{display:none}.work--mobile{background:var(--ink-black);color:var(--paper-white);padding:76px 18px 84px;display:block}.work--mobile .work__bar{z-index:5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0b0b0bdb;margin:0 -18px 28px;position:sticky;top:0;padding:14px 18px!important}.work--mobile .work__bar .sec-no{letter-spacing:.14em;font-size:10px}.work--mobile .pcard{border-left:0;width:100%;height:auto;margin-top:18px;padding:0}.work--mobile .pcard__inner{background:#121212;border-color:#f4efe6b8;height:auto}.work--mobile .pcard__top{letter-spacing:.12em;padding:12px;font-size:9px}.work--mobile .pcard__media{flex:none;height:clamp(220px,64vw,330px)}.work--mobile .pcard__view{opacity:1;background:#f4efe6eb;border-radius:0;width:auto;height:auto;padding:10px 12px;font-size:9px;inset:auto 12px 12px auto;transform:none}.work--mobile .pcard__bottom{padding:16px 12px 14px}.work--mobile .pcard__title{font-size:clamp(36px,13vw,58px)}.work--mobile .pcard__desc{max-width:none;font-size:14px;line-height:1.5}.work--mobile .pcard__metarow{border-top:1px solid var(--hair-inv);grid-template-columns:1fr;gap:10px;margin-top:16px;padding-top:14px;display:grid}.work--mobile .pcard__metarow div{grid-template-columns:72px 1fr;align-items:baseline;gap:12px;display:grid}}.skills__grid{border-top:1.5px solid var(--ink-black);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.skillcat{border-bottom:1.5px solid var(--ink-black);padding:clamp(30px,4vw,56px) clamp(24px,3vw,50px);position:relative}.skillcat:nth-child(odd){border-right:1.5px solid var(--ink-black);padding-left:0}.skillcat__no{font-family:var(--mono);letter-spacing:.2em;color:var(--japan-red);font-size:12px}.skillcat__title{font-family:var(--display);text-transform:uppercase;margin:10px 0 20px;font-size:clamp(40px,5vw,76px);line-height:.9}.skillcat__title span{display:block}.skillcat__jp{font-family:var(--jp);color:var(--concrete-gray);letter-spacing:.1em;margin-left:10px;font-size:12px}.chips{flex-wrap:wrap;gap:9px;display:flex}.chip{font-family:var(--mono);letter-spacing:.08em;border:1.5px solid var(--ink-black);transition:background .25s var(--ease), color .25s var(--ease), transform .25s var(--ease);background:0 0;padding:9px 14px;font-size:12px;font-weight:500}.chip:hover{background:var(--ink-black);color:var(--paper-white);transform:translateY(-2px)}@media (max-width:720px){.skills__grid{grid-template-columns:1fr}.skillcat:nth-child(odd){border-right:0}.skillcat{padding-left:0;padding-right:0}}.labs{overflow:hidden}.labs:before{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#f4efe60e 1px,#0000 1px),linear-gradient(90deg,#f4efe60b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:42px 42px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 16% 82%,#0000);mask-image:linear-gradient(#0000,#000 16% 82%,#0000)}.labs__intro{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:clamp(24px,5vw,80px);margin-bottom:24px;display:grid}.labs__intro h2{font-family:var(--display);text-transform:uppercase;margin-top:10px;font-size:clamp(70px,14vw,220px);line-height:.78}.labs__intro p{color:#cfc9bd;text-wrap:pretty;max-width:50ch;font-size:clamp(16px,1.45vw,21px);line-height:1.5}.labs__ticker{border:1.5px solid var(--paper-white);gap:0;margin-bottom:18px;display:flex;overflow:hidden}.labs__ticker span{border-right:1.5px solid var(--paper-white);min-width:max-content;color:var(--paper-white);font-family:var(--mono);letter-spacing:.16em;text-align:center;flex:auto;padding:10px 16px;font-size:10px}.labs__ticker span:last-child{border-right:0}.labs__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-auto-flow:dense;background:var(--ink-black);border:1.5px solid var(--ink-black);gap:1.5px;display:grid}.lab{background:var(--paper-white);color:var(--ink-black);min-height:430px;transition:transform .35s var(--ease), background .3s var(--ease), color .3s var(--ease);flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,38px);display:flex;position:relative;overflow:hidden}.lab:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(90deg,#0000 calc(100% - 42px),#0b0b0b14 calc(100% - 42px) calc(100% - 40px),#0000 calc(100% - 40px)),linear-gradient(0deg,#0000 calc(100% - 42px),#e538351f calc(100% - 42px) calc(100% - 40px),#0000 calc(100% - 40px));position:absolute;inset:0}.lab:after{content:"";background:var(--japan-red);opacity:.08;pointer-events:none;height:70%;position:absolute;inset:auto -10% -42% 26%;transform:skew(-18deg)}.lab__capsule{z-index:2;pointer-events:none;gap:5px;display:flex;position:absolute;top:12px;right:12px}.lab__capsule span{border:1.5px solid var(--ink-black);background:var(--paper-white);width:8px;height:8px;transition:transform .28s var(--ease), background .28s var(--ease)}.lab__capsule span:nth-child(2){background:var(--japan-red)}.lab.is-open .lab__capsule span:first-child{transform:translate(-6px,4px)rotate(-14deg)}.lab.is-open .lab__capsule span:nth-child(2){transform:translateY(-5px)rotate(18deg)}.lab.is-open .lab__capsule span:nth-child(3){background:var(--ink-black);transform:translate(6px,4px)rotate(14deg)}.lab:first-child{grid-row:span 2;min-height:620px}.lab:nth-child(3){background:#e9dfcd}.lab--interactive:hover{transform:translateY(-4px)}.lab__top{z-index:1;justify-content:space-between;align-items:center;gap:16px;display:flex;position:relative}.lab__status{font-family:var(--mono);letter-spacing:.16em;background:var(--japan-red);color:var(--paper-white);padding:5px 9px;font-size:10px;font-weight:700}.lab__no{font-family:var(--mono);letter-spacing:.18em;color:var(--concrete-gray);font-size:11px}.lab:hover .lab__no{color:var(--deep-red)}.lab__body{z-index:1;position:relative}.lab__title{font-family:var(--display);text-transform:uppercase;max-width:8ch;margin-top:28px;font-size:clamp(34px,4.4vw,78px);line-height:.85}.lab__desc{color:#6d675e;max-width:48ch;margin-top:12px;font-size:14.5px;line-height:1.55}.lab-demo{border:1.5px solid var(--ink-black);z-index:1;background:#eee7d8;align-content:start;gap:12px;min-height:172px;margin-top:24px;padding:14px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff59}.lab:first-child .lab-demo{align-content:stretch;min-height:360px}.lab-demo--moire,.lab-demo--glyph,.lab-demo--ribbon,.lab-demo--switch{isolation:isolate;min-height:260px}.style-moire{background:repeating-linear-gradient(90deg, var(--ink-black) 0 4px, transparent 4px 11px), repeating-linear-gradient(0deg, #e53835f2 0 3px, transparent 3px 13px), var(--paper-white);min-height:250px;position:relative;overflow:hidden}.style-moire:before,.style-moire:after,.style-moire span{content:"";mix-blend-mode:multiply;will-change:transform;background:repeating-linear-gradient(115deg,#0000 0 9px,#0b0b0be0 9px 13px);animation:4.2s steps(7,end) infinite alternate lab-moire;position:absolute;inset:-18%}.style-moire:after{background:repeating-linear-gradient(64deg,#0000 0 7px,#e53835cc 7px 10px);animation-duration:3.2s}.style-moire span:first-child{background:repeating-radial-gradient(circle,#f4efe6e6 0 5px,#0000 5px 12px);animation-duration:5.1s}.style-moire span:nth-child(2){border:1.5px solid var(--ink-black);animation:lab-plate 2.8s var(--ease) infinite alternate;background:0 0;inset:12%}.style-moire b{z-index:2;color:var(--paper-white);font-family:var(--display);text-transform:uppercase;mix-blend-mode:difference;font-size:clamp(64px,9vw,130px);line-height:.78;position:absolute;bottom:14px;left:18px}.phase-1 .style-moire:before{transform:rotate(13deg)scale(1.16)}.phase-2 .style-moire:after{transform:rotate(-11deg)scale(1.2)}.phase-3 .style-moire span:nth-child(2){transform:translate(20px,-18px)skew(-12deg)}.style-glyph{border:1.5px solid var(--ink-black);background:linear-gradient(90deg, var(--japan-red) 0 34%, transparent 34%), repeating-linear-gradient(0deg, #0b0b0b1a 0 1px, transparent 1px 8px), var(--paper-white);transform-origin:0;min-height:210px;transition:transform .26s var(--ease);align-content:center;justify-items:start;padding:16px;display:grid}.style-glyph b,.style-glyph span{font-family:var(--display);text-transform:uppercase;letter-spacing:0;font-size:clamp(66px,8vw,124px);line-height:.78}.style-glyph b{color:var(--ink-black);text-shadow:9px 0 0 var(--paper-white), 18px 0 0 var(--japan-red)}.style-glyph span{color:#0000;-webkit-text-stroke:1.5px var(--ink-black);transform:translateY(-.08em)}.style-glyph i{color:var(--ink-black);font-family:var(--mono);letter-spacing:.2em;margin-top:8px;font-size:10px;font-style:normal}.style-ribbon{background:var(--ink-black);grid-template-columns:repeat(12,1fr);gap:3px;min-height:220px;padding:10px;display:grid;overflow:hidden}.style-ribbon i{background:linear-gradient(var(--japan-red), var(--japan-red)) center 42% / 100% 18% no-repeat, repeating-linear-gradient(0deg, var(--paper-white) 0 10px, var(--ink-black) 10px 15px);min-height:200px;transform:translate3d(0, calc((var(--ribbon-shift,1) * 3px)), 0) skewX(-14deg);animation:lab-slice 1.8s var(--ease) infinite alternate;will-change:transform;display:block}.style-ribbon i:nth-child(2n){filter:invert();animation-delay:-.22s}.style-ribbon i:nth-child(3n){animation-delay:-.48s}.phase-1 .style-ribbon{--ribbon-shift:4}.phase-2 .style-ribbon{--ribbon-shift:-5}.phase-3 .style-ribbon{--ribbon-shift:8}.style-switchboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.style-switchboard button{aspect-ratio:1;border:1.5px solid var(--ink-black);background:conic-gradient(from 90deg, var(--japan-red), var(--ink-black), var(--paper-white), var(--japan-red));color:var(--paper-white);font-family:var(--display);transition:transform .28s var(--ease), filter .28s var(--ease), background .28s var(--ease);font-size:clamp(28px,4vw,64px);line-height:1}.style-switchboard button:nth-child(2n){background:repeating-linear-gradient(45deg, var(--ink-black) 0 8px, var(--paper-white) 8px 14px);color:var(--japan-red)}.style-switchboard button.active{filter:saturate(1.4)contrast(1.2);background:var(--japan-red);color:var(--ink-black);transform:scale(.92)rotate(-8deg)}.style-switchboard button:active{transform:scale(.84)rotate(12deg)}.agent-stack,.channel-board,.lab-log{gap:8px;display:grid}.agent-row,.channel-row{border:1px solid var(--hair);background:var(--paper-white);font-family:var(--mono);letter-spacing:.08em;transition:transform .25s var(--ease), background .25s var(--ease);grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:9px 10px;font-size:10px;display:grid}.agent-row.is-shipping{background:var(--ink-black);color:var(--paper-white);transform:translate(6px)}.agent-row.is-working{border-color:var(--japan-red)}.agent-row b,.channel-row strong{color:var(--japan-red);font-weight:800}.agent-row i{color:var(--concrete-gray);font-style:normal}.agent-row.is-shipping i{color:#cfc9bd}.lab-segment{border:1.5px solid var(--ink-black);grid-template-columns:repeat(3,1fr);display:grid}.lab-segment button{border:0;border-right:1.5px solid var(--ink-black);min-height:34px;color:var(--ink-black);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;background:0 0;font-size:9px}.lab-segment button:last-child{border-right:0}.lab-segment button.active{background:var(--ink-black);color:var(--paper-white)}.deploy-meter{border:1.5px solid var(--ink-black);background:var(--paper-white);height:34px;position:relative;overflow:hidden}.deploy-meter span{background:var(--japan-red);transition:width .35s var(--ease);position:absolute;inset:0 auto 0 0}.deploy-meter b{z-index:1;height:100%;color:var(--ink-black);font-family:var(--mono);letter-spacing:.16em;mix-blend-mode:multiply;place-items:center;font-size:10px;display:grid;position:relative}.deploy-steps{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.deploy-steps span{border:1px solid var(--hair);text-align:center;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--paper-white);padding:9px 6px;font-size:9px}.deploy-steps span.active,.deploy-steps span.done{background:var(--ink-black);color:var(--paper-white)}.deploy-steps span.done{background:var(--japan-red)}.lab-log span{background:var(--ink-black);color:#cfc9bd;font-family:var(--mono);padding:8px 10px;font-size:10px;display:block;box-shadow:inset 0 0 0 1px #e5383566}.type-specimen{border:1px solid var(--hair);background:var(--ink-black);min-height:112px;color:var(--paper-white);align-content:end;padding:14px;display:grid;position:relative;overflow:hidden}.type-specimen span{background:var(--japan-red);position:absolute;top:0;bottom:0;left:0}.type-specimen b,.type-specimen i{z-index:1;position:relative}.type-specimen b{font-family:var(--display);font-size:clamp(40px,5vw,76px);line-height:.82}.type-specimen i{font-family:var(--mono);font-size:10px;font-style:normal}.lab-range{width:100%;accent-color:var(--japan-red)}.lab-readout{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font-family:var(--mono);letter-spacing:.14em;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;font-size:10px;display:flex}.lab-readout span{color:#6d675e}.lab-readout b{color:var(--japan-red);font-weight:800}.channel-row{grid-template-columns:78px 1fr 32px}.channel-row i{background:#0b0b0b1f;height:8px;position:relative;overflow:hidden}.channel-row i b{background:var(--japan-red);position:absolute;inset:0 auto 0 0}.lab-action,.lab-source button{border:1.5px solid var(--ink-black);background:var(--ink-black);min-height:40px;color:var(--paper-white);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;transition:transform .25s var(--ease), background .25s var(--ease), color .25s var(--ease);font-size:10px}.lab-action:hover,.lab-source button:hover{background:var(--japan-red);border-color:var(--japan-red);color:var(--paper-white)}.lab-action:active,.lab-source button:active{transform:translateY(1px)scale(.99)}.lab-source{z-index:1;grid-template-columns:1fr auto;gap:8px;margin-top:12px;display:grid;position:relative}.lab-source .lab-source__copy{color:var(--ink-black);background:0 0}.lab-code{opacity:0;transform-origin:top;filter:contrast(.7)brightness(.86);transition:grid-template-rows .62s var(--ease), opacity .34s var(--ease), transform .62s var(--ease), filter .62s var(--ease), margin-top .62s var(--ease);z-index:1;grid-template-rows:0fr;margin-top:0;display:grid;position:relative;overflow:hidden;transform:translateY(-10px)scaleY(.94)}.lab-code__inner{min-height:0;position:relative;overflow:hidden}.lab-code.open{opacity:1;filter:contrast(1.04)brightness();grid-template-rows:1fr;margin-top:12px;transform:translate(0,0)scaleY(1)}.lab-code:before{content:"";opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#f4efe614 1px,#0000 1px) 0 0/100% 7px,linear-gradient(90deg,#0000,#e5383529,#0000) 0 0/220% 100%;position:absolute;inset:0;transform:translateY(-100%)}.lab-code.open:before{opacity:1;animation:.72s steps(10,end) both lab-console-scan,2.8s linear .72s infinite lab-console-glow}.lab-code__chrome{border:1.5px solid var(--ink-black);background:var(--japan-red);min-height:34px;color:var(--ink-black);font-family:var(--mono);letter-spacing:.18em;opacity:0;transition:transform .48s var(--ease) 80ms, opacity .28s var(--ease) 80ms;border-bottom:0;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;font-size:9px;font-weight:800;display:flex;overflow:hidden;transform:translateY(-16px)}.lab-code.open .lab-code__chrome{opacity:1;transform:translateY(0)}.lab-code__chrome i{color:var(--paper-white);font-style:normal}.lab-code__boot{z-index:3;border:1.5px solid var(--ink-black);color:#d8d0c1;font-family:var(--mono);letter-spacing:.16em;pointer-events:none;opacity:0;transform-origin:top;background:#141414;border-top:0;gap:4px;padding:10px 12px;font-size:9px;display:grid;position:absolute;top:34px;left:0;right:0;transform:translateY(-10px)scaleY(.72)}.lab-code.open .lab-code__boot{animation:lab-boot-panel 1.05s var(--ease) both}.lab-code__boot span{opacity:0;transform:translate(-10px)}.lab-code.open .lab-code__boot span:first-child{animation:.22s steps(2,end) 80ms both lab-boot-line}.lab-code.open .lab-code__boot span:nth-child(2){animation:.22s steps(2,end) .34s both lab-boot-line}.lab-code.open .lab-code__boot span:nth-child(3){color:var(--japan-red);animation:.22s steps(2,end) .6s both lab-boot-line}.lab-code pre{border:1.5px solid var(--ink-black);background:radial-gradient(circle at 15% 0%, #e5383547, transparent 34%), repeating-linear-gradient(0deg, #f4efe609 0 1px, transparent 1px 8px), var(--ink-black);color:#d8d0c1;min-height:0;font-family:var(--mono);white-space:pre-wrap;clip-path:inset(0 0 100%);transition:transform .58s var(--ease) .78s, clip-path .58s var(--ease) .78s;margin-top:0;padding:14px 12px 16px;font-size:10px;line-height:1.55;overflow:hidden;transform:translateY(-18px);box-shadow:8px 8px #e5383542}.lab-code.open pre{clip-path:inset(0);transform:translate(0,0)}@media (max-width:920px){.labs{padding-bottom:92px;padding-right:0}.labs .wrap{max-width:none}.labs__intro{padding-right:var(--gutter);grid-template-columns:1fr}.labs__intro h2{font-size:clamp(72px,24vw,132px)}.labs__intro p{max-width:34ch;font-size:15px}.labs__grid{margin-left:calc(var(--gutter) * -.1);padding:0 var(--gutter) 22px 0;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-left:var(--gutter);-webkit-overflow-scrolling:touch;background:0 0;border:0;grid-template-columns:none;gap:12px;display:flex;overflow-x:auto}.labs__grid::-webkit-scrollbar{display:none}.lab{--base-tilt:-1.2deg;--deck-tilt:0deg;--deck-lift:0px;scroll-snap-align:start;height:auto;min-height:0;box-shadow:12px 14px 0 #e538356b, 0 0 0 1.5px var(--ink-black);transform:translate3d(0, var(--deck-lift), 0) rotate(calc(var(--base-tilt) + var(--deck-tilt)));transition:box-shadow .28s var(--ease), transform .16s var(--ease);will-change:transform;flex:0 0 min(84vw,360px);justify-content:flex-start;gap:16px}.lab:before{background:linear-gradient(90deg, var(--japan-red) 0 18px, transparent 18px calc(100% - 18px), var(--ink-black) calc(100% - 18px)), repeating-linear-gradient(0deg, transparent 0 18px, #0b0b0b17 18px 20px)}.lab__capsule{top:14px;right:14px}.lab.is-open{animation:gacha-pop .46s var(--ease-sharp) both}.lab:nth-child(2n){--base-tilt:1.2deg}.lab:first-child{min-height:0;margin-left:var(--gutter);grid-row:auto}.lab:active{box-shadow:7px 9px 0 #e5383580, 0 0 0 1.5px var(--ink-black);transform:translate3d(0, calc(var(--deck-lift) + 2px), 0) scale(.985) rotate(calc(var(--deck-tilt) * .25))}.lab__title{max-width:7ch;font-size:clamp(44px,16vw,70px)}.lab__desc{font-size:13.5px;line-height:1.5}.lab-demo{min-height:240px;padding:10px;overflow:hidden}.lab:first-child .lab-demo{min-height:260px}.style-moire{min-height:240px}.style-glyph,.style-ribbon{min-height:220px}.style-glyph{max-width:100%;overflow:hidden}.style-switchboard{grid-template-columns:repeat(2,minmax(0,1fr))}.lab-code pre{max-height:260px;overflow:auto;box-shadow:5px 5px #e538353d}.lab-source{grid-template-columns:1fr}.labs__ticker{margin-right:var(--gutter);overflow-x:auto}.labs__ticker span{min-width:150px}}@keyframes lab-moire{0%{transform:translate(-16px,-8px)rotate(-7deg)scale(1.08)}to{transform:translate(22px,16px)rotate(12deg)scale(1.18)}}@keyframes lab-plate{0%{transform:translate(-8px,8px)skew(8deg)}to{transform:translate(14px,-12px)skew(-10deg)}}@keyframes lab-slice{0%{transform:translate(-7px,-10px)skew(-14deg)}to{transform:translate(11px,18px)skew(16deg)}}@keyframes lab-console-scan{0%{opacity:0;transform:translateY(-100%)}15%{opacity:1}to{opacity:.18;transform:translateY(100%)}}@keyframes lab-console-glow{0%,to{opacity:.14;background-position:0 0,0 0}50%{opacity:.32;background-position:0 14px,100% 0}}@keyframes page-scanline-sweep{0%{opacity:0;transform:translateY(-16px)scaleX(.2)}12%{opacity:1}55%{opacity:1;transform:translateY(48vh)scaleX(1)}to{opacity:0;transform:translateY(104vh)scaleX(.72)}}@keyframes lab-boot-panel{0%{opacity:0;transform:translateY(-10px)scaleY(.72)}12%,72%{opacity:1;transform:translate(0,0)scaleY(1)}to{opacity:0;transform:translateY(-8px)scaleY(.72)}}@keyframes lab-boot-line{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0,0)}}@keyframes gacha-pop{0%{transform:translate3d(0, var(--deck-lift), 0) rotate(calc(var(--base-tilt) + var(--deck-tilt))) scale(1)}28%{transform:translate3d(0, calc(var(--deck-lift) - 9px), 0) rotate(calc(var(--base-tilt) + var(--deck-tilt) + 3deg)) scale(1.02)}58%{transform:translate3d(0, calc(var(--deck-lift) + 3px), 0) rotate(calc(var(--base-tilt) + var(--deck-tilt) - 2deg)) scale(.99)}to{transform:translate3d(0, var(--deck-lift), 0) rotate(calc(var(--base-tilt) + var(--deck-tilt))) scale(1)}}@keyframes projector-flash{0%{opacity:0;transform:translate(-120%)skew(-10deg)}14%{opacity:.92}42%{opacity:.46}to{opacity:0;transform:translate(120%)skew(-10deg)}}@keyframes contact-shutter{0%{transform-origin:0;transform:scaleX(0)}42%{transform-origin:0;transform:scaleX(1)}56%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.proc__list{border-top:1.5px solid}.proc__step{border-bottom:1px solid var(--hair-inv);transition:padding-left .5s var(--ease), background .5s var(--ease);grid-template-columns:clamp(120px,18vw,320px) 1fr auto;align-items:center;gap:clamp(20px,4vw,60px);padding:clamp(28px,4vw,54px) 0;display:grid}.proc__step .num{font-family:var(--display);transition:color .5s var(--ease), transform .5s var(--ease);transform-origin:0;font-size:clamp(64px,12vw,200px);line-height:.8}.proc__step.active .num{color:var(--japan-red);transform:scale(1.06)}.proc__step.active{padding-left:clamp(12px,3vw,40px)}.proc__step .body h3{font-family:var(--display);text-transform:uppercase;font-size:clamp(28px,3.4vw,52px);line-height:.92}.proc__step .body p{color:#cfc9bd;max-width:52ch;margin-top:10px;font-size:16px}.proc__step .tag{font-family:var(--jp);color:var(--concrete-gray);writing-mode:vertical-rl;letter-spacing:.1em;justify-self:end;font-size:13px}@media (max-width:820px){.proc__step{grid-template-columns:auto 1fr}.proc__step .tag{display:none}.proc__step .num{font-size:clamp(48px,16vw,90px)}}.contact{background:var(--paper-white);color:var(--ink-black);position:relative;overflow:hidden}.contact__block{aspect-ratio:.8;background:var(--japan-red);z-index:0;clip-path:polygon(0 0,100% 9%,84% 100%,8% 92%);width:clamp(280px,34vw,620px);position:absolute;top:-10%;right:-4%}.contact__poster-grid{z-index:0;pointer-events:none;opacity:.16;background-color:#0000;background-image:linear-gradient(#0b0b0b61 1px,#0000 1px),linear-gradient(90deg,#0b0b0b61 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:52px 52px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 86%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 86%,#0000)}.contact__stamp{z-index:3;aspect-ratio:1;border:4px solid var(--japan-red);width:clamp(118px,13vw,190px);color:var(--japan-red);font-family:var(--mono);letter-spacing:.12em;text-align:center;text-transform:uppercase;mix-blend-mode:multiply;pointer-events:none;place-items:center;font-size:11px;font-weight:900;line-height:1;display:grid;position:absolute;top:clamp(130px,15vw,210px);right:clamp(28px,9vw,140px);transform:rotate(11deg)scale(1.6)}.contact__stamp:before,.contact__stamp:after{content:"";border:1.5px solid;position:absolute;inset:10px}.contact__stamp:after{opacity:.38;border-width:1px;inset:-10px;transform:rotate(-5deg)}.contact__stamp i{font-family:var(--jp);letter-spacing:0;margin-top:8px;font-size:clamp(34px,5vw,74px);font-style:normal;display:block}.contact__stamp.reveal.in{animation:hanko-stamp-contact .62s var(--ease-sharp) both}.contact__sidecode{z-index:1;left:calc(var(--gutter) * .55);writing-mode:vertical-rl;color:#0b0b0b70;font-family:var(--mono);letter-spacing:.2em;pointer-events:none;gap:24px;font-size:10px;display:flex;position:absolute;bottom:clamp(28px,5vw,76px)}.contact__inner{z-index:2;position:relative}.contact__title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;font-size:clamp(36px,8vw,150px);line-height:.84}.contact__title .red{color:var(--japan-red)}.contact__title .ln{width:fit-content;display:block;position:relative;overflow:hidden}.contact__title .ln:after{content:"";background:var(--ink-black);transform-origin:0;pointer-events:none;z-index:2;position:absolute;inset:0;transform:scaleX(0)}.contact__title .ln:nth-child(4):after{background:var(--japan-red)}.contact__title .ln:nth-child(4).kinetic-line:before{color:var(--ink-black)}.contact__title .ln.in:after{animation:contact-shutter .86s var(--ease-sharp) both}.contact__cta{flex-wrap:wrap;gap:14px;margin-top:clamp(34px,5vw,60px);display:flex}.contact__channels{border-top:1.5px solid var(--ink-black);grid-template-columns:repeat(4,1fr);gap:0;margin-top:clamp(46px,6vw,80px);display:grid}.channel{border-right:1px solid var(--hair);padding:22px 18px 22px 0}.channel:last-child{border-right:0}.channel dt{font-family:var(--mono);letter-spacing:.2em;color:var(--concrete-gray);text-transform:uppercase;margin-bottom:8px;font-size:10px}.channel dd{font-family:var(--mono);word-break:break-word;font-size:14px;font-weight:700}.channel a{position:relative}.channel a:after{content:"";background:var(--japan-red);width:0;height:2px;transition:width .3s var(--ease);position:absolute;bottom:-3px;left:0}.channel a:hover:after{width:100%}.channel .ph{color:var(--concrete-gray)}@media (max-width:820px){.contact__channels{grid-template-columns:1fr 1fr}.channel{border-right:0}}@media (max-width:720px){:root{--gutter:18px}.section{padding:76px var(--gutter)}.sec-head{gap:10px;margin-bottom:34px;padding-top:12px;display:grid}.sec-head .sec-no{letter-spacing:.14em;font-size:10px}.sec-head .sec-jp{color:var(--concrete-gray);font-size:12px}.hanko{border-width:2px;width:78px}.hanko span{font-size:8px}.hanko i{margin-top:4px;font-size:22px}.hanko--about{top:94px;right:18px}.hanko--labs{top:96px;right:18px}.btn{letter-spacing:.11em;justify-content:center;min-height:50px;padding:14px 16px;font-size:10px}.about__bigword{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;font-size:clamp(48px,17vw,72px);line-height:.82;display:grid}.about__body p{font-size:clamp(20px,7vw,28px);line-height:1.28}.about__facts{grid-template-columns:1fr;margin-top:34px}.about__fact{padding:16px 0}.skillcat{padding-top:26px;padding-bottom:30px}.skillcat__title{font-size:clamp(42px,14vw,64px)}.chips{gap:8px}.chip{letter-spacing:.06em;padding:8px 10px;font-size:10px}.labs .wrap>div[style]{margin-bottom:24px!important}.labs .wrap>div[style] h2{font-size:clamp(58px,22vw,92px)!important}.labs .lab{--base-tilt:0deg;min-height:0;transform:translate3d(0, calc(var(--deck-lift) * .35), 0) rotate(calc(var(--deck-tilt) * .18));flex-basis:min(86vw,340px);padding:18px}.labs .lab:active{transform:translate3d(0, calc((var(--deck-lift) * .35) + 2px), 0) scale(.99)}.labs .lab__title{margin-top:18px;font-size:clamp(38px,13vw,56px)}.labs .lab-demo{min-height:210px}.labs .lab:first-child .lab-demo{min-height:230px}.labs .style-moire,.labs .style-glyph,.labs .style-ribbon{min-height:200px}.labs .style-moire b{font-size:clamp(48px,18vw,72px)}.proc__step{grid-template-columns:1fr;gap:12px;padding:24px 0}.proc__step.active{padding-left:0}.proc__step .num{font-size:clamp(58px,22vw,96px)}.proc__step .body h3{font-size:clamp(34px,13vw,56px)}.proc__step .body p{font-size:15px;line-height:1.55}.contact{padding-bottom:86px}.contact__block{opacity:.58;width:48vw;top:86px;right:-22vw}.contact__poster-grid{opacity:.12;background-size:34px 34px}.contact__stamp{opacity:.92;border-width:2px;width:92px;font-size:8px;top:118px;right:18px}.contact__stamp i{font-size:28px}.contact__sidecode{display:none}.contact__title{text-wrap:balance;max-width:min(100%,12ch);font-size:clamp(36px,10.8vw,58px);line-height:.94;overflow:visible}.contact__title .ln{overflow:visible}.contact__cta{grid-template-columns:1fr;width:min(100%,360px);display:grid}.contact__channels{grid-template-columns:1fr;margin-top:38px}.channel{border-bottom:1px solid var(--hair);padding:17px 0}}@media (max-width:420px){.hero__title .t1,.hero__title .t2{font-size:clamp(60px,21vw,84px)}.hero__lede{font-size:15px}.work--mobile .pcard__metarow div{grid-template-columns:62px 1fr}.contact__title{max-width:12ch;font-size:clamp(34px,10.2vw,43px)}}.footer{isolation:isolate;background:var(--ink-black);color:var(--paper-white);padding:clamp(40px,6vw,80px) var(--gutter) 40px;position:relative;overflow:hidden}.footer:before{content:"";z-index:4;background:var(--japan-red);transform-origin:0;pointer-events:none;position:absolute;inset:0 50% 0 0;transform:scaleX(0)}.footer:after{content:"";z-index:4;background:var(--paper-white);transform-origin:100%;pointer-events:none;position:absolute;inset:0 0 0 50%;transform:scaleX(0)}.footer.in:before{animation:footer-shutter-left 1.14s var(--ease-sharp) 80ms both}.footer.in:after{animation:footer-shutter-right 1.14s var(--ease-sharp) 80ms both}.footer>*{z-index:2;position:relative}.footer__final-stamp{z-index:5;aspect-ratio:1;border:3px solid var(--japan-red);width:clamp(96px,11vw,154px);color:var(--japan-red);font-family:var(--mono);letter-spacing:.12em;text-align:center;text-transform:uppercase;opacity:0;pointer-events:none;place-items:center;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;top:clamp(18px,3vw,42px);right:clamp(28px,9vw,150px);transform:rotate(10deg)scale(1.8)}.footer__final-stamp:before,.footer__final-stamp:after{content:"";border:1.5px solid;position:absolute;inset:8px}.footer__final-stamp:after{opacity:.42;border-width:1px;inset:-8px;transform:rotate(-5deg)}.footer__final-stamp i{font-family:var(--jp);letter-spacing:0;margin-top:7px;font-size:clamp(28px,4vw,54px);font-style:normal;display:block}.footer.in .footer__final-stamp{animation:footer-hanko-slam .72s var(--ease-sharp) .86s both}.footer__top{border-bottom:1px solid var(--hair-inv);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:30px;padding-bottom:30px;display:flex}.footer__mark{font-family:var(--display);text-transform:uppercase;font-size:clamp(44px,10vw,180px);line-height:.8}.footer__mark .red{color:var(--japan-red)}.footer__meta{text-align:right;flex-direction:column;gap:6px;display:flex}.footer__meta span{font-family:var(--mono);letter-spacing:.18em;font-size:11px}.footer__bottom{font-family:var(--mono);letter-spacing:.18em;color:var(--concrete-gray);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;font-size:10.5px;display:flex}.footer__bottom .jp{color:var(--japan-red)}.footer__totop{border:1px solid var(--hair-inv);color:var(--paper-white);font-family:var(--mono);letter-spacing:.18em;transition:.3s var(--ease);background:0 0;padding:10px 16px;font-size:10.5px}.footer__totop:hover{background:var(--paper-white);color:var(--ink-black)}@keyframes footer-shutter-left{0%{transform-origin:0;transform:scaleX(0)}36%{transform-origin:0;transform:scaleX(1)}54%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}@keyframes footer-shutter-right{0%{transform-origin:100%;transform:scaleX(0)}36%{transform-origin:100%;transform:scaleX(1)}54%{transform-origin:0;transform:scaleX(1)}to{transform-origin:0;transform:scaleX(0)}}@keyframes footer-hanko-slam{0%{opacity:0;filter:blur(3px);transform:rotate(2deg)scale(1.85)}46%{opacity:1;filter:blur();transform:rotate(10deg)scale(.86)}62%{transform:rotate(10deg)scale(1.08)}78%{transform:rotate(10deg)scale(.98)}to{opacity:1;filter:blur();transform:rotate(10deg)scale(1)}}.marquee{background:var(--japan-red);color:var(--paper-white);border-top:1.5px solid var(--ink-black);border-bottom:1.5px solid var(--ink-black);padding:14px 0;overflow:hidden}.marquee__row{white-space:nowrap;gap:40px;width:max-content;animation:28s linear infinite marq;display:flex}.marquee span{font-family:var(--display);text-transform:uppercase;align-items:center;gap:40px;font-size:clamp(20px,2.2vw,30px);display:inline-flex}.marquee .jp{font-family:var(--jp)}.marquee .star{color:var(--ink-black)}@keyframes marq{to{transform:translate(-50%)}}@media (max-width:720px){.footer{padding:44px 18px 32px}.footer:before{inset:0 50% 0 0}.footer:after{inset:0 0 0 50%}.footer__final-stamp{border-width:2px;width:82px;font-size:8px;top:18px;right:18px}.footer__final-stamp i{margin-top:4px;font-size:24px}.footer__top{gap:22px;display:grid}.footer__mark{font-size:clamp(54px,18vw,86px)}.footer__meta{text-align:left}.footer__bottom{gap:14px;line-height:1.6;display:grid}.footer__totop{width:100%;min-height:44px}.marquee{padding:10px 0}.marquee span{gap:24px;font-size:20px}}.loader{z-index:9999;background:var(--ink-black);color:var(--paper-white);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.loader__num{font-family:var(--display);font-size:clamp(80px,20vw,300px);line-height:1}.loader__bar{left:var(--gutter);right:var(--gutter);background:var(--hair-inv);height:2px;position:absolute;bottom:40px}.loader__bar i{background:var(--japan-red);width:0%;position:absolute;top:0;bottom:0;left:0}.loader__label{left:var(--gutter);font-family:var(--mono);letter-spacing:.2em;font-size:11px;position:absolute;bottom:52px}.loader__jp{right:var(--gutter);font-family:var(--jp);letter-spacing:.2em;font-size:13px;position:absolute;bottom:52px}.loader.done{transition:transform .8s var(--ease-sharp);transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}.reveal{opacity:1!important;transform:none!important}.hero__title .ln span{transform:none!important}.kinetic-title:before,.kinetic-line:before{display:none!important}.footer:before,.footer:after,.footer__final-stamp{animation:none!important}}@media (max-width:920px){.mobile-menu-trigger{z-index:9500!important;display:flex!important;position:fixed!important;top:14px!important;left:328px!important;right:auto!important}}