:root{color-scheme:light;--paper:#f7f2ee;--ink:#141414;--ink-soft:#55504b;--line:#14141424;--orange:#ff7300;--orange-shade:#f25a00;--blue:#0064f0;--blue-shade:#0045e0;--yellow:#ffc800;--yellow-shade:#ffb000;--pink:#ffa3cc;--pink-shade:#ff86bb;--font:"Figtree", "Zen Maru Gothic", system-ui, sans-serif;--font-jp:"Zen Maru Gothic", "Figtree", system-ui, sans-serif;--gutter:clamp(16px, 4vw, 48px);--max:1280px;--radius:28px;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.2, 0, 0, 1)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}html,body{margin:0}body{background-color:var(--paper);min-height:100vh;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;background-image:repeating-linear-gradient(30deg,#1414140b 0 1px,#0000 1px 34px),repeating-linear-gradient(-30deg,#1414140b 0 1px,#0000 1px 34px);font-size:16px;line-height:1.75;overflow-x:hidden}html[lang=ja] body{font-family:var(--font-jp)}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p,figure,ul,ol,dl,dd{margin:0}ul,ol{padding:0;list-style:none}:focus-visible{outline:3px solid var(--blue);outline-offset:3px;border-radius:6px}section{scroll-margin-top:96px}.en{font-family:var(--font)}.wrap{width:min(100% - var(--gutter) * 2, var(--max));margin-inline:auto}.section{padding-top:clamp(96px,12vw,168px);position:relative}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;margin-bottom:clamp(32px,4vw,56px);display:flex}.section-lead{max-width:30em;color:var(--ink-soft);font-weight:500}.kicker{font-family:var(--font);letter-spacing:.04em;align-items:center;gap:10px;font-size:14px;font-weight:800;display:inline-flex}.kicker:before{content:"";background:var(--orange);border-radius:50%;width:12px;height:12px}.btn{border:2.5px solid var(--ink);background:var(--paper);white-space:nowrap;cursor:pointer;height:52px;box-shadow:5px 5px 0 var(--ink);transition:transform .2s var(--spring), box-shadow .2s var(--spring), background-color .2s;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:800;display:inline-flex}.btn:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-3px,-3px)}.btn:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,4px)}.btn-yellow{background:var(--yellow)}.btn-blue{background:var(--blue);color:#fff}.btn .arrow{transition:transform .3s var(--spring);display:inline-block}.btn:hover .arrow{transform:translate(4px)rotate(-45deg)}.btn-small{height:42px;box-shadow:4px 4px 0 var(--ink);padding:0 18px;font-size:14px}.tag{border:2px solid var(--ink);height:26px;font-family:var(--font);letter-spacing:.02em;background:#fff;border-radius:999px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:800;display:inline-flex}.tag:before{content:"";background:var(--tc,var(--orange));border-radius:50%;width:7px;height:7px}.tag[data-k=soba]{--tc:var(--blue)}.tag[data-k=work],.tag[data-k=ar]{--tc:var(--yellow)}.tag[data-k=media],.tag[data-k=anim]{--tc:var(--pink)}.tag[data-k=notes],.tag[data-k=graphic]{--tc:var(--blue)}[data-reveal]{opacity:0;transition:opacity .7s var(--ease), transform .8s var(--ease);transition-delay:var(--d,0s);transform:translateY(28px)}[data-reveal].is-in{opacity:1;transform:none}.tilt{transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateZ(0);transition:transform .5s var(--spring);transform-style:preserve-3d}.tilt.is-tilting{transition:transform 80ms linear}.pop{z-index:2;pointer-events:none;width:34px;height:34px;transition:transform .45s var(--spring);position:absolute;transform:scale(0)rotate(-120deg)}.pop-c{background:var(--yellow);border-radius:50%}.pop-q{background:var(--blue);border-radius:8px}.pop-h{background:var(--pink);border-radius:34px 34px 0 0;height:17px}.pop-t{border-left:18px solid #0000;border-right:18px solid #0000;border-bottom:30px solid var(--orange);width:0;height:0}:hover>.pop,:focus-visible>.pop{transform:scale(1)rotate(0)}.ticker{border-block:2.5px solid var(--ink);background:var(--paper);overflow:hidden}.ticker-track{width:max-content;animation:30s linear infinite ticker;display:flex}.ticker:hover .ticker-track{animation-play-state:paused}.ticker-item{font-family:var(--font);white-space:nowrap;align-items:center;gap:22px;padding:14px 22px 14px 0;font-size:22px;font-weight:900;display:flex}.shape{flex:none;width:18px;height:18px}.s-c{background:var(--orange);border-radius:50%}.s-q{background:var(--blue);border-radius:4px;transform:rotate(15deg)}.s-h{background:var(--yellow);border-radius:18px 18px 0 0;height:9px}.s-p{background:var(--pink);border-radius:50% 4px 50% 50%}@keyframes ticker{to{transform:translate(-50%)}}.float{pointer-events:none;z-index:0;position:absolute}@keyframes bob{0%,to{transform:translateY(0) rotate(var(--r0,0deg))}50%{transform:translateY(-16px) rotate(var(--r1,10deg))}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rock{0%,to{transform:rotate(-18deg)}50%{transform:rotate(18deg)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}[data-reveal]{opacity:1;transform:none}}.iso[data-astro-cid-vdjiqfm3]{margin:0;line-height:0}.iso[data-astro-cid-vdjiqfm3] svg[data-astro-cid-vdjiqfm3]{width:auto;max-width:100%;height:clamp(56px,9vw,118px);display:block;overflow:visible}.iso-top[data-astro-cid-vdjiqfm3]{stroke:var(--c);stroke-width:1px}.iso-side[data-astro-cid-vdjiqfm3]{stroke:var(--cs);stroke-width:1px}.iso-front[data-astro-cid-vdjiqfm3]{fill:#fff}.iso-edge[data-astro-cid-vdjiqfm3]{fill:none;stroke:var(--ink);stroke-width:2.2px;stroke-linecap:round}.iso-top[data-astro-cid-vdjiqfm3]{fill:var(--c)}.iso-side[data-astro-cid-vdjiqfm3]{fill:var(--cs)}.iso-cell[data-astro-cid-vdjiqfm3]{transform-box:fill-box;opacity:0;transform:translateY(-40px)}.iso[data-astro-cid-vdjiqfm3].is-in .iso-cell[data-astro-cid-vdjiqfm3]{opacity:1;transition:transform .55s var(--spring) calc(var(--x) * 22ms + var(--i) * 2ms), opacity .2s linear calc(var(--x) * 22ms);transform:none}.iso[data-astro-cid-vdjiqfm3]:hover .iso-cell[data-astro-cid-vdjiqfm3]{animation:wave .6s var(--spring) calc(var(--x) * 30ms)}@keyframes wave{0%,to{transform:none}40%{transform:translateY(-9px)}}@media (prefers-reduced-motion:reduce){.iso-cell[data-astro-cid-vdjiqfm3]{opacity:1;transform:none}}.bar{z-index:50;border:2.5px solid var(--ink);-webkit-backdrop-filter:blur(14px);background:#f7f2eedb;border-radius:999px;align-items:center;gap:12px;width:min(100% - 24px,1400px);margin:12px auto 0;padding:8px 8px 8px 18px;display:flex;position:sticky;top:12px}.logo{font-family:var(--font);letter-spacing:-.01em;align-items:center;gap:10px;margin-right:auto;font-size:18px;font-weight:900;display:flex}.logo-cube{width:28px;height:28px;transition:transform .6s var(--spring)}.logo:hover .logo-cube{transform:rotate(120deg)}.nav{font-family:var(--font);align-items:center;gap:2px;display:flex}.nav a{border-radius:999px;padding:8px 13px;font-size:15px;font-weight:700;position:relative}.nav a:not(.nav-contact):before{content:"";background:var(--c,var(--orange));border-radius:var(--r,50%);width:8px;height:8px;transition:transform .35s var(--spring);margin-left:-4px;position:absolute;top:-3px;left:50%;transform:scale(0)rotate(-90deg)}.nav a:hover:before{transform:scale(1)rotate(0)}.nav a:nth-child(2){--c:var(--blue);--r:2px}.nav a:nth-child(3){--c:var(--yellow);--r:2px 50% 2px 2px}.nav a:nth-child(4){--c:var(--pink)}.nav a:nth-child(5){--c:var(--blue);--r:50% 50% 2px 2px}.nav-contact{background:var(--ink);color:var(--paper);margin-left:6px;transition:background-color .2s,color .2s}.nav-contact:hover{background:var(--yellow);color:var(--ink)}.lang{border:2px solid var(--ink);font-family:var(--font);border-radius:999px;padding:3px;display:flex}.lang button{cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:800}.lang button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.menu{background:var(--ink);cursor:pointer;border:0;border-radius:50%;width:40px;height:40px;display:none;position:relative}.menu i{background:var(--paper);height:2.5px;transition:transform .3s var(--spring);border-radius:2px;position:absolute;left:12px;right:12px}.menu i:first-child{top:15px}.menu i:last-child{top:22px}.menu[aria-expanded=true] i:first-child{transform:translateY(3.5px)rotate(45deg)}.menu[aria-expanded=true] i:last-child{transform:translateY(-3.5px)rotate(-45deg)}.drawer{z-index:49;background:var(--yellow);font-family:var(--font);flex-direction:column;justify-content:center;gap:4px;padding:90px 32px 32px;display:flex;position:fixed;inset:0}.drawer[hidden]{display:none}.drawer a{letter-spacing:-.02em;font-size:44px;font-weight:900}@media (width<=900px){.nav{display:none}.menu{display:inline-block}}.footer{border-top:2.5px solid var(--ink);margin-top:clamp(96px,12vw,168px);padding:56px 0 32px}.footer-inner{flex-direction:column;gap:32px;display:flex}.footer-row{font-family:var(--font);flex-wrap:wrap;align-items:center;gap:16px 32px;font-weight:700;display:flex}.footer-mail{margin-right:auto;font-size:20px}.footer-mail a,.footer-links a{background:linear-gradient(var(--yellow), var(--yellow)) 0 100% / 0 40% no-repeat;transition:background-size .3s var(--ease)}.footer-mail a:hover,.footer-links a:hover{background-size:100% 40%}.footer-links{gap:20px;display:flex}.footer-copy{color:var(--ink-soft);font-size:13px}