.glide{position:relative;width:100%;box-sizing:border-box}.glide *{box-sizing:inherit}.glide__track{overflow:hidden}.glide__slides{position:relative;width:100%;list-style:none;backface-visibility:hidden;transform-style:preserve-3d;touch-action:pan-Y;overflow:hidden;margin:0;padding:0;white-space:nowrap;display:flex;flex-wrap:nowrap;will-change:transform}.glide__slides--dragging{user-select:none}.glide__slide{width:100%;height:100%;flex-shrink:0;white-space:normal;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.glide__slide a{user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none}.glide__arrows{-webkit-touch-callout:none;user-select:none}.glide__bullets{-webkit-touch-callout:none;user-select:none}.glide--rtl{direction:rtl}:root{--menu-height:4rem;--brand-height:4rem;--carousel-height:min(60vh, 640px);--ink:#1a1a1a;--paper:#ffffff;--highlight:249, 207, 41;--highlight-ink:rgb(249, 207, 41);--font-body:YuGothic, "Yu Gothic", "Noto Sans JP", sans-serif;--ease:cubic-bezier(0.65, 0, 0.35, 1);--slide:0.8s}html,body{margin:0;padding:0;height:100%;color-scheme:light only}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow:hidden}body::before{content:"";position:fixed;inset:0;background-position:50%;background-size:cover;background-repeat:no-repeat;opacity:.6;pointer-events:none;transition:transform var(--slide)var(--ease),opacity var(--slide)var(--ease)}html:not([data-view=home]) body::before{transform:translateY(-100vh);transform:translateY(-100dvh);opacity:0}.site{position:relative;z-index:1;width:100vw;height:200vh;height:200dvh;overflow:hidden;transition:transform var(--slide)var(--ease)}html:not([data-view=home]) .site{transform:translateY(-100vh);transform:translateY(-100dvh)}html.no-transition body::before,html.no-transition .site,html.no-transition .panels,html.no-transition .menu,html.no-transition .menu::before{transition:none!important}.panels{display:flex;width:100vw;height:100vh;height:100dvh;transform:translateX(calc(var(--panel-index,0) * -100vw));transition:transform var(--slide)var(--ease)}.panel{flex:0 0 100vw;height:100%;overflow-y:auto;box-sizing:border-box;padding:calc(var(--brand-height) + var(--menu-height) + 1.5rem)1.5rem 3rem}.panel,.carousel__text{scrollbar-width:none}.panel::-webkit-scrollbar,.carousel__text::-webkit-scrollbar{display:none}.panel__inner{max-width:720px;margin:0 auto}.panel__content{line-height:1.7;padding:2.5rem 3rem}.social{list-style:none;margin:1.5rem 0 0;padding:0;display:flex;gap:2rem}.social__link{position:relative;display:block;padding:.5rem}.social__icon{display:block;width:2.5rem;height:2.5rem}.social__link::before{content:"";position:absolute;z-index:-1;inset:.2rem -.5rem;background-color:rgba(var(--highlight),0);-webkit-mask-image:var(--splat);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:var(--splat);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;transition:background-color .2s ease}.social__link:hover::before,.social__link:focus-visible::before{background-color:rgba(var(--highlight),.6)}.social__link:focus-visible{outline:none}#section-about .panel__inner{max-width:1e3px}.about__intro{--inset:3rem;display:grid;grid-template-columns:2fr 3fr;gap:var(--inset);padding:var(--inset);margin-top:1rem;border:2px solid var(--ink)}.about__photo{position:relative;min-height:24rem;background:rgba(var(--highlight),.18)}.about__photo picture,.about__photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.about__placeholder{position:absolute;left:50%;bottom:0;width:60%;transform:translateX(-50%);fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round;opacity:.35}.about__story{line-height:1.7}.about__story>.visually-hidden+*{margin-top:0}.about__story>:last-child{margin-bottom:0}.about__heading{font-size:1.5rem;font-weight:700;letter-spacing:.01em;margin:0 0 1.25rem}.about__heading-light{font-weight:300}.about__clients{margin-top:1.75rem}.about__cv{display:grid;grid-template-columns:1fr 1fr;gap:0 4rem;padding:4rem 3rem 2rem}.about__section{margin-bottom:3.5rem}.about__list{display:grid;grid-template-columns:6.5rem 1fr;gap:.9rem .75rem;margin:0;line-height:1.5}.about__list dt{font-weight:700;white-space:nowrap}.about__list dd{margin:0}.about__label{font-weight:700;margin-bottom:.25rem}.about__section a{color:inherit}#section-works{--works-screen:calc(100vh - var(--brand-height) - var(--menu-height));--works-screen:calc(100dvh - var(--brand-height) - var(--menu-height));padding-top:calc(var(--brand-height) + var(--menu-height));padding-bottom:0;scroll-snap-type:y mandatory;scroll-padding-top:calc(var(--brand-height) + var(--menu-height))}.works{display:flex;flex-direction:column}.works>article{position:relative;height:var(--works-screen);display:flex;flex-direction:column;justify-content:center;scroll-snap-align:start;scroll-snap-stop:always;--carousel-height:min(60vh, 640px, var(--works-screen) - 9rem)}.works__next{position:absolute;left:50%;bottom:.5rem;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:0 0;color:var(--ink);cursor:pointer;transition:background-color .2s ease}.works__next:hover,.works__next:focus-visible{background:rgb(var(--highlight));outline:none}.works__next .arrow-icon{display:block;width:1.6rem;height:1.6rem;transform:rotate(90deg);animation:works-nudge 2.4s var(--ease)infinite}@keyframes works-nudge{0%,60%,100%{translate:0 0}30%{translate:0 .35rem}}@media(prefers-reduced-motion:reduce){.works__next .arrow-icon{animation:none}}.works-counter{position:fixed;left:1.5rem;bottom:env(safe-area-inset-bottom,0px);height:var(--menu-height);z-index:11;display:flex;align-items:center;font-size:1rem;letter-spacing:.14em;font-variant-numeric:tabular-nums;text-shadow:0 0 6px var(--paper),0 0 12px var(--paper);pointer-events:none;opacity:0;transition:opacity var(--slide)var(--ease)}html[data-view=works] .works-counter{opacity:1}.carousel{padding:2rem 0 1.5rem}.carousel__slide{height:var(--carousel-height);display:flex;align-items:center;justify-content:center}.carousel__slide>picture{display:flex;align-items:center;justify-content:center;height:100%;max-width:100%;min-width:0}.carousel__image{height:100%;width:auto;max-width:100%;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none}.carousel__text{max-width:34rem;max-height:100%;overflow-y:auto;box-sizing:border-box;padding:1rem 3.5rem;line-height:1.8;white-space:normal;user-select:text;-webkit-user-select:text}.carousel__heading{font-size:1.5rem;font-weight:700;letter-spacing:.01em;margin:0 0 1rem}.carousel__text>:first-child{margin-top:0}.carousel__text>:last-child{margin-bottom:0}.carousel__arrows{display:none}@media(hover:hover) and (pointer:fine){.carousel__arrows{display:block;position:absolute;left:0;right:0;top:2rem;height:var(--carousel-height);pointer-events:none}}.carousel__arrow{pointer-events:auto;position:absolute;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:0;border-radius:50%;background:var(--paper);color:var(--ink);cursor:pointer;opacity:.85;transition:opacity .2s ease,background-color .2s ease}.carousel__arrow:hover,.carousel__arrow:focus-visible{opacity:1;background:rgb(var(--highlight))}.carousel__arrow .arrow-icon{display:block;width:1.6rem;height:1.6rem}.carousel__arrow--prev .arrow-icon{transform:scaleX(-1)}.carousel__arrow.glide__arrow--disabled{opacity:0;pointer-events:none}.carousel__arrow--prev{left:.5rem}.carousel__arrow--next{right:.5rem}.carousel__bullets{display:flex;justify-content:center;align-items:center;gap:.85rem;margin-top:1.25rem}.carousel__bullet{position:relative;flex:none;width:.75rem;height:.75rem;padding:0;border:1.5px solid var(--ink);border-radius:50%;background:0 0;cursor:pointer;transition:background-color .2s ease}.carousel__bullet::after{content:"";position:absolute;inset:-.6rem}.carousel__bullet--text{width:.68rem;height:.68rem;border-radius:2px;transform:rotate(-6deg)}.carousel__bullet.glide__bullet--active{background:rgb(var(--highlight))}#section-works .panel__inner{max-width:1100px}@media(max-width:700px){:root{--carousel-height:min(50vh, 100vw)}.panel{padding-left:1rem;padding-right:1rem}.panel__content{padding:2rem 1.5rem}.carousel__text{padding:.5rem 1.5rem}.works>article{--carousel-height:min(50vh, 100vw, var(--works-screen) - 9rem)}.about__intro,.about__cv{grid-template-columns:1fr}.about__photo{min-height:0;aspect-ratio:4/5}.about__intro{--inset:1.5rem}.about__cv{padding:3rem .5rem 1rem}.about__list{grid-template-columns:5.75rem 1fr}}.startpage{height:100vh;height:100dvh}.brand__heading{margin:0;font-size:1rem;line-height:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.brand{position:fixed;z-index:11;color:var(--ink)}.brand__mark{position:relative;display:block;width:100%}.brand svg{position:relative;display:block;width:100%;height:auto}.brand__splat{position:absolute;left:-3%;right:-3%;top:-40%;bottom:-40%;background-color:rgba(var(--highlight),.6);-webkit-mask-image:var(--splat);-webkit-mask-size:100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-image:var(--splat);mask-size:100% 100%;mask-repeat:no-repeat;mask-position:center;pointer-events:none}html[data-view=home] .brand__splat{background-color:rgba(var(--highlight),.85)}html[data-view=home] .brand{left:50%;top:calc((100vh - var(--menu-height))/2);top:calc((100dvh - var(--menu-height))/2);transform:translate(-50%,-50%);width:min(80% - 8rem,720px - 8rem)}html:not([data-view=home]) .brand{left:50%;top:calc(var(--brand-height)/2);transform:translate(-50%,-50%);width:min(28.75rem,100vw - 3rem)}@media(max-width:700px){html[data-view=home] .brand{width:82vw}}.morph-ghost{position:fixed;z-index:11;pointer-events:none}.streak{position:fixed;left:0;top:0;height:5px;border-radius:3px;background:rgb(var(--highlight));transform-origin:left center;pointer-events:none;z-index:12;will-change:transform,opacity}.menu{position:fixed;left:0;width:100%;height:var(--menu-height);z-index:10;pointer-events:none;box-sizing:border-box;top:0;transform:translateY(var(--brand-height));transition:transform var(--slide)var(--ease)}html[data-view=home] .menu{transform:translateY(calc(100vh - var(--menu-height)));transform:translateY(calc(100dvh - var(--menu-height) - env(safe-area-inset-bottom)))}.menu::before{content:"";position:absolute;left:0;right:0;top:calc(-1 * var(--brand-height));bottom:-1.5rem;z-index:-1;background:rgba(255,255,255,.85);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 1.5rem),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 1.5rem),transparent);pointer-events:none;opacity:1;transition:opacity var(--slide)var(--ease)}html[data-view=home] .menu::before{opacity:0}.menu__list{list-style:none;margin:0;padding:0 1rem;height:100%;display:grid;grid-auto-flow:column;grid-auto-columns:min(10rem,30vw);justify-content:center;justify-items:center;align-items:center}.menu__link{display:block;pointer-events:auto;padding:.5rem .25rem;color:var(--ink);text-decoration:none;font-size:1.5rem;letter-spacing:.06em;transition:color .2s ease;text-shadow:0 0 6px var(--paper),0 0 12px var(--paper)}.menu__link:hover,.menu__link:focus-visible{color:var(--highlight-ink);outline:none}.menu__link.is-active{color:var(--ink);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.3em}.lang{position:fixed;height:var(--menu-height);z-index:11;display:flex;align-items:center;gap:.6rem;font-size:1rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 0 6px var(--paper),0 0 12px var(--paper)}.lang__link{color:var(--ink);text-decoration:none;opacity:.45;transition:opacity .2s ease}.lang__link:hover,.lang__link:focus-visible{opacity:1;outline:none}.lang__link.is-active{opacity:1;pointer-events:none}html[data-view=home] .lang{top:0;right:1.5rem}html:not([data-view=home]) .lang{right:1.5rem;bottom:env(safe-area-inset-bottom,0px)}.lang__link+.lang__link::before{content:"/";margin-right:.6rem;opacity:.45}