@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Inter:wght@300;400;500;600&family=Noto+Sans+JP:wght@300;400;500&display=swap";:root{color-scheme:dark;--black: #000;--white: #f5f5f2;--muted: #8d8d91;--line: rgb(255 255 255 / 16%);--violet: #7137ff;--teal: #00d9ba;--page: clamp(1.25rem, 3.2vw, 3.75rem);--sans: "Inter", "Noto Sans JP", sans-serif;--mono: "DM Mono", monospace}*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--black);color:var(--white);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}p,h1,h2,h3{margin:0}button,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--teal);color:#00120e}.page-transition-layer{position:fixed;z-index:50;inset:0;visibility:hidden;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .22s ease,visibility 0s linear .22s}.page-transition-layer.is-active{visibility:visible;opacity:1;transition-delay:0s}.page-transition-layer__orb{position:absolute;top:var(--transition-orb-top, 42%);left:var(--transition-orb-left, 50%);width:var(--transition-orb-size, min(34vw, 30rem));aspect-ratio:1;border:1px solid rgb(255 255 255 / 17%);border-radius:18% 82% 48% 52%/66% 22% 78% 34%;background:linear-gradient(145deg,rgb(255 255 255 / 14%),transparent 36%),radial-gradient(circle at 70% 30%,rgb(113 55 255 / 70%),transparent 27%),radial-gradient(circle at 30% 74%,rgb(0 217 186 / 52%),transparent 25%);box-shadow:inset 0 0 4rem #ffffff14,0 0 8rem #7137ff2e;opacity:.86;transform:scale(1);transition:top .9s cubic-bezier(.2,.75,.2,1),left .9s cubic-bezier(.2,.75,.2,1),width .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1)}.transition-text-fragment{position:fixed;display:block;color:var(--transition-character-color, var(--white))!important;white-space:pre;will-change:transform,opacity}.transition-text-layer{position:fixed;z-index:1000;inset:0;overflow:hidden;color:var(--white)!important;pointer-events:none}.is-page-leaving{overflow:hidden}.is-page-leaving :where(.site-header,main,.site-footer),.is-page-leaving :where(.site-header,main,.site-footer) *{color:transparent!important;-webkit-text-stroke-color:transparent!important;text-shadow:none!important}.is-page-leaving .transition-text-layer,.is-page-leaving .transition-text-layer *{color:var(--transition-character-color, var(--white))!important;visibility:visible!important}.skip-link{position:fixed;z-index:100;top:.75rem;left:.75rem;padding:.75rem 1rem;background:var(--white);color:var(--black);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:fixed;z-index:20;top:0;left:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:1.35rem var(--page);border-bottom:1px solid transparent;transition:transform .4s ease,background-color .4s ease,border-color .4s ease}.site-header.is-scrolled{border-color:var(--line);background:#000000b3;backdrop-filter:blur(18px)}.site-header.is-hidden{transform:translateY(-105%)}.brand{display:inline-flex;align-items:baseline;width:fit-content;font-size:1rem;font-weight:600;letter-spacing:-.03em}.brand__mark{padding-right:.35rem}.brand__name{color:#737378;font-weight:400}.site-nav{display:flex;gap:clamp(1.3rem,3vw,3.6rem);font-family:var(--sans);font-size:1rem;text-transform:uppercase}.site-nav a,.header-contact{transition:color .18s ease}.site-nav a:hover,.header-contact:hover{color:var(--teal)}.header-contact{justify-self:end;font-family:var(--sans);font-size:1rem;text-transform:uppercase}.header-contact span{margin-left:.35rem}.hero{position:relative;display:flex;min-height:100svh;align-items:flex-end;overflow:hidden;padding:8rem var(--page) 3rem;isolation:isolate}.hero:after{position:absolute;z-index:1;inset:auto 0 0;height:36%;background:linear-gradient(transparent,#000 82%);content:"";pointer-events:none}.hero-field{position:absolute;z-index:-2;inset:0}.hero-field__canvas,.hero-field__fallback{position:absolute;width:100%;height:100%;inset:0}.hero-field__canvas{opacity:0;transition:opacity 1.2s ease}.hero-field.is-ready .hero-field__canvas{opacity:1}.hero-field__fallback{background:radial-gradient(circle at 73% 40%,rgb(0 217 186 / 15%),transparent 24%),radial-gradient(circle at 48% 35%,rgb(113 55 255 / 20%),transparent 26%);filter:blur(10px)}.hero__glow{position:absolute;z-index:-3;width:35rem;height:35rem;border-radius:50%;filter:blur(120px);opacity:.12;pointer-events:none}.hero__glow--violet{top:8%;left:25%;background:var(--violet)}.hero__glow--teal{right:5%;bottom:4%;background:var(--teal)}.hero__content{position:relative;z-index:2;width:100%}.eyebrow{font-family:var(--sans);font-size:clamp(.6rem,1vw,2rem);letter-spacing:.08em}.section-index{font-size:clamp(1rem,1.5vw,1.5rem);font-weight:500;letter-spacing:.01em}.eyebrow{margin-bottom:1.5rem;color:#a7a7aa}.hero__title{font-size:clamp(4rem,11.6vw,11rem);font-weight:400;letter-spacing:-.085em;line-height:.78}.hero__title span{display:block}.hero__title span:last-child{margin-left:clamp(0rem,8.7vw,9rem)}.hero__lead{margin-top:2.6rem;margin-left:clamp(0rem,9vw,9.4rem);font-size:clamp(1.25rem,1.5vw,1.5rem);line-height:1.9}.hero__meta{position:absolute;z-index:3;right:var(--page);bottom:3rem;display:flex;align-items:center;gap:4rem;font-family:var(--sans);font-size:clamp(.6rem,1vw,2rem);letter-spacing:.08em;text-transform:uppercase}.hero__meta a{display:flex;align-items:center;gap:.7rem}.scroll-line{width:3.5rem;height:1px;overflow:hidden;background:var(--line)}.scroll-line:after{display:block;width:60%;height:100%;background:var(--white);content:"";animation:scan 2s ease-in-out infinite}@keyframes scan{0%{transform:translate(-110%)}to{transform:translate(180%)}}.section-pad{padding:clamp(7rem,14vw,14rem) var(--page)}.manifesto{position:relative;min-height:115vh;border-top:1px solid var(--line)}.manifesto__copy{max-width:82rem;margin:13vh 0 0 auto}.manifesto__copy p{color:#3d3d40;font-size:clamp(1.5rem,5vw,4.5rem);font-weight:300;letter-spacing:-.055em;line-height:1.2;transition:color .9s ease}.manifesto__copy p.is-visible{color:var(--white)}.manifesto__copy em{color:transparent;font-style:normal;-webkit-text-stroke:1px rgb(255 255 255 / 65%)}.manifesto__note{margin-top:8rem;margin-left:55%;color:var(--muted);font-size:clamp(.8rem,2vw,1rem);line-height:2}.services{border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:.75fr 2.25fr;margin-bottom:8rem}.section-heading h2,.approach__intro h2{font-size:clamp(3rem,8vw,8rem);font-weight:400;letter-spacing:-.075em;line-height:.86}.services__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.service{position:relative;min-width:0;min-height:40rem;overflow:hidden;padding:0 clamp(1.2rem,2vw,2.2rem);border-right:1px solid var(--line)}.service:first-child{padding-left:0}.service:last-child{padding-right:0;border-right:0}.service__top{display:flex;justify-content:space-between;padding:1rem 0;font-size:clamp(1rem,1.5vw,1.5rem);font-weight:500;letter-spacing:.02em}.service__body{position:relative;z-index:2;display:flex;min-height:35rem;flex-direction:column;justify-content:space-between;padding:4rem 0 2rem}.service h3{font-size:clamp(1.8rem,2.7vw,3.1rem);font-weight:300;letter-spacing:-.06em;line-height:1.02}.service h3 span{display:block}.service__detail{max-width:27rem}.service__detail>p{color:var(--white);font-size:clamp(1rem,1.5vw,1.5rem);line-height:1.9}.service__works-link{display:flex;width:fit-content;align-items:center;gap:.7rem;margin-top:1.3rem;border-bottom:1px solid rgb(255 255 255 / 55%);color:var(--white);font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.8;transition:border-color .22s ease,color .22s ease}.service__works-link span{color:var(--teal);transition:transform .22s ease}.service__works-link:hover,.service__works-link:focus-visible{border-color:var(--teal);color:var(--teal)}.service__works-link:hover span,.service__works-link:focus-visible span{transform:translate(.2rem,-.2rem)}.service__detail ul{display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 0;padding:0;list-style:none}.service__detail li{padding:.55rem .8rem;border:1px solid rgb(255 255 255 / 22%);border-radius:999px;background:#ffffff0a;backdrop-filter:blur(12px);font-family:var(--sans);font-size:1rem}.service__orb{position:absolute;top:48%;left:52%;width:clamp(11rem,17vw,19rem);aspect-ratio:1;border:1px solid rgb(255 255 255 / 17%);border-radius:50%;background:linear-gradient(135deg,rgb(255 255 255 / 15%),transparent 40%),radial-gradient(circle at 68% 72%,rgb(0 217 186 / 60%),transparent 25%),radial-gradient(circle at 28% 24%,rgb(113 55 255 / 75%),transparent 28%),#ffffff05;box-shadow:inset 0 0 4rem #ffffff14,0 0 7rem #7137ff1c;filter:saturate(.85);opacity:.65;transform:translate(-50%,-50%) scale(.82);transition:transform 1s cubic-bezier(.2,.8,.2,1),opacity 1s ease}.service:hover .service__orb{opacity:.95;transform:translate(-50%,-50%) scale(1)}.works-page{min-height:100svh;background:radial-gradient(circle at 72% 28%,rgb(0 217 186 / 10%),transparent 30rem),radial-gradient(circle at 56% 18%,rgb(113 55 255 / 13%),transparent 34rem),var(--black)}.works-hero{position:relative;display:grid;min-height:92svh;align-content:end;overflow:hidden;padding:10rem var(--page) 5rem}.works-hero__orb{position:absolute;top:18%;right:8%;width:min(38vw,34rem);aspect-ratio:1;border:1px solid rgb(255 255 255 / 17%);border-radius:18% 82% 48% 52%/66% 22% 78% 34%;background:linear-gradient(145deg,rgb(255 255 255 / 14%),transparent 36%),radial-gradient(circle at 70% 30%,rgb(113 55 255 / 70%),transparent 27%),radial-gradient(circle at 30% 74%,rgb(0 217 186 / 52%),transparent 25%);box-shadow:inset 0 0 4rem #ffffff14,0 0 9rem #7137ff29;opacity:.72}.works-hero__content{position:relative;z-index:1}.works-hero h1{max-width:12ch;margin-top:2rem;font-size:clamp(4rem,11vw,10rem);font-weight:300;letter-spacing:-.085em;line-height:.82}.works-hero__lead{max-width:35rem;margin-top:3rem;margin-left:clamp(0rem,24vw,24rem);font-size:clamp(1.05rem,1.7vw,1.5rem);line-height:1.9}.works-list{padding:4rem var(--page) clamp(8rem,14vw,14rem);border-top:1px solid var(--line)}.work-card{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.65fr);gap:clamp(2rem,6vw,7rem);padding-top:3rem}.work-card__image{overflow:hidden;border:1px solid var(--line);background:#050507}.work-card__image img{display:block;width:100%;height:auto;transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.work-card:hover .work-card__image img{transform:scale(1.025)}.work-card__meta{display:flex;flex-direction:column;justify-content:space-between}.work-card__meta h2{margin:1.5rem 0 2rem;font-size:clamp(2.2rem,4vw,4.5rem);font-weight:300;letter-spacing:-.06em;line-height:.95}.work-card__meta p{color:#c3c3c5;font-size:1rem;line-height:1.9}.work-card__tags{display:flex;flex-wrap:wrap;gap:.6rem;margin:3rem 0 0;padding:0;list-style:none}.work-card__tags li{padding:.55rem .8rem;border:1px solid var(--line);border-radius:999px;font-size:.82rem}.work-card__note{margin-top:4rem;padding-top:1.5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.82rem;line-height:1.8}.service__orb--web{border-radius:18% 82% 48% 52%/66% 22% 78% 34%;background:linear-gradient(145deg,rgb(255 255 255 / 14%),transparent 36%),radial-gradient(circle at 70% 30%,rgb(113 55 255 / 70%),transparent 27%),radial-gradient(circle at 30% 74%,rgb(0 217 186 / 52%),transparent 25%)}.service__orb--app{border-radius:3rem;transform:translate(-50%,-50%) rotate(24deg) scale(.72)}.service:hover .service__orb--app{transform:translate(-50%,-50%) rotate(44deg) scale(.9)}.service__orb--automation{border-radius:3rem;transform:translate(-50%,-50%) rotate(24deg) scale(.72)}.service:hover .service__orb--automation{transform:translate(-50%,-50%) rotate(44deg) scale(.9)}.approach{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(3rem,8vw,10rem);border-top:1px solid var(--line)}.approach__intro{position:sticky;top:8rem;align-self:start}.approach__intro h2{margin:5rem 0 3rem}.approach__intro>p:last-child{color:var(--white);font-size:1rem;line-height:2}.approach__steps{margin:0;padding:0;list-style:none}.approach__steps li{display:grid;grid-template-columns:8rem 1fr;min-height:15rem;align-items:start;padding:1.5rem 0;border-top:1px solid var(--line)}.approach__steps li:last-child{border-bottom:1px solid var(--line)}.approach__label{font-family:var(--sans);font-size:1rem}.approach__label{color:var(--teal)}.approach__steps h3{margin-bottom:1rem;font-size:clamp(1.6rem,2.5vw,2.6rem);font-weight:300;letter-spacing:-.04em}.approach__steps p{color:var(--white);font-size:1rem;line-height:1.8}.contact{position:relative;min-height:120svh;overflow:hidden;border-top:1px solid var(--line)}.contact__glow{position:absolute;top:45%;left:50%;width:min(68vw,58rem);aspect-ratio:1.6;border:1px solid rgb(255 255 255 / 12%);border-radius:50%;background:radial-gradient(circle at 70% 30%,rgb(0 217 186 / 34%),transparent 27%),radial-gradient(circle at 26% 68%,rgb(113 55 255 / 47%),transparent 31%),#ffffff05;box-shadow:inset 0 0 8rem #ffffff0d,0 0 14rem #7137ff1f;opacity:.65;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none}.contact__prelude{position:relative;margin-top:18vh;margin-bottom:2rem;font-family:var(--sans);font-size:1rem}.contact h2{position:relative;max-width:70rem;font-size:clamp(2.9rem,7.2vw,7.5rem);font-weight:300;letter-spacing:-.07em;line-height:1.03}.contact__body{position:relative;display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(3rem,9vw,10rem);margin-top:clamp(6rem,11vw,11rem)}.contact__note{max-width:31rem;color:var(--white);font-size:clamp(1rem,1.5vw,1.5rem);line-height:2}.contact-form{display:grid;gap:2.5rem}.contact-form__row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-form label{display:grid;gap:.8rem}.contact-form label>span{color:var(--white);font-size:clamp(.9rem,1.1vw,1.05rem);line-height:1.6}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid rgb(255 255 255 / 35%);border-radius:0;outline:0;background:transparent;color:var(--white);font:inherit;font-size:1rem;transition:border-color .2s ease}.contact-form input,.contact-form select{height:3.3rem}.contact-form textarea{min-height:10rem;padding:.8rem 0;resize:vertical;line-height:1.8}.contact-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--white) 50%),linear-gradient(135deg,var(--white) 50%,transparent 50%);background-position:calc(100% - 12px) 50%,calc(100% - 7px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.contact-form select option{background:#0b0b0d;color:var(--white)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--teal)}.contact-form textarea::placeholder{color:#5f5f63}.contact-form__consent{display:flex!important;grid-template-columns:none;align-items:flex-start;gap:.9rem!important;width:fit-content;cursor:pointer}.contact-form__consent input{position:relative;flex:0 0 auto;width:1.35rem;height:1.35rem;margin:.15rem 0 0;border:1px solid rgb(255 255 255 / 55%);border-radius:.15rem;appearance:none;cursor:pointer}.contact-form__consent input:checked{border-color:var(--teal);background:linear-gradient(135deg,transparent 42%,#001a15 42% 55%,transparent 55%),linear-gradient(45deg,transparent 42%,#001a15 42% 55%,transparent 55%),var(--teal)}.contact-form__consent input:focus-visible{outline:2px solid var(--white);outline-offset:3px}.contact-form__consent span{font-size:clamp(.85rem,1vw,1rem)!important}.contact-form__consent a{border-bottom:1px solid var(--white);transition:color .18s ease,border-color .18s ease}.contact-form__consent a:hover{border-color:var(--teal);color:var(--teal)}.contact-form__website{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.contact-form__footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:1rem}.contact-form__footer p{color:var(--muted);font-size:.76rem;line-height:1.6}.contact-form__footer p.is-error{color:#ff8a9a}.contact-form__footer p.is-success{color:var(--teal)}.contact-form button{display:flex;min-width:12rem;justify-content:space-between;gap:3rem;padding:1rem 1.15rem;border:1px solid var(--white);background:transparent;color:var(--white);font:inherit;font-size:.85rem;cursor:pointer;transition:background-color .25s ease,color .25s ease}.contact-form button:hover{background:var(--white);color:var(--black)}.contact-form button:disabled{cursor:wait;opacity:.5}.site-footer{display:grid;grid-template-columns:.7fr .8fr 1.5fr;align-items:end;gap:2rem;padding:2rem var(--page);border-top:1px solid var(--line);font-size:.68rem}.site-footer__statement{font-size:clamp(.9rem,1.35vw,1.25rem);font-weight:400;letter-spacing:-.02em}.site-footer__information{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.65rem 1.5rem;text-align:right}.site-footer__information address{flex-basis:100%;color:#aaa;font-style:normal;line-height:1.6}.site-footer__information a{border-bottom:1px solid rgb(255 255 255 / 40%)}.site-footer__information a:hover{border-color:var(--teal);color:var(--teal)}.reveal{opacity:0;transform:translateY(2rem);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.75,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:800px){.site-header{grid-template-columns:1fr auto}.site-nav{display:none}.hero{padding-bottom:2rem}.hero__title{font-size:clamp(3.8rem,18vw,6.7rem);line-height:.84}.hero__title span:last-child,.hero__lead{margin-left:0}.hero__meta{display:none}.hero-field{inset:-8% -55% 8% -15%;opacity:.8}.manifesto{min-height:auto}.manifesto__copy{margin-top:8rem}.manifesto__copy p{margin-bottom:1.5rem;font-size:clamp(2rem,9vw,3.5rem)}.manifesto__note{margin-top:5rem;margin-left:18%}.section-heading{display:block;margin-bottom:5rem}.section-heading h2{margin-top:2.5rem}.services__list{display:block;border-bottom:0}.service{min-height:42rem}.service,.service:first-child,.service:last-child{padding:0;border-right:0;border-bottom:1px solid var(--line)}.service__body{display:flex;min-height:37rem;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:4rem 0 2rem}.service__detail{margin-left:0}.service__orb{top:49%;left:62%;width:18rem;opacity:.48}.approach{display:block}.approach__intro{position:static;margin-bottom:7rem}.approach__steps li{grid-template-columns:1fr;min-height:13rem}.approach__steps li>div{margin-top:3rem}.contact{min-height:86svh}.contact__prelude{margin-top:14vh}.contact__body{display:block;margin-top:5rem}.contact__note{margin-bottom:5rem}.contact-form__row{grid-template-columns:1fr;gap:2.5rem}.contact-form__footer{grid-template-columns:1fr}.contact-form button{width:100%}.site-footer{grid-template-columns:1fr;gap:1.4rem}.site-footer__information{justify-content:flex-start;text-align:left}.works-hero{min-height:82svh;padding-bottom:3rem}.works-hero__orb{top:18%;right:-25%;width:78vw;opacity:.52}.works-hero h1{font-size:clamp(3.7rem,17vw,6.7rem)}.works-hero__lead{margin-left:0}.work-card{grid-template-columns:1fr}.work-card__meta{gap:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media(prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}