:root{--white: #ffffff;--black: #0a0a0a;--gray-200: #e5e5e5;--gray-400: #8a8a8a;--gray-500: #6b6b6b;--line: rgba(10, 10, 10, .12);--line-inv: rgba(255, 255, 255, .14);--font: "IBM Plex Sans", system-ui, sans-serif;--font-ja: "Zen Kaku Gothic Antique", sans-serif;--ease: cubic-bezier(.22, 1, .36, 1);--header: 4rem;--pad: clamp(1.25rem, 4.5vw, 3.5rem);--max: 90rem;--nav-origin-x: calc(100% - var(--pad));--nav-origin-y: calc(var(--header) * .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{font-family:var(--font);font-weight:300;font-size:1rem;line-height:1.8;color:var(--black);background:var(--white);overflow-x:hidden;-webkit-font-smoothing:antialiased}.line-bg{position:fixed;inset:0;z-index:0;width:100%;height:100%;opacity:1;visibility:visible;pointer-events:none}#line-canvas{display:block;width:100%;height:100%}a{color:inherit;text-decoration:none}strong{font-weight:500}.site-header{position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;justify-content:space-between;height:var(--header);padding:0 var(--pad);mix-blend-mode:difference;color:var(--white);pointer-events:none}.site-header a{pointer-events:auto}.logo{font-size:1.2rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.site-nav{display:flex;gap:clamp(1rem,2.5vw,2rem)}.site-nav a{font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;opacity:.75;transition:opacity .3s}.site-nav a:hover{opacity:1}.nav-toggle{display:none;pointer-events:auto}.site-nav__idx,.site-nav__deco,.site-nav__foot{display:none}.site-nav__list{list-style:none;display:contents}.nav-backdrop{display:none}body.nav-open{overflow:hidden}main{position:relative;z-index:1}#top,#about,#work,#product,#contact{scroll-margin-top:var(--header)}.intro{position:relative;z-index:1;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:var(--header) var(--pad) clamp(2.5rem,6vh,4rem)}@media(max-width:767px){.intro{padding-bottom:2rem}}.intro__copy{max-width:40rem;width:100%}.intro__meta{display:flex;flex-wrap:wrap;gap:.5rem 2rem;margin-bottom:clamp(1.5rem,4vh,2.5rem);font-size:.6rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gray-500)}.intro__title{font-weight:200;font-size:clamp(2.2rem,5.8vw,4.75rem);line-height:1.06;letter-spacing:-.04em;margin-bottom:clamp(1.25rem,3vh,2rem)}.line-mask{display:block;overflow:hidden}.intro__lead{max-width:30rem;font-size:clamp(.85rem,1.4vw,.98rem);color:var(--gray-500);margin-bottom:2rem}.intro__person{display:flex;flex-direction:column;gap:.35rem;padding-top:1.5rem;border-top:1px solid var(--line)}.intro__name{font-size:.72rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.intro__role{font-size:.62rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gray-400)}.intro__location{font-size:.62rem;letter-spacing:.1em;color:var(--gray-500);line-height:1.6}.intro__location .sub-ja{margin-top:.35em;letter-spacing:.04em;text-transform:none}.intro__scroll{position:absolute;right:var(--pad);bottom:clamp(2.5rem,6vh,4rem);z-index:3;display:flex;flex-direction:column;align-items:center;gap:.75rem;font-size:.58rem;letter-spacing:.3em;text-transform:uppercase;color:var(--gray-500)}@media(max-width:767px){.intro__scroll{flex-direction:row;align-items:center}}.intro__scroll-line{width:1px;height:3rem;background:var(--black);transform-origin:top;animation:scroll-pulse 2s var(--ease) infinite}@media(max-width:767px){.intro__scroll-line{width:2.5rem;height:1px;transform-origin:left}}@keyframes scroll-pulse{0%,to{transform:scaleY(1);opacity:1}50%{transform:scaleY(.45);opacity:.35}}.chapter{position:relative;z-index:1;max-width:var(--max);margin:0 auto;padding:clamp(5rem,12vh,8rem) var(--pad);border-top:1px solid var(--line)}.chapter--light,.chapter--contact{background:#ffffffe6;backdrop-filter:blur(8px)}.chapter__head{display:grid;grid-template-columns:auto 1fr;gap:1rem 2rem;align-items:end;margin-bottom:clamp(3rem,8vh,5rem)}.chapter__index{font-weight:200;font-size:clamp(4rem,12vw,8rem);line-height:.85;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--line);grid-row:span 2}.chapter__label{font-size:.62rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;align-self:start}.chapter--light{background:var(--white);color:var(--black)}.chapter--dark{background:var(--black);color:var(--white);border-top-color:var(--black)}.chapter--dark .chapter__index{-webkit-text-stroke-color:var(--line-inv)}.chapter--dark .chapter__label{color:var(--gray-400)}.chapter__body{display:grid;gap:clamp(2rem,5vw,4rem)}@media(min-width:768px){.chapter__body{grid-template-columns:1.15fr 1fr;gap:clamp(3rem,8vw,7rem)}}.chapter__title{font-weight:200;font-size:clamp(1.75rem,4vw,3rem);line-height:1.18;letter-spacing:-.03em}.chapter__title-ja{margin-top:.85em;font-weight:400;letter-spacing:.06em}.chapter__title>.chapter__title-ja{font-size:.5em}.copy-block+.copy-block{margin-top:1.5rem}.copy-block>p:first-child{color:inherit}.sub-ja{display:block;margin-top:.65em;font-family:var(--font-ja);font-size:calc(1em - 3pt);font-weight:400;line-height:1.7;letter-spacing:.04em;color:var(--gray-400)}.chapter--dark .sub-ja{color:var(--gray-500)}.contact__note .sub-ja a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.chapter--dark .service-row__content>p{color:var(--gray-400)}.service-rows{list-style:none}.service-row{display:grid;grid-template-columns:4rem 1fr;gap:clamp(1.5rem,4vw,3rem);padding:clamp(2rem,5vh,3.5rem) 0;border-top:1px solid var(--line-inv)}.service-row:last-child{border-bottom:1px solid var(--line-inv)}.service-row__num{font-size:1.02rem;letter-spacing:.24em;color:var(--gray-400);padding-top:.85rem}.service-row__content h3{font-weight:300;font-size:clamp(1.35rem,2.8vw,2rem);letter-spacing:-.03em;margin-bottom:.75rem}.service-row__content p{font-size:1.1rem;color:var(--gray-400);max-width:45rem}.product{display:grid;gap:1rem}.product+.product{margin-top:clamp(3.5rem,8vh,6rem);padding-top:clamp(3.5rem,8vh,6rem);border-top:1px solid var(--line)}@media(min-width:768px){.product{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;column-gap:4rem}.product__label{grid-column:1}.product__name{grid-column:1;font-size:clamp(3rem,8vw,6rem)}.product__desc{grid-column:2;grid-row:1 / 4;align-self:center}.product__link{grid-column:1;grid-row:3}.product--work{grid-template-rows:auto}.product--work .product__name{grid-row:1;align-self:start}.product--work .product__desc{grid-row:1;align-self:center}}.product__label{font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:var(--gray-500)}.product__name{font-weight:200;font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.04em;line-height:1}.product__desc{color:var(--gray-500);max-width:28rem}.product__link{display:inline-flex;align-items:center;gap:.6rem;font-size:.68rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;margin-top:1rem;transition:gap .4s var(--ease)}.product__link:hover{gap:1rem}.product__desc a{color:inherit;text-decoration:underline;text-underline-offset:.2em}.product__desc a:hover{color:var(--black)}.chapter--contact{text-align:center;padding-bottom:clamp(6rem,14vh,10rem)}.chapter--contact .chapter__head{justify-content:center;text-align:left;max-width:28rem;margin-left:auto;margin-right:auto}.contact__hint{font-size:.92rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gray-500);margin-bottom:1.5rem}.contact__email{display:block;font-weight:200;font-size:clamp(1.75rem,5vw,3.5rem);letter-spacing:-.03em;margin-bottom:2rem;transition:opacity .3s}.contact__email:hover{opacity:.4}.contact__note{font-size:1.02rem;color:var(--gray-500)}.contact__note a{text-decoration:underline;text-underline-offset:3px}.site-footer{position:relative;z-index:1;background:#ffffffeb;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;max-width:var(--max);margin:0 auto;padding:1.75rem var(--pad) 2.5rem;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gray-500);border-top:1px solid var(--line)}.site-footer a:hover{color:var(--black)}.scroll-reveal{opacity:0;transform:translate3d(0,36px,0);transition:opacity .85s var(--ease),transform .85s var(--ease)}.scroll-reveal.is-visible{opacity:1;transform:none}@media(max-width:899px){.site-header{align-items:center;flex-wrap:nowrap;mix-blend-mode:normal;color:var(--black);background:#ffffffe0;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto;transition:color .45s var(--ease),background .45s var(--ease)}.site-header.is-nav-open{color:var(--white);background:transparent;mix-blend-mode:normal}.nav-toggle{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:.4rem;width:auto;min-width:2.5rem;height:2.25rem;margin:0;padding:.15rem 0;border:none;background:transparent;color:inherit;cursor:pointer;z-index:104;-webkit-tap-highlight-color:transparent}.nav-toggle__lines{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:6px;width:1.5rem;flex-shrink:0;transition:height .5s var(--ease),gap .5s var(--ease)}.nav-toggle__line{display:block;width:100%;height:1px;background:currentColor;transform-origin:right center;transition:transform .5s var(--ease),width .45s var(--ease)}.nav-toggle__line--short{width:62%}.nav-toggle__word{position:relative;z-index:1;width:auto;min-width:2.4rem;height:.55rem;overflow-x:visible;overflow-y:hidden;font-size:.48rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;line-height:.55rem;text-align:right}.nav-toggle__word-open,.nav-toggle__word-close{display:block;width:100%;text-align:right;transition:transform .55s var(--ease),opacity .35s ease;position:absolute;top:0;left:0}.nav-toggle__word-close{position:absolute;top:0;right:0;transform:translateY(0);opacity:0}.site-header.is-nav-open .nav-toggle__lines{gap:0}.site-header.is-nav-open .nav-toggle__line,.site-header.is-nav-open .nav-toggle__line--short{position:absolute;top:50%;right:0;z-index:2;width:100%;margin-top:-.5px;transform-origin:right center}.site-header.is-nav-open .nav-toggle__line:nth-child(1){transform:translateY(-10px) rotate(-25deg)}.site-header.is-nav-open .nav-toggle__line:nth-child(2){transform:translateY(0) rotate(25deg)}.site-header.is-nav-open .nav-toggle__word{position:relative}.site-header.is-nav-open .nav-toggle__word-open{transform:translateY(0);opacity:0}.site-header.is-nav-open .nav-toggle__word-close{transform:translateY(0);opacity:1}.site-nav{position:fixed;inset:0;z-index:102;visibility:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:max(1.5rem,env(safe-area-inset-top)) max(var(--pad),env(safe-area-inset-right)) max(2.5rem,env(safe-area-inset-bottom)) max(var(--pad),env(safe-area-inset-left));color:var(--white);background:var(--black);clip-path:circle(0% at var(--nav-origin-x) var(--nav-origin-y));pointer-events:none;overflow:hidden}body:not(.nav-open) .site-nav{visibility:hidden;clip-path:circle(0% at var(--nav-origin-x) var(--nav-origin-y));transition:none}.site-nav:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 47px,rgba(255,255,255,.04) 48px),repeating-linear-gradient(0deg,transparent,transparent 47px,rgba(255,255,255,.04) 48px);opacity:.55;pointer-events:none}body.nav-open .site-nav{visibility:visible;clip-path:circle(155vmax at var(--nav-origin-x) var(--nav-origin-y));pointer-events:auto;z-index:200;transition:clip-path .72s var(--ease)}body.nav-open .site-header{z-index:201}body.nav-open .nav-backdrop{z-index:199}.site-nav__deco,.site-nav__foot{display:block;position:relative;z-index:1}.site-nav__deco{position:absolute;top:max(calc(var(--header) + 1.25rem),calc(env(safe-area-inset-top) + 5rem));left:max(var(--pad),env(safe-area-inset-left));display:flex;flex-direction:column;gap:.75rem}.site-nav__deco-line{display:block;width:clamp(3rem,18vw,6rem);height:1px;background:var(--line-inv);transform-origin:left center;transform:scaleX(0);transition:transform .6s var(--ease) .15s}.site-nav__deco-tag{font-size:.58rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--gray-400);opacity:0;transform:translate(-.5rem);transition:opacity .45s ease .28s,transform .55s var(--ease) .28s}body.nav-open .site-nav__deco-line{transform:scaleX(1)}body.nav-open .site-nav__deco-tag{opacity:1;transform:translate(0)}.site-nav__list{display:flex;flex-direction:column;gap:clamp(.15rem,1.5vh,.65rem);list-style:none;margin:0;padding:0;position:relative;z-index:1}.site-nav__list a{display:grid;grid-template-columns:clamp(3.5rem,14vw,5.5rem) 1fr;align-items:baseline;gap:.5rem 1rem;padding:.35rem 0;opacity:0;transform:translateY(1.25rem);transition:opacity .45s var(--ease),transform .55s var(--ease)}.site-nav__list li:nth-child(1) a{transition-delay:.12s}.site-nav__list li:nth-child(2) a{transition-delay:.2s}.site-nav__list li:nth-child(3) a{transition-delay:.28s}.site-nav__list li:nth-child(4) a{transition-delay:.36s}body.nav-open .site-nav__list a{opacity:1;transform:translateY(0)}.site-nav__idx{display:block;font-weight:200;font-size:clamp(2.5rem,11vw,4.5rem);line-height:.9;letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1px var(--line-inv);transition:-webkit-text-stroke-color .35s ease}.site-nav__text{font-weight:200;font-size:clamp(1.65rem,7.5vw,3.25rem);line-height:1.05;letter-spacing:.06em;text-transform:uppercase;display:inline-block;transition:letter-spacing .45s var(--ease),transform .35s ease}.site-nav__list a:hover .site-nav__idx,.site-nav__list a:focus-visible .site-nav__idx{-webkit-text-stroke-color:var(--white)}.site-nav__list a:hover .site-nav__text,.site-nav__list a:focus-visible .site-nav__text{letter-spacing:.14em;animation:nav-text-glitch .38s steps(3,end)}@keyframes nav-text-glitch{0%{transform:translate(0);text-shadow:none}35%{transform:translate(3px,-1px);text-shadow:-3px 0 rgba(255,255,255,.45),3px 0 rgba(255,255,255,.2)}70%{transform:translate(-2px,1px);text-shadow:2px 0 rgba(255,255,255,.35)}to{transform:translate(0);text-shadow:none}}.site-nav__foot{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:clamp(2rem,6vh,3.5rem);padding-top:1.25rem;border-top:1px solid var(--line-inv);font-size:.58rem;font-weight:500;letter-spacing:.32em;text-transform:uppercase;color:var(--gray-400);opacity:0;transform:translateY(.5rem);transition:opacity .45s ease .42s,transform .55s var(--ease) .42s}.site-nav__foot-sub{font-weight:300;letter-spacing:.2em;opacity:.65}body.nav-open .site-nav__foot{opacity:1;transform:translateY(0)}.nav-backdrop{display:block;position:fixed;inset:0;z-index:101;background:#ffffffb8;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease,visibility 0s}body.nav-open .nav-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .45s ease,visibility 0s}@media(prefers-reduced-motion:reduce){.site-nav,.site-nav__list a,.site-nav__deco-line,.site-nav__deco-tag,.site-nav__foot,.nav-toggle__lines,.nav-toggle__line,.nav-toggle__word-open,.nav-toggle__word-close{transition-duration:.01ms}.site-nav{clip-path:none;visibility:hidden}body.nav-open .site-nav{visibility:visible}.site-nav__list a:hover .site-nav__text{animation:none}}.chapter{padding-top:clamp(4rem,10vh,6rem);padding-bottom:clamp(4rem,10vh,6rem)}.chapter__head{margin-bottom:clamp(2rem,6vh,3.5rem)}}@media(min-width:900px){.site-nav{position:fixed;top:0;right:var(--pad);left:auto;bottom:auto;width:auto;height:var(--header);flex-direction:row;align-items:center;justify-content:flex-end;padding:0;background:transparent;color:var(--white);mix-blend-mode:difference;clip-path:none;pointer-events:none;overflow:visible;z-index:101}.site-nav a{pointer-events:auto}.site-nav__list{display:flex;flex-direction:row;align-items:center;gap:clamp(1rem,2.5vw,2rem);list-style:none;margin:0;padding:0}.site-nav__list a{display:inline;opacity:.75;transform:none;padding:0;font-size:.8rem;letter-spacing:.2em;text-transform:uppercase;transition:opacity .3s}.site-nav__list a:hover,.site-nav__list a:focus-visible{opacity:1}}@media(max-width:767px){:root{--header: 3.75rem;--pad: clamp(1rem, 4.5vw, 1.5rem)}.site-header{padding-top:max(0,env(safe-area-inset-top));padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right))}.logo{font-size:.95rem;letter-spacing:.22em;line-height:1.3}.intro{justify-content:flex-end;padding-top:calc(var(--header) + .5rem);padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom))}.intro__copy{max-width:100%;padding:.5rem 0 .25rem;background:linear-gradient(to top,#fffffff0,#ffffffb8 55%,#fff0)}.intro__meta{gap:.35rem 1.25rem;margin-bottom:1.25rem;font-size:.55rem}.intro__title{font-size:clamp(1.85rem,9vw,2.85rem);letter-spacing:-.03em;margin-bottom:1rem}.intro__lead{font-size:.82rem;margin-bottom:1.5rem}.intro__person{padding-top:1.15rem}.chapter__head{grid-template-columns:1fr;gap:.35rem 1rem;align-items:start}.chapter__index{grid-row:auto;font-size:clamp(3rem,20vw,5.5rem);line-height:1}.chapter__label{align-self:start}.chapter__title{font-size:clamp(1.5rem,6.5vw,2.25rem)}.service-row{grid-template-columns:2.75rem 1fr;gap:.85rem 1.15rem;padding:1.75rem 0}.service-row__content h3{font-size:clamp(1.15rem,4.5vw,1.5rem);margin-bottom:.5rem}.service-row__content p{font-size:.95rem}.product__name{font-size:clamp(2rem,10vw,3.25rem)}.contact__email{font-size:clamp(1.35rem,7.5vw,2.25rem);word-break:break-all}.site-footer{flex-direction:column;align-items:flex-start;padding-left:max(var(--pad),env(safe-area-inset-left));padding-right:max(var(--pad),env(safe-area-inset-right));padding-bottom:max(2rem,env(safe-area-inset-bottom))}}@media(max-width:479px){.intro__scroll{display:none}.chapter--contact .chapter__head{text-align:center}.sub-ja{font-size:calc(1em - 2pt)}}@media(min-width:900px)and (max-width:1199px){.intro__title{font-size:clamp(2.5rem,4.5vw,3.75rem)}}@media(prefers-reduced-motion:reduce){.reveal-item,.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}.line-bg{display:none}.intro__scroll-line{animation:none}}