:root{--color-bg: #f7f5ef;--color-text: #3e3e3e;--color-accent: #081341;--color-white: #ffffff;--color-black: #000000;--color-charcoal: #4f4f4f;--color-dark-gray: #6d6d6d;--color-gray: #b0b0b0;--color-light-gray: #e8e8e8;--font-ja: "BIZ UDPGothic", sans-serif;--font-en: "Josefin Sans", sans-serif;--text-heading-ja-xl: 22px;--text-heading-ja-l: 18px;--text-heading-en-xl: 22px;--text-heading-en-l: 18px;--text-body-ja: 16px;--text-body-ja-s: 14px;--text-body-en: 16px;--text-body-en-s: 14px;--text-caption-ja: 12px;--text-caption-en: 12px;--leading-heading-ja-xl: 32px;--leading-heading-ja-l: 30px;--leading-heading-en-xl: 30px;--leading-heading-en-l: 26px;--leading-body-ja: 30px;--leading-body-ja-s: 24px;--leading-body-en: 26px;--leading-body-en-s: 22px;--leading-caption-ja: 20px;--leading-caption-en: 18px;--tracking-heading-ja: .15em;--tracking-heading-en: .1em;--tracking-body-ja: .15em;--tracking-body-en: .1em;--tracking-caption-ja: .15em;--tracking-caption-en: .1em;--container-width: 920px;--container-width-wide: 1156px;--container-edge: 48px;--site-frame-edge: 1.666667%;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 44px;--space-4xl: 64px;--space-5xl: 80px;--space-6xl: 120px;--space-7xl: 200px;--page-main-offset: 80px;--brand-logo-size: 43px;--theme-toggle-size: 24px;--social-icon-size: 32px;--footer-logo-width: 200px;--about-copy-width: 400px;--work-card-max-size-desktop: 241px;--work-card-fluid-size-desktop: 23.53515625vw;--transition-fast: .25s ease;--transition-base: .35s ease;--work-card-size: 240px}html[data-theme=dark]{--color-bg: #3e3e3e;--color-text: #f7f5ef;--color-accent: #f7f5ef}@media(max-width:1023px){:root{--container-edge: 24px}}@media(max-width:767px){:root{--container-edge: 16px}}*{box-sizing:border-box}html{scroll-behavior:smooth;color:var(--color-text);background:var(--color-bg)}html,body{margin:0;padding:0}::view-transition-old(root),::view-transition-new(root){animation-duration:.22s;animation-timing-function:ease}::view-transition-old(root){animation-name:fade-out}::view-transition-new(root){animation-name:fade-in}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(4px)}}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}body{min-width:320px;font-family:var(--font-ja);color:var(--color-text);background:var(--color-bg);transition:background-color var(--transition-fast),color var(--transition-fast)}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}main{display:block}:focus-visible{outline:2px solid currentColor;outline-offset:4px}.skip-link{position:absolute;top:var(--space-sm);left:var(--space-sm);z-index:100;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);color:var(--color-text);border:1px solid currentColor;transform:translateY(-150%);transition:transform var(--transition-fast)}.skip-link:focus-visible{transform:translateY(0)}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.nav-link,.work-card__title,.meta-label,.back-link,.about-label{font-family:var(--font-en);letter-spacing:var(--tracking-body-en)}.nav-link{display:inline-flex;align-items:center;font-size:var(--text-body-en);line-height:var(--leading-body-en)}.meta-label,.about-label{font-size:var(--text-caption-en);line-height:var(--leading-caption-en)}.work-card__title,.back-link{font-size:var(--text-body-en);line-height:var(--leading-body-en)}.profile-name{font-size:var(--text-heading-en-xl);line-height:var(--leading-heading-en-xl);font-family:var(--font-en);letter-spacing:var(--tracking-heading-en)}.about-heading{margin:0;font-size:var(--text-heading-ja-xl);line-height:var(--leading-heading-ja-xl);letter-spacing:var(--tracking-heading-ja);font-weight:200}.about-copy,.profile-copy,.profile-meta{font-size:var(--text-body-ja);line-height:var(--leading-body-ja);letter-spacing:var(--tracking-body-ja)}.page-shell{min-height:100svh;display:flex;flex-direction:column}.page-main{flex:1;padding-top:var(--page-main-offset)}.page-content{will-change:opacity;backface-visibility:hidden;transform:translateZ(0)}.page-main.home-page .page-content{will-change:auto;backface-visibility:visible;transform:none}.container-wide{width:min(calc(100% - (var(--container-edge) * 2)),var(--container-width-wide));margin-inline:auto}.site-frame{width:calc(100% - (var(--site-frame-edge) * 2));margin-inline:auto}.container-content{width:min(calc(100% - (var(--container-edge) * 2)),var(--container-width));margin-inline:auto}@media(max-width:767px){.container-wide,.site-frame,.container-content{width:min(calc(100% - (var(--container-edge) * 2)),100%)}}.site-header-shell{position:sticky;top:0;z-index:30;background:transparent;transition:transform .3s ease;will-change:transform}.site-header-shell[data-header-state=hidden]{transform:translateY(calc(-100% - 12px))}.site-header{padding-block:24px;display:flex;justify-content:space-between;align-items:center}.brand-link img{width:var(--brand-logo-size);height:var(--brand-logo-size)}.header-nav{display:flex;align-items:center;gap:30px}.nav-links{display:flex;align-items:center;gap:29px}.nav-links ul,.social-links ul,.works-grid,.work-gallery,.work-meta dl,.work-meta__list{margin:0;padding:0;list-style:none}.nav-links ul,.social-links ul{display:flex;align-items:center;gap:inherit}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;background:transparent;border:0;color:inherit;padding:0;cursor:pointer;transition:opacity var(--transition-fast)}.theme-toggle:hover,.theme-toggle:focus-visible,.nav-link:hover,.nav-link:focus-visible,.social-link:hover,.social-link:focus-visible,.work-card__link:hover{opacity:.74}.work-card__link:focus-visible,.back-link:focus-visible,.footer__about-link:focus-visible,.work-meta__external:focus-visible,.footer-logo:focus-visible,.brand-link:focus-visible,.back-to-top:focus-visible{opacity:1}.theme-toggle img{width:var(--theme-toggle-size);height:var(--theme-toggle-size)}.theme-toggle__dark,html[data-theme=dark] .theme-toggle__light{display:none}html[data-theme=dark] .theme-toggle__dark{display:block}.site-footer{position:relative;z-index:1;padding:var(--space-6xl) 0 var(--space-lg);display:flex;justify-content:space-between;align-items:flex-end}.footer-main{display:flex;flex:1;justify-content:space-between;align-items:flex-end;gap:30px}.footer-brand{display:flex;flex-direction:column;align-items:flex-start}.footer-logo img{width:var(--footer-logo-width);height:auto}.footer__about{margin-top:var(--space-md);max-width:320px}.footer__about-text,.footer__about-link{margin:0;font-size:var(--text-caption-ja);line-height:1.8;letter-spacing:var(--tracking-body-ja);opacity:.8}.footer__about-link{display:inline-block;margin-top:var(--space-xs);transition:opacity var(--transition-fast)}.footer__about-link:hover{opacity:1}.social-links{display:flex;gap:30px;align-items:center}.social-links ul{display:flex;gap:inherit;align-items:center}.social-link{display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px}.social-link img{grid-area:1 / 1;display:block;width:24px;height:24px}.social-link .social-icon__light{display:block}.social-link .social-icon__dark,.back-to-top,.footer-logo__dark,.header-logo__dark,.arrow-up__dark,.link-icon__dark,.button-arrow__dark,html[data-theme=dark] .footer-logo__light,html[data-theme=dark] .header-logo__light,html[data-theme=dark] .arrow-up__light,html[data-theme=dark] .link-icon__light,html[data-theme=dark] .button-arrow__light{display:none}html[data-theme=dark] .footer-logo__dark,html[data-theme=dark] .header-logo__dark,html[data-theme=dark] .arrow-up__dark,html[data-theme=dark] .link-icon__dark,html[data-theme=dark] .button-arrow__dark{display:block}html[data-theme=dark] .social-link .social-icon__light{display:none}html[data-theme=dark] .social-link .social-icon__dark{display:block}.works-section{display:block;overflow:visible}.works-section__preview-column{position:fixed;top:0;left:0;width:50vw;height:100svh;z-index:0;pointer-events:none}.works-section__preview-panel{position:relative;height:100svh;display:grid;align-items:stretch;pointer-events:none}.works-section__preview-frame{position:relative;width:100%;height:100%;overflow:hidden;background:#ecebef;opacity:0;transition:opacity .22s ease}.works-section__preview-column,.works-section__content{min-width:0}.works-section__preview-image{width:100%;height:100%;object-fit:cover;transition:opacity .22s ease}.works-section[data-preview-visible=true] .works-section__preview-frame{opacity:1}.works-section__content{position:relative;z-index:1;margin-left:50%;width:50%;min-height:100svh;overflow:visible;padding:0 48px}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:40px;justify-items:center}.work-card{width:min(100%,min(var(--work-card-max-size-desktop),var(--work-card-fluid-size-desktop)))}.work-card__media{margin:0;background:#ecebef;aspect-ratio:1;overflow:hidden}.work-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base),filter var(--transition-base)}.work-card__link:hover .work-card__image{transform:scale(1.02);filter:brightness(.985)}.work-card__link:focus-visible .work-card__image{transform:scale(1.02);filter:brightness(.985)}@media(hover:hover)and (pointer:fine){.work-card__link:hover{cursor:none}}.work-card-cursor{position:fixed;top:0;left:0;z-index:90;pointer-events:none;opacity:0;transform:translate3d(calc(var(--cursor-x, 0px) - 50%),calc(var(--cursor-y, 0px) - 50%),0) scale(.92);transition:opacity .18s ease,transform .24s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.work-card-cursor span{display:inline-flex;align-items:center;justify-content:center;min-width:82px;min-height:82px;padding:0 18px;border-radius:999px;background:#f7f5efeb;color:#081341;font-family:var(--font-en);font-size:15px;letter-spacing:.08em;box-shadow:0 10px 24px #14141214}.work-card-cursor[data-visible=true]{opacity:1;transform:translate3d(calc(var(--cursor-x, 0px) - 50%),calc(var(--cursor-y, 0px) - 50%),0) scale(1)}.work-card__title{margin:16px 0 0;font-weight:200}.work-detail-layout{display:grid;grid-template-columns:minmax(0,640px) 1fr;gap:60px;align-items:start}.work-gallery{display:grid;gap:40px}.work-gallery figure{margin:0}.scroll-distort{--distort-image-scale: 1;--distort-edge-shift: 0deg;--distort-image-scale-max: 1.035;--distort-edge-shift-max: .8deg;--distort-bleed: 24px}.scroll-distort__viewport{width:100%;overflow:hidden;transform:skewY(var(--distort-edge-shift));transform-origin:center center;will-change:transform}.scroll-distort__image{display:block;width:calc(100% + (var(--distort-bleed) * 2));max-width:none;margin-left:calc(var(--distort-bleed) * -1);background:#ecebef;transform:scale(var(--distort-image-scale)) skewY(calc(var(--distort-edge-shift) * -.35));transform-origin:center center;will-change:transform}.scroll-distort:not(.scroll-distort--enabled) .scroll-distort__image{width:100%;max-width:100%;margin-left:0;transform:none;will-change:auto}.scroll-distort:not(.scroll-distort--enabled) .scroll-distort__viewport{transform:none;will-change:auto}@media(prefers-reduced-motion:reduce){.works-section__preview,.works-section__preview-image{transition:none}.scroll-distort__image{width:100%;max-width:100%;margin-left:0;transform:none;will-change:auto}.scroll-distort__viewport{transform:none;will-change:auto}}.work-meta{position:sticky;top:0;align-self:start;width:220px;margin-left:auto;padding-top:19px}.work-meta dd{margin:0}.work-meta__group+.work-meta__group{margin-top:21px}.meta-label{margin:0 0 7px}.work-meta__value{margin:0;font-family:var(--font-en);font-size:var(--text-body-en-s);line-height:var(--leading-body-en-s);letter-spacing:var(--tracking-body-en);font-weight:200}.work-meta__value--client{font-size:18px;line-height:var(--leading-heading-en-l)}.work-meta__list{display:grid;gap:6px;font-size:var(--text-body-en-s);font-weight:200}.work-meta__external{display:inline-flex;align-items:center;gap:6px}.work-meta__external img{width:20px;height:20px}.back-link{display:inline-flex;gap:7px;align-items:center;margin-top:39px}.back-link img{width:21px;height:20px}.back-link--swap{position:relative;gap:0;overflow:hidden}.back-link__content{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;transition:transform .3s ease}.back-link__leading-icon{position:absolute;top:50%;left:0;display:grid;place-items:center;width:21px;height:20px;transform:translate(-28px,-50%);transition:transform .3s ease}.back-link__icon{display:grid;place-items:center;width:21px;height:20px;flex:0 0 21px}.back-link__icon img{grid-area:1 / 1}.back-link--swap:hover .back-link__leading-icon{transform:translateY(-50%)}.back-link--swap:focus-visible .back-link__leading-icon{transform:translateY(-50%)}.back-link--swap:hover .back-link__content{transform:translate(28px)}.back-link--swap:focus-visible .back-link__content{transform:translate(28px)}.work-detail-cta{margin-top:96px;padding-block:96px}.work-detail-cta__inner{max-width:520px;margin-inline:auto;text-align:center}.work-detail-cta__title{margin:0;font-size:var(--text-heading-ja-l);line-height:1.9;font-weight:400;letter-spacing:var(--tracking-body-ja)}.work-detail-cta__link{display:inline-block;margin-top:20px;font-size:var(--text-body-en-s);line-height:var(--leading-body-en-s);letter-spacing:.04em;opacity:.72;transition:opacity var(--transition-fast)}.work-detail-cta__link:hover,.work-detail-cta__link:focus-visible{opacity:1}@media(max-width:1199px){.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:52px}}@media(max-width:1023px){.works-section{display:block;height:auto;overflow:visible}.works-section__preview-column{display:none;position:static;width:auto;height:auto}.site-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding-block:24px;text-align:center}.site-header .brand-link img{width:var(--brand-logo-size);height:var(--brand-logo-size)}.header-nav{flex-direction:column;width:100%;gap:24px;align-items:center;justify-content:center}.nav-links{display:flex;width:100%;gap:24px;align-items:center;flex-wrap:wrap;justify-content:center}.nav-links ul{justify-content:center;width:100%}.theme-toggle{align-self:center}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px;justify-items:stretch;row-gap:56px}.work-card{width:100%}.works-section__content{height:auto;overflow:visible;width:100%;margin-left:0;padding-inline:2.34375%}.work-detail-layout{grid-template-columns:1fr;gap:0}.work-detail-main{order:2}.work-meta{order:1;position:static;width:100%;max-width:none;margin:0 0 42px;padding-top:0}}@media(max-width:767px){.works-section__content{padding-inline:4.266667%}.works-grid{grid-template-columns:1fr;justify-items:center;row-gap:56px}.work-detail-main{order:2}.work-meta{order:1}.work-detail-cta{margin-top:88px;padding-block:88px}.work-card{width:min(100%,240px);max-width:240px}.work-card-cursor{display:none}.site-footer{padding-top:76px;padding-bottom:var(--space-lg);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:24px}.footer-main{flex:0 1 auto;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:24px}.footer-brand{align-items:flex-end}.footer__about{max-width:min(320px,72vw);text-align:right}.social-links{gap:24px}.back-to-top{display:inline-flex;flex:0 0 auto;align-self:flex-end}.back-to-top img{width:var(--theme-toggle-size);height:var(--theme-toggle-size)}}.about-intro{display:flex;justify-content:flex-end;min-height:358px}.about-copy-wrap{width:var(--about-copy-width);max-width:100%;text-align:right}.about-label{display:flex;justify-content:flex-end;gap:16px;margin:0 0 16px;font-size:22px;line-height:var(--leading-heading-en-xl);white-space:nowrap}.about-heading{margin-bottom:40px}.about-copy{margin:0}.profile-section{margin-top:160px}.profile-label{justify-content:flex-start;margin:0 0 16px}.profile-name{margin:0 0 16px;font-weight:200}.profile-meta{margin:0 0 40px;max-width:46ch;font-size:14px}.profile-image{margin:0 0 40px;width:100%;max-width:446px;aspect-ratio:446 / 251}.profile-image img{display:block;width:100%;height:auto}.profile-copy{width:100%;max-width:446px;margin:0}.profile-copy+.profile-copy{margin-top:28px}.not-found{min-height:50vh;display:grid;place-items:center;text-align:center;padding:120px 0}.not-found h1{margin:0 0 16px;font-family:var(--font-en);font-size:32px;font-weight:200}@media(max-width:767px){.about-intro{min-height:auto}.about-copy-wrap{text-align:left}.about-label{justify-content:flex-start}.about-heading{text-align:left}.about-heading{margin-bottom:32px}.profile-section{margin-top:88px}.profile-meta{margin-bottom:31px}.profile-image{max-width:none;margin-bottom:37px}.profile-copy{max-width:none}.profile-copy+.profile-copy{margin-top:27px}}.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}