:root{--font-base: "Inter", "Noto Sans JP", sans-serif;--font-mono: monospace;--color-bg: #f9f8f6;--color-text: #222222;--color-sub: #888888;--color-line: rgba(0, 0, 0, .1);--color-panel: rgba(255, 255, 255, .9);--color-overlay: rgba(255, 255, 255, .7);--color-accent-circle: rgba(255, 255, 255, .9);--header-padding: 3rem;--sidebar-width: 280px;--space-xs: .5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 8vh;--radius-sm: 3px;--radius-md: 6px;--radius-lg: 12px;--radius-pill: 50px;--radius-full: 50%;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .06);--shadow-md: 0 6px 24px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--tracking-tight: .05em;--tracking-normal: .1em;--tracking-wide: .15em;--tracking-wider: .2em;--tracking-mono: .12em;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-in-out-quart: cubic-bezier(.76, 0, .24, 1);--blend-mode: multiply;--transition-color: color .3s ease, background-color .3s ease, border-color .3s ease, opacity .3s ease}body.dark-mode{--color-bg: #111111;--color-text: #efefef;--color-sub: #999999;--color-line: rgba(255, 255, 255, .12);--color-panel: rgba(28, 28, 28, .9);--color-overlay: rgba(0, 0, 0, .7);--color-accent-circle: rgba(28, 28, 28, .9);--blend-mode: overlay;--shadow-sm: 0 2px 10px rgba(0, 0, 0, .3);--shadow-md: 0 6px 24px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,a,button,.grid-item,.list-row,.sort-header,input,textarea{cursor:crosshair!important}body{font-family:var(--font-base);background-color:var(--color-bg);color:var(--color-text);line-height:1.9;overflow-x:hidden;scrollbar-gutter:stable;font-feature-settings:"palt";-webkit-font-smoothing:antialiased;transition:background-color .5s ease,color .5s ease}a{color:inherit;text-decoration:none;user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;pointer-events:none}:focus-visible{outline:2px solid var(--color-text);outline-offset:3px;border-radius:var(--radius-sm)}:focus:not(:focus-visible){outline:none}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}::view-transition-old(root),::view-transition-new(root){animation:none}::view-transition-old(main-content){animation:fadeOut .25s cubic-bezier(.4,0,1,1) forwards}::view-transition-new(main-content){animation:fadeIn .5s var(--ease-out-expo) forwards;animation-delay:.04s}@keyframes fadeOut{0%{opacity:1;transform:translateY(0);filter:blur(0px)}to{opacity:0;transform:translateY(-6px);filter:blur(.5px)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px);filter:blur(.5px)}to{opacity:1;transform:translateY(0);filter:blur(0px)}}.global-loader{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;background-color:var(--color-bg);z-index:9999;display:flex;align-items:center;justify-content:center;transition:transform .65s cubic-bezier(.7,0,.3,1),opacity .65s}.global-loader.is-hidden{transform:translateY(-100%);opacity:0;pointer-events:none}.intro-content{display:flex;flex-direction:column;align-items:center;gap:14px}.intro-text,.intro-sub{position:relative;color:transparent;white-space:nowrap}.intro-text:before,.intro-sub:before{content:attr(data-text);position:absolute;top:0;left:0;color:var(--color-text);overflow:hidden;white-space:nowrap;width:0}.intro-text{font-family:var(--font-base);font-size:1.1rem;font-weight:400;letter-spacing:var(--tracking-wider)}.intro-text:before{animation:typeReveal .3s linear forwards;animation-delay:.1s}.intro-sub{font-family:var(--font-mono);font-size:.65rem;letter-spacing:var(--tracking-wider);color:var(--color-sub)}.intro-sub:before{animation:typeReveal .2s linear forwards;animation-delay:.4s}@keyframes typeReveal{0%{width:0}to{width:100%}}.loading-line{width:40px;height:1px;margin-top:10px;background-color:var(--color-line);position:relative;overflow:hidden;opacity:0;animation:fadeInLine .5s ease forwards;animation-delay:.6s}.loading-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background-color:var(--color-text);animation:loadingSlide 1.2s cubic-bezier(.65,0,.35,1) infinite}@keyframes fadeInLine{to{opacity:1}}@keyframes loadingSlide{0%{left:-100%}to{left:100%}}.background-texture{position:fixed;top:0;left:0;width:100%;height:100lvh!important;z-index:-2;pointer-events:none;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.015) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.02) 0%,transparent 40%);background-blend-mode:var(--blend-mode);transition:background-blend-mode .5s}@media (min-width: 769px){.background-texture{background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,.015) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,0,0,.02) 0%,transparent 40%),url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.035'/%3E%3C/svg%3E")}}.background-shapes{position:fixed;top:0;left:0;width:100%;height:100lvh!important;z-index:-1;pointer-events:none;overflow:hidden;--scrollY: 0}.bg-card-wrapper{position:absolute;will-change:transform;transform:translate3d(0,calc(var(--scrollY) * var(--move-y, 0) * 1px),0)}.bg-card-shape{position:relative;background-color:var(--color-text);opacity:.18;will-change:transform;animation:cardFloat var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay)}body.dark-mode .bg-card-shape{opacity:.1}.shape-line-horizontal{width:60vw;height:1px}.shape-line-vertical{width:1px;height:60vh}@keyframes cardFloat{0%{transform:translate(0) rotate(0) scale(1)}to{transform:translate(var(--tx),var(--ty)) rotate(var(--r)) scale(1)}}.site-header{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;padding:3rem var(--header-padding);display:flex;flex-direction:column;z-index:110;pointer-events:none;view-transition-name:site-header}.header-top{display:flex;flex-direction:column;gap:2rem;align-items:flex-start;pointer-events:auto}.logo{position:relative;display:inline-block;margin-bottom:.5rem;text-align:left}.logo:before{content:"";position:absolute;top:70%;left:50%;transform:translate(-50%,-60%);width:260px;height:260px;background-color:var(--color-accent-circle);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);z-index:-1;transition:background-color .5s ease}.logo a{font-size:1.05rem;font-weight:500;letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--color-text);display:block;position:relative;z-index:1;padding:5px 0;transition:opacity .3s ease}.logo a:hover{opacity:.7}.header-desc{display:flex;flex-direction:column;gap:.3rem;color:var(--color-sub);font-size:.7rem;font-weight:400;letter-spacing:var(--tracking-tight);line-height:1.7;align-items:flex-start;transition:opacity .4s ease}.pc-mode-switch{transition:opacity .4s ease}.mode-switch{display:flex;gap:0;align-items:stretch;background:none;border:none;padding:0}.mode-btn{position:relative;padding:.5rem 1.3rem;background:transparent;border:1px solid var(--color-line);font-family:var(--font-mono);font-size:.7rem;color:var(--color-sub);letter-spacing:var(--tracking-mono);cursor:pointer;display:flex;align-items:center;justify-content:center;transform:skew(-8deg);transition:var(--transition-color),transform .35s var(--ease-out-expo);overflow:hidden;z-index:0}.mode-btn span{display:inline-block;transform:skew(8deg);pointer-events:none}.mode-btn:not(:first-child){margin-left:-1px}.mode-btn:hover{color:var(--color-text);border-color:#78787859;transform:skew(-8deg) translateY(-2px);z-index:1}.mode-btn.active{background:var(--color-text);border-color:var(--color-text);color:var(--color-bg);z-index:2;transform:skew(-8deg) translateY(-1px);box-shadow:3px 4px #0000001f}body.dark-mode .mode-btn.active{box-shadow:3px 4px #ffffff0f}.site-nav{margin-top:5rem;flex-grow:1;pointer-events:auto;transition:opacity .4s ease}.nav-list{list-style:none;margin-bottom:2rem}.nav-list li{margin-bottom:.9rem}.nav-list a{font-size:.88rem;color:var(--color-sub);letter-spacing:var(--tracking-normal);font-weight:300;transition:color .35s var(--ease-out-expo),transform .4s var(--ease-out-expo);display:inline-block;position:relative}.nav-list.main-links a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background-color:var(--color-text);transition:width .4s var(--ease-out-expo)}.nav-list a:hover{color:var(--color-text);transform:translate(5px)}.nav-list.main-links a:hover:after{width:100%}.nav-list.meta-links a{font-size:.72rem;opacity:.75}.nav-list a[aria-current=page]{color:var(--color-text);font-weight:400}.nav-list.main-links a[aria-current=page]:after{width:100%}.header-footer{position:fixed;bottom:3rem;left:3rem;z-index:110;display:flex;flex-direction:column;gap:1rem;align-items:flex-start;font-size:.68rem;color:var(--color-sub);font-family:var(--font-mono);pointer-events:auto;letter-spacing:var(--tracking-normal);transition:opacity .4s ease}.theme-switch{display:flex;gap:.5rem;color:var(--color-sub);opacity:.75}.theme-btn{background:none;border:none;padding:0;color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;letter-spacing:inherit;transition:var(--transition-color)}.theme-btn:hover{color:var(--color-text);opacity:1}.theme-btn.active{color:var(--color-text);font-weight:600;text-decoration:underline;opacity:1}.mobile-menu-btn,.sp-only{display:none}.pc-only{display:block}body.modal-open .site-nav,body.modal-open .header-footer,body.modal-open .header-desc,body.modal-open .pc-mode-switch{opacity:0!important;pointer-events:none!important}#main-content{position:relative;z-index:10;width:100%;min-height:100dvh!important;padding-left:var(--sidebar-width);view-transition-name:main-content}.index-container{padding:0 6vw 20vh}.index-category-group{margin-bottom:20vh;scroll-margin-top:5vh;position:relative}.index-category-title{font-family:var(--font-base);font-size:1.2rem;font-weight:400;font-style:normal;color:var(--color-text);margin-bottom:3rem;padding-left:1rem;position:relative;letter-spacing:var(--tracking-normal);text-align:left}.index-category-title:after{content:"";position:absolute;top:50%;left:-2vw;width:8vw;height:1px;background:var(--color-line)}.view-more-btn{display:inline-block;padding:.75rem 2.5rem;background-color:transparent;border:1px solid var(--color-line);color:var(--color-sub);font-family:var(--font-base);font-size:.78rem;letter-spacing:var(--tracking-normal);cursor:pointer;transition:color .35s var(--ease-out-expo),border-color .35s var(--ease-out-expo);border-radius:var(--radius-sm);position:relative;overflow:hidden}.view-more-btn:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:var(--color-text);z-index:-1;transition:width .35s var(--ease-out-expo)}.view-more-btn:hover{color:var(--color-bg);border-color:var(--color-text)}.view-more-btn:hover:after{width:100%}.hero-slideshow{width:100%;height:100vh;position:relative;overflow:hidden;background-color:var(--color-bg)}.slide-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity 2s ease-in-out;display:flex;align-items:center;justify-content:center;pointer-events:none;overflow:hidden;padding-top:3vh;padding-bottom:3vh;padding-left:3vw;padding-right:3vw}.slide-link{display:flex;width:100%;height:100%;align-items:center;justify-content:center;cursor:none}.slide-wrapper.active{opacity:1;pointer-events:auto}.slide-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;box-shadow:var(--shadow-md)}.slide-nav{position:absolute;bottom:3rem;width:48px;height:48px;border:none;background:var(--color-panel);cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;color:var(--color-text);transition:transform .4s var(--ease-out-expo),background-color .3s ease,color .3s ease;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:var(--shadow-sm)}.slide-nav:hover{transform:scale(1.1);background-color:var(--color-text);color:var(--color-bg);box-shadow:var(--shadow-md)}.slide-prev{left:auto;right:calc(3rem + 58px)}.slide-next{left:auto;right:3rem}.arrow-icon{width:18px;height:1px;background-color:currentColor;position:relative;display:block;transition:width .35s var(--ease-out-expo);border:none;transform:none!important}.slide-nav:hover .arrow-icon{width:26px}.arrow-icon:before,.arrow-icon:after{content:"";position:absolute;width:6px;height:1px;background-color:currentColor;top:0}.slide-prev .arrow-icon:before{left:0;transform-origin:left center;transform:rotate(40deg)}.slide-prev .arrow-icon:after{left:0;transform-origin:left center;transform:rotate(-40deg)}.slide-next .arrow-icon:before{right:0;transform-origin:right center;transform:rotate(40deg)}.slide-next .arrow-icon:after{right:0;transform-origin:right center;transform:rotate(-40deg)}.about-page-container{min-height:100lvh;background-color:var(--color-bg)}.about-grid{display:grid;grid-template-columns:4fr 5fr;gap:8vw;align-items:start;padding:3rem 5vw 10vh}.about-image-wrapper{width:100%;height:auto;overflow:hidden}.about-portrait-picture{width:100%!important;display:block}.about-portrait-picture img{width:100%;height:auto;display:block;filter:grayscale(100%);transition:transform 1.8s var(--ease-out-expo),filter 1.2s ease}.about-image-wrapper:hover .about-portrait-picture img{transform:scale(1.025);filter:grayscale(0%)}.about-portrait{width:100%;height:auto;display:block;filter:grayscale(100%);transition:transform 1.8s var(--ease-out-expo),filter 1.2s ease}.about-image-wrapper:hover .about-portrait{transform:scale(1.025);filter:grayscale(0%)}.about-info-col{display:flex;flex-direction:column}.about-markdown{color:var(--color-text)}.about-markdown p{font-size:.95rem;line-height:2;margin-bottom:2.5rem;max-width:600px}.about-markdown h1,.about-markdown h2,.about-markdown h3{font-family:var(--font-mono);font-size:.72rem;letter-spacing:var(--tracking-wide);color:var(--color-sub);text-transform:uppercase;margin-top:3.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--color-line);padding-bottom:.5rem}.about-markdown h1:first-child,.about-markdown h2:first-child,.about-markdown h3:first-child{margin-top:0}.about-markdown ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.5rem 2rem}.about-markdown li{font-size:.85rem;line-height:1.8;color:var(--color-text);padding-left:0}.about-markdown a{color:var(--color-text);text-decoration:none;border-bottom:1px solid var(--color-line);transition:opacity .3s;padding-bottom:2px}@media (hover: hover) and (pointer: fine){.about-markdown a:hover{opacity:.5}}.profile-section{padding:15vh 6vw;max-width:900px;position:relative}.profile-section:before{content:"";position:absolute;left:0;top:20vh;bottom:10vh;width:1px;background:var(--color-line)}.markdown-content{font-size:.95rem;line-height:2.4;color:var(--color-text);font-weight:300;letter-spacing:var(--tracking-tight)}.markdown-content h1,.markdown-content h2{font-family:var(--font-base);font-weight:500;margin-top:4rem;margin-bottom:2rem;font-size:1.4rem;color:var(--color-text);border:none!important;line-height:1.4;letter-spacing:var(--tracking-normal)}.markdown-content h3{font-size:1.05rem;font-weight:500;margin-top:3rem;margin-bottom:1.5rem;color:var(--color-text)}.markdown-content img{max-width:60%;height:auto;display:block;margin:3rem 0;box-shadow:var(--shadow-sm);outline:1px solid var(--color-line);outline-offset:-8px}.markdown-content p{margin-bottom:2.5em}.markdown-content ul,.markdown-content ol{margin-bottom:2.5em;padding-left:1.5em}.markdown-content li{margin-bottom:.8em}.markdown-content a{text-decoration:underline;text-underline-offset:4px;color:var(--color-sub);transition:color .3s}.markdown-content a:hover{color:var(--color-text)}.category-page,.archive-container{width:100%;position:relative;z-index:10;padding-top:0;padding-bottom:0}.category-top-header,.archive-top-header{background-color:var(--color-bg);padding:120px 6vw 1.5rem;margin-bottom:0;position:relative;z-index:85}.category-title,.archive-title{font-family:var(--font-base);font-size:1.8rem;font-weight:300;color:var(--color-text);letter-spacing:var(--tracking-normal);line-height:1;margin-bottom:0;border:none}.category-sticky-bar,.archive-sticky-bar{position:sticky;top:0;z-index:85;background-color:var(--color-bg);padding:0 6vw;border-bottom:1px solid var(--color-line);margin-bottom:3rem;transition:top .4s var(--ease-out-expo),background-color .5s ease}.category-controls,.archive-controls{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;height:58px}.category-info,.filter-toggle-btn{font-family:var(--font-mono);font-size:.72rem;color:var(--color-sub);letter-spacing:var(--tracking-normal);text-transform:uppercase;display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:0;cursor:pointer;transition:color .3s}.filter-toggle-btn:hover{color:var(--color-text)}.filter-icon{font-size:1.1rem;line-height:1;font-weight:300}.view-toggle{display:flex;gap:1.5rem;align-items:center}.view-btn{background:transparent;border:none;font-family:var(--font-mono);font-size:.72rem;color:var(--color-sub);opacity:.6;cursor:pointer;letter-spacing:var(--tracking-normal);padding:0 0 2px;border-bottom:1px solid transparent;transition:var(--transition-color)}.view-btn:hover{color:var(--color-text);opacity:1}.view-btn.active{color:var(--color-text);border-bottom-color:var(--color-text);opacity:1;font-weight:500}.archive-filters-panel{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .5s var(--ease-out-expo)}.archive-filters-panel.is-open{grid-template-rows:1fr}.archive-filters-inner{min-height:0;padding-bottom:0;transition:padding .5s var(--ease-out-expo)}.archive-filters-panel.is-open .archive-filters-inner{padding-bottom:1.5rem}.archive-filters{display:flex;gap:.6rem;flex-wrap:wrap}.filter-btn{background:transparent;border:1px solid var(--color-line);padding:.3rem .85rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.65rem;color:var(--color-sub);letter-spacing:var(--tracking-normal);cursor:pointer;transition:var(--transition-color),transform .3s var(--ease-out-expo)}.filter-btn:hover{border-color:var(--color-text);color:var(--color-text);transform:translateY(-2px)}.filter-btn.active{background:var(--color-text);color:var(--color-bg);border-color:var(--color-text)}.category-content,.archive-content{padding:0 6vw 10vh;min-height:50vh}.project-grid,.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6rem 4vw;width:100%}.grid-item{display:flex;flex-direction:column;gap:1.1rem;cursor:pointer;text-decoration:none;position:relative;width:auto;margin-bottom:0}.grid-item:before{content:"FIG.";position:absolute;top:0;left:-1.5rem;font-size:.58rem;font-family:var(--font-mono);color:var(--color-sub);opacity:.4;writing-mode:vertical-rl;transform:rotate(180deg)}.grid-image-wrapper,.nav-thumb-wrapper{position:relative;background:linear-gradient(90deg,var(--color-bg) 0%,rgba(150,150,150,.12) 50%,var(--color-bg) 100%)!important;background-size:200% 100%!important;animation:skeletonLoading 1.5s infinite ease-in-out}body.dark-mode .grid-image-wrapper,body.dark-mode .nav-thumb-wrapper{background:linear-gradient(90deg,var(--color-bg) 0%,rgba(255,255,255,.06) 50%,var(--color-bg) 100%)!important}@keyframes skeletonLoading{0%{background-position:200% 0}to{background-position:-200% 0}}.grid-image-wrapper{width:100%;aspect-ratio:4 / 3;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:0}.nav-thumb-wrapper{width:110px;aspect-ratio:4 / 3;height:auto;overflow:hidden}.grid-image-wrapper picture{display:block;width:100%;height:100%}.grid-image-wrapper img{opacity:0;transition:opacity .7s var(--ease-out-expo),transform .8s var(--ease-out-expo);width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.03)}.grid-image-wrapper img.loaded,.image-wrapper img.loaded,.nav-thumb-wrapper img.loaded{opacity:1;position:relative;z-index:2;transform:scale(1)}@media (hover: hover) and (pointer: fine){.grid-item:hover .grid-image-wrapper img,.nav-link:hover .nav-thumb-wrapper img{transform:scale(1.05);opacity:.85}.grid-item:hover .grid-title,.nav-link:hover .nav-title{color:var(--color-text)}}.grid-info{display:flex;flex-direction:column;gap:.3rem;padding-left:.5rem;border-left:1px solid var(--color-line);margin-top:0;text-align:left}.grid-title{font-family:var(--font-base);font-size:.95rem;font-weight:400;color:var(--color-text);letter-spacing:var(--tracking-tight);transition:color .3s;line-height:1.75}.grid-meta{font-size:.72rem;color:var(--color-sub);font-family:var(--font-mono);letter-spacing:var(--tracking-mono)}.project-list-view{display:flex;flex-direction:column;width:100%;position:relative}.list-header,.list-row{display:grid;grid-template-columns:1.2fr 1fr .5fr .8fr;gap:2rem;padding:1.4rem 1rem;margin:0 -1rem;border-bottom:1px solid var(--color-line);align-items:center;text-decoration:none;position:relative;z-index:10}.list-header.no-type,.list-row.no-type{grid-template-columns:1.5fr .5fr 1fr}.list-header{font-family:var(--font-mono);font-size:.7rem;color:var(--color-sub);opacity:.6;letter-spacing:var(--tracking-normal);text-transform:uppercase}.list-row{cursor:pointer;transition:color .3s ease,background-color .3s ease;color:var(--color-text);border-radius:var(--radius-sm)}.list-row.is-active{background-color:#7878781a}body.dark-mode .list-row.is-active{background-color:#ffffff1f}@media (hover: hover) and (pointer: fine){.list-row:hover .list-col-title{transform:translate(8px)}}.list-col-title{font-family:var(--font-base);font-size:1.05rem;font-weight:400;transition:transform .4s var(--ease-out-expo),color .3s}.list-col-year{font-family:var(--font-mono);font-size:.85rem;color:var(--color-sub)}.list-col-cat,.list-col-type{font-size:.78rem;color:var(--color-sub);opacity:.75}.sort-header{cursor:pointer;transition:color .3s,opacity .3s;-webkit-user-select:none;user-select:none}.sort-header:hover{color:var(--color-text);opacity:1}.list-view-bg-container,.archive-bg-container{position:fixed;top:0;left:0;width:100vw;height:100lvh!important;z-index:0;pointer-events:none;opacity:0;transition:opacity .5s ease}.list-view-bg-container img,.archive-bg-container img{width:100%;height:100%;object-fit:cover;display:block}.list-view-overlay,.archive-bg-overlay{position:fixed;top:0;left:0;width:100vw;height:100lvh!important;background-color:var(--color-overlay);z-index:1;pointer-events:none;opacity:0;transition:background-color .5s ease,opacity .5s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.project-detail{display:flex;flex-direction:column;min-height:100vh}.scroll-progress{position:fixed;top:0;left:0;height:2px;width:0%;background:var(--color-text);z-index:9000;transition:width .05s linear;transform-origin:left;pointer-events:none}.detail-content-wrapper{position:relative;width:100%;padding-top:8vh;padding-bottom:5vh}.detail-header{padding:0 6vw;margin-bottom:8vh;max-width:1000px;text-align:left;position:relative}.detail-header:before{content:"PROJECT";display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--color-sub);opacity:.5;letter-spacing:var(--tracking-wider);margin-bottom:1rem}.detail-title{font-family:var(--font-base);font-weight:300;font-size:2.1rem;margin-bottom:2rem;line-height:1.15;color:var(--color-text);letter-spacing:.01em}.detail-meta-list{display:flex;flex-direction:column;gap:.5rem;margin-bottom:4rem;font-family:var(--font-mono);font-size:.82rem;color:var(--color-sub);border-left:1px solid var(--color-line);padding-left:1rem;align-items:flex-start}.detail-meta-item{display:flex;gap:1rem}.meta-label{width:80px;opacity:.55}.meta-value{color:var(--color-text)}.keyboard-hint{display:none}@media (hover: hover) and (pointer: fine){.keyboard-hint{display:inline-flex;align-items:center;gap:0;margin-top:2rem;border:1px solid var(--color-line);border-radius:6px;overflow:hidden;opacity:0;transition:opacity .4s ease;background:var(--color-panel)}body:has(.project-detail) .keyboard-hint{opacity:1}.keyboard-hint-group{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;font-family:var(--font-mono);font-size:.6rem;color:var(--color-sub);letter-spacing:.02em;white-space:nowrap}.keyboard-hint-divider{width:1px;align-self:stretch;background:var(--color-line);flex-shrink:0}.keyboard-hint-label{opacity:.65}.keyboard-hint kbd{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1px solid var(--color-line);border-bottom-width:2px;border-radius:3px;font-size:.58rem;line-height:1;background:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);box-shadow:0 1px 0 var(--color-line)}}.swipe-indicator{display:none;position:fixed;bottom:2.5rem;left:0;width:100%;justify-content:center;align-items:center;pointer-events:none;z-index:50}.project-images{display:flex;flex-direction:column;gap:8vh;padding:0 4vw;align-items:center;position:relative}.image-pair-row{display:flex;flex-direction:row;gap:2rem;align-items:flex-start;justify-content:center;width:100%}.image-pair-row .image-wrapper{flex:1;max-width:calc(50% - 1rem);width:auto}.image-pair-row .image-wrapper img{max-height:75vh;max-width:100%;width:100%;height:auto;object-fit:contain}.image-wrapper{margin-bottom:0;width:fit-content;max-width:100%;display:flex;justify-content:center;background-color:#fafaf8;padding:2rem 2rem 3.2rem;box-shadow:0 2px 8px #00000014,0 8px 32px #0000001a,0 20px 60px #00000012}body.dark-mode .image-wrapper{background-color:#1e1e1c;box-shadow:0 2px 8px #0000004d,0 8px 32px #00000059,0 20px 60px #00000040}.image-wrapper img{max-height:80vh;max-width:calc(100vw - var(--sidebar-width) - 8vw - 4rem);width:auto;height:auto;object-fit:contain;display:block;transform:none!important;will-change:auto;transition:opacity .7s var(--ease-out-expo),transform .4s var(--ease-out-expo);cursor:zoom-in}@media (hover: hover) and (pointer: fine){.image-wrapper:hover{box-shadow:0 4px 12px #0000001a,0 12px 40px #00000021,0 28px 72px #00000017}.image-wrapper img:hover{transform:none!important}}.sticky-controls{position:sticky;bottom:2rem;margin-left:auto;margin-right:3rem;width:auto;min-width:60px;display:flex;flex-direction:column;gap:1rem;align-items:flex-end;z-index:100;pointer-events:auto;margin-top:5rem;margin-bottom:10vh}.sticky-close-btn{display:none!important}.share-btn{display:flex;align-items:center;justify-content:center;width:60px;height:60px;flex-shrink:0;border-radius:var(--radius-full);background-color:var(--color-panel);border:1px solid var(--color-line);box-shadow:var(--shadow-sm);color:var(--color-text);font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:var(--tracking-mono);line-height:1;text-decoration:none;opacity:0;transform:translateY(20px);transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo),background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;cursor:pointer}.share-btn:before{content:"Share"}.share-btn.is-visible{opacity:1;transform:translateY(0)}@media (hover: hover) and (pointer: fine){.share-btn:hover{background-color:var(--color-text);color:var(--color-bg);border-color:var(--color-text);transform:scale(1.08);box-shadow:var(--shadow-md)}}.share-btn.copied{background-color:var(--color-text)!important;color:var(--color-bg)!important;border-color:var(--color-text)!important;transform:scale(1)!important}.share-btn.copied:before{content:"Copied!"}.image-counter{display:flex;align-items:center;justify-content:center;width:60px;height:60px;padding:0;background-color:var(--color-panel);border:1px solid var(--color-line);border-radius:var(--radius-full);color:var(--color-sub);font-family:var(--font-mono);font-size:.72rem;letter-spacing:var(--tracking-mono);box-shadow:var(--shadow-sm);transition:opacity .3s;white-space:nowrap}.project-footer{margin-top:0;padding:18vh 6vw 0;border-top:1px solid var(--color-line);position:relative;z-index:20;background-color:var(--color-bg)}.project-nav{display:flex;justify-content:space-between;padding:0 0 10vh;gap:2rem;width:100%}.project-nav .grid-item{width:22%;min-width:200px;margin:0;cursor:pointer}.project-nav .grid-item:before{top:3.125rem}.project-nav .grid-item.next{align-items:flex-end;text-align:right}.project-nav .grid-item.next .grid-info{align-items:flex-end;border-left:none;border-right:1px solid var(--color-line);padding-left:0;padding-right:.5rem}.nav-label-outside{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.7rem;color:var(--color-sub);letter-spacing:var(--tracking-normal);margin-bottom:.5rem;transition:color .3s ease,gap .35s var(--ease-out-expo)}.grid-item.prev .nav-label-outside:before{content:"←";font-size:.9rem;transition:transform .35s var(--ease-out-expo)}.grid-item.next .nav-label-outside:after{content:"→";font-size:.9rem;transition:transform .35s var(--ease-out-expo)}@media (hover: hover) and (pointer: fine){.grid-item.prev:hover .nav-label-outside:before{transform:translate(-4px)}.grid-item.next:hover .nav-label-outside:after{transform:translate(4px)}.grid-item.prev:hover .nav-label-outside,.grid-item.next:hover .nav-label-outside{color:var(--color-text)}}.related-section{padding:10vh 0;border-top:1px solid var(--color-line)}.related-heading{font-size:.72rem;color:var(--color-sub);opacity:.55;text-transform:uppercase;letter-spacing:var(--tracking-normal);margin-bottom:3rem;text-align:center;font-family:var(--font-mono)}.site-footer{padding:14vh 6vw 5vh;border-top:1px solid var(--color-line);background-color:var(--color-bg);position:relative;z-index:20}.sitemap-container{display:flex;flex-direction:column;gap:10vh}.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;max-width:1200px}.sitemap-col{display:flex;flex-direction:column;gap:1.5rem}.sitemap-heading{font-family:var(--font-mono);font-size:.7rem;color:var(--color-sub);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-bottom:1px solid var(--color-line);padding-bottom:1rem;margin:0;font-weight:400}.sitemap-list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.sitemap-link{font-family:var(--font-base);font-size:.8rem;font-weight:300;color:var(--color-text);letter-spacing:var(--tracking-tight);transition:opacity .35s ease,transform .35s var(--ease-out-expo);display:inline-block;position:relative}.sitemap-link:hover{opacity:.55;transform:translate(5px)}.footer-bottom{display:flex;justify-content:space-between;align-items:flex-end;padding-top:2rem;border-top:1px solid var(--color-line)}.footer-logo{font-family:var(--font-base);font-size:.95rem;font-weight:500;letter-spacing:var(--tracking-wider);color:var(--color-text)}.reveal{opacity:0;transform:translateY(22px);transition:opacity .9s var(--ease-out-expo),transform .9s var(--ease-out-expo)}.reveal.is-visible{opacity:1;transform:translateY(0)}.view-more-btn,.theme-btn,.nav-list a,.back-home-btn,.sitemap-link{transition:transform .35s var(--ease-out-expo),var(--transition-color);will-change:transform;display:inline-block}.grid-item[style*=transform]{transition:transform .35s var(--ease-out-expo),opacity .9s var(--ease-out-expo)!important}.medium-zoom-overlay{z-index:9990}.medium-zoom-image--opened{z-index:9999;pointer-events:auto!important}.split-entrance{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100svh;z-index:9000;display:flex;flex-direction:row;background-color:var(--color-bg);transition:visibility 1s}.split-entrance.is-resolved{visibility:hidden;pointer-events:none}.split-pane{flex:1;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;overflow:hidden;transition:flex .7s var(--ease-out-expo),transform 1s cubic-bezier(.7,0,.3,1)}@media (hover: hover) and (pointer: fine){.split-pane:hover{flex:1.15;background-color:#78787806}body.dark-mode .split-pane:hover{background-color:#ffffff06}}.split-entrance.is-resolved .pane-art{transform:translateY(-100%)}.split-entrance.is-resolved .pane-com{transform:translateY(100%)}.pane-content{text-align:center;transition:transform .45s var(--ease-out-expo),opacity .4s ease}.split-pane:hover .pane-content{transform:scale(1.04)}.pane-title{font-family:var(--font-base);font-size:2rem;font-weight:300;letter-spacing:var(--tracking-wider);color:var(--color-text);margin-bottom:.6rem}.pane-desc{font-family:var(--font-mono);font-size:.72rem;color:var(--color-sub);letter-spacing:var(--tracking-normal);opacity:.65}.commercial-container{width:100%;display:flex;flex-direction:column;position:relative;background-color:#111;transition:background-color .5s ease}.commercial-controls{position:fixed;top:120px;right:5vw;z-index:100;pointer-events:auto}.commercial-grid{width:100%;transition:opacity .5s ease}.commercial-grid.layout-fullscreen .commercial-section{position:relative;width:100%;height:100vh;height:100svh;overflow:hidden}.commercial-grid.layout-fullscreen .commercial-bg-wrapper:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.18) 40%,transparent 100%);pointer-events:none;z-index:2}.commercial-grid.layout-fullscreen .commercial-hover-info{display:none}.commercial-grid.layout-fullscreen .commercial-bg-wrapper{height:100%}.commercial-grid.layout-masonry{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:180px 5vw 10vh;align-items:start;background-color:var(--color-bg)}.commercial-grid.layout-masonry .commercial-section{border-radius:var(--radius-md);overflow:hidden;position:relative;transform:translateZ(0)}.commercial-link{display:block;width:100%;height:100%;text-decoration:none;position:relative}.commercial-bg-wrapper{position:relative;width:100%;background-color:#111;overflow:hidden}.commercial-grid.layout-masonry .commercial-bg-wrapper{min-height:120px;background-color:var(--color-panel)}body.dark-mode .commercial-grid.layout-masonry .commercial-bg-wrapper{background-color:#1a1a1a}.commercial-grid.layout-masonry .commercial-slide{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important}.commercial-grid.layout-masonry .commercial-slide img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;display:block!important}.commercial-grid.layout-masonry .commercial-section.span-wide{grid-column:span 2}.commercial-slide{opacity:0;transition:opacity .7s ease-in-out;z-index:1}.commercial-grid.layout-fullscreen .commercial-slide{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;display:block!important}.commercial-grid.layout-fullscreen .commercial-slide img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important}.commercial-grid.layout-fullscreen .commercial-slide.active{opacity:.6}.commercial-grid.layout-fullscreen .commercial-link:hover .commercial-slide.active{opacity:.85}.commercial-grid.layout-masonry .commercial-slide.active{opacity:1}.commercial-grid.layout-masonry .commercial-link:hover .commercial-slide.active{opacity:.8}.commercial-hover-info{position:absolute;bottom:0;left:0;width:100%;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.8) 0%,transparent 100%);color:#fff;opacity:0;transition:opacity .35s ease;z-index:10;display:flex;flex-direction:column;justify-content:flex-end;pointer-events:none}@media (hover: hover) and (pointer: fine){.commercial-grid.layout-masonry .commercial-section:hover .commercial-hover-info{opacity:1}}.commercial-client-mini{font-family:var(--font-mono);font-size:.6rem;letter-spacing:var(--tracking-normal);text-transform:uppercase;margin-bottom:.3rem;opacity:.75}.commercial-title-mini{font-family:var(--font-base);font-size:1.05rem;font-weight:300;letter-spacing:var(--tracking-tight);line-height:1.3}.commercial-fixed-info{position:fixed;bottom:12vh;left:calc(var(--sidebar-width) + 6vw);transform:translateY(15px);opacity:0;z-index:20;pointer-events:none;text-align:left;color:#fff;transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo);width:70%}.commercial-client{font-family:var(--font-mono);font-size:.8rem;letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:1rem;opacity:.65}.commercial-title{font-family:var(--font-base);font-size:3rem;font-weight:300;letter-spacing:var(--tracking-normal);margin-bottom:1.5rem;line-height:1.15;text-shadow:0 4px 20px rgba(0,0,0,.5)}.commercial-role{font-family:var(--font-mono);font-size:.8rem;opacity:.55;letter-spacing:var(--tracking-wide)}.commercial-cta{width:100%;padding:15vh 5vw 10vh;background-color:var(--color-bg);text-align:center}.cta-inner{max-width:860px;margin:0 auto;border-top:1px solid var(--color-line);padding-top:10vh}.cta-heading{font-size:1.45rem;letter-spacing:var(--tracking-normal);margin-bottom:2rem;font-weight:500}.cta-text{font-size:.92rem;line-height:2;color:var(--color-text);opacity:.75;margin-bottom:5rem}.cta-workflow{display:flex;justify-content:space-between;gap:1rem;margin-bottom:5rem}.workflow-item{flex:1;display:flex;flex-direction:column;align-items:center;position:relative}.workflow-item:not(:last-child):after{content:"→";position:absolute;right:-.5rem;top:50%;transform:translateY(-50%);color:var(--color-text);opacity:.25}.wf-num{font-size:.7rem;opacity:.45;margin-bottom:.8rem;font-family:var(--font-mono)}.wf-en{font-size:1.05rem;letter-spacing:var(--tracking-normal);margin-bottom:.4rem}.wf-ja{font-size:.72rem;opacity:.65}.cta-mail-btn{display:inline-block;padding:1.1rem 4rem;border:1px solid var(--color-text);border-radius:var(--radius-pill);font-size:.9rem;letter-spacing:var(--tracking-wide);text-decoration:none;color:var(--color-text);transition:background-color .4s var(--ease-out-expo),color .4s var(--ease-out-expo),transform .4s var(--ease-out-expo);background:transparent}.cta-mail-btn:hover{background-color:var(--color-text);color:var(--color-bg);transform:scale(1.02)}.floating-contact-btn{position:fixed;bottom:40px;right:40px;width:88px;height:88px;border-radius:var(--radius-full);background-color:var(--color-text);color:var(--color-bg);display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:.75rem;letter-spacing:var(--tracking-normal);z-index:90;box-shadow:var(--shadow-lg);transition:transform .45s var(--ease-out-expo),box-shadow .4s ease;font-family:inherit;border:none;outline:none;cursor:pointer}.floating-contact-btn:hover{transform:scale(1.07);color:var(--color-bg);box-shadow:0 18px 48px #00000038}.contact-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:105;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease}.contact-modal.is-active{opacity:1;pointer-events:auto}.contact-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000008c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-modal-content{position:relative;background:var(--color-bg);width:90%;max-width:860px;max-height:90vh;overflow-y:auto;padding:5rem 3rem;border-radius:var(--radius-lg);transform:translateY(24px) scale(.97);transition:transform .55s var(--ease-out-expo);box-shadow:var(--shadow-lg)}.contact-modal.is-active .contact-modal-content{transform:translateY(0) scale(1)}.contact-modal-close{position:absolute;top:20px;right:20px;width:40px;height:40px;background:transparent;border:none;cursor:pointer;z-index:10}.contact-modal-close:before,.contact-modal-close:after{content:"";position:absolute;top:50%;left:50%;width:18px;height:1px;background:var(--color-text);transition:transform .35s var(--ease-out-expo)}.contact-modal-close:before{transform:translate(-50%,-50%) rotate(45deg)}.contact-modal-close:after{transform:translate(-50%,-50%) rotate(-45deg)}.contact-modal-close:hover:before{transform:translate(-50%,-50%) rotate(135deg)}.contact-modal-close:hover:after{transform:translate(-50%,-50%) rotate(45deg)}.contact-modal .cta-inner{border-top:none;padding-top:0;text-align:center}@media (max-width: 1024px){.project-grid,.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){:root{--sp-header-h: 65px}.pc-only{display:none!important}.sp-only{display:block!important}.grid-item,.list-row,.commercial-section{content-visibility:auto;contain-intrinsic-size:auto 300px}.mobile-menu-btn,.image-counter,.slide-nav,.category-sticky-bar,.archive-sticky-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background-color:var(--color-bg)!important}.slide-image{box-shadow:none!important}.site-header{width:100%;height:auto;position:fixed;top:0;padding:1.2rem;background-color:transparent;pointer-events:none;flex-direction:row;align-items:flex-start;z-index:2000;transition:transform .45s var(--ease-out-expo)!important}body.header-hidden .site-header{transform:translateY(-100%)}.header-top{pointer-events:auto}.header-desc{display:none}.logo{margin-bottom:0;margin-left:0;text-align:left;transform:translateY(-5px)}.logo:before{width:130px;height:130px;top:30%}.logo a{font-size:.95rem;margin-bottom:0;background:transparent;padding:10px 5px}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;position:fixed;top:1.2rem;right:1.2rem;gap:6px;width:40px;height:40px;border:none;background:var(--color-panel);border-radius:var(--radius-full);padding:10px;cursor:pointer;pointer-events:auto;z-index:2100}.mobile-menu-btn .bar{width:18px;height:1px;background-color:var(--color-text);margin:0 auto;transition:all .35s var(--ease-out-expo)}body.menu-open .mobile-menu-btn .bar:nth-child(1){transform:translateY(3.5px) rotate(45deg)}body.menu-open .mobile-menu-btn .bar:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.site-nav{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-bg)!important;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:5.5rem 1.8rem 3rem;padding-bottom:calc(3rem + env(safe-area-inset-bottom,0px));margin-top:0;opacity:0;pointer-events:none;transition:opacity .45s var(--ease-out-expo);z-index:2050;overflow:hidden}body.menu-open .site-nav{opacity:1;pointer-events:auto}.nav-inner{text-align:left;display:flex;flex-direction:column;gap:0;width:100%;transform:translateY(18px);transition:transform .5s var(--ease-out-expo)}body.menu-open .nav-inner{transform:translateY(0)}.nav-inner>.sp-only{margin-bottom:3.2rem}.mode-btn{padding:.65rem 1.5rem;font-size:.72rem}.nav-mode-group,.nav-list.main-links{margin-bottom:0}.nav-list.main-links li{margin-bottom:1.5rem}.nav-list.main-links li:last-child{margin-bottom:0}.nav-list.main-links a{font-size:1.6rem;font-weight:300;color:var(--color-text);line-height:1.2}.nav-list.meta-links{margin-top:3rem;padding-top:2.5rem;border-top:1px solid var(--color-line);margin-bottom:0}.nav-list.meta-links li{margin-bottom:1.1rem}.nav-list.meta-links li:last-child{margin-bottom:0}.nav-list.meta-links a{font-size:.95rem;color:var(--color-sub)}.theme-switch-li{margin-top:2.5rem!important}.theme-switch{justify-content:flex-start;gap:1rem}.copyright{font-size:.65rem;color:var(--color-sub);opacity:.45;font-family:var(--font-mono);margin-top:1rem!important;letter-spacing:.05em}#main-content{padding-left:0;padding-top:0}.hero-slideshow{height:100svh}.slide-wrapper{padding:10vh 4vw}.slide-image{box-shadow:none}.slide-prev{right:calc(1.5rem + 58px)}.slide-next{right:1.5rem}.about-grid{grid-template-columns:1fr;gap:3rem;padding:2rem 5vw 5vh}.about-markdown ul{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr;gap:5rem}.related-grid{grid-template-columns:1fr;gap:4rem}.grid-item:before{left:0;top:-1.2rem;transform:none;writing-mode:horizontal-tb;font-size:.6rem;letter-spacing:.1em}.index-category-group{scroll-margin-top:90px}.index-category-title{font-size:1rem}.category-title{font-size:1.3rem}.detail-title{font-size:1.5rem}.list-header{display:none}.list-row,.list-row.no-type{grid-template-columns:1fr;gap:.3rem;padding:1.4rem 1rem;align-items:flex-start}.list-col-title{font-size:1.15rem;margin-bottom:.2rem;order:1}.list-col-type{order:2;font-size:.78rem;opacity:.65;margin-bottom:.2rem}.list-col-year{order:3;font-size:.78rem;opacity:.65}.list-col-cat{order:4;font-size:.78rem;opacity:.65}.detail-content-wrapper{padding-top:7rem}.detail-header{padding:0 5vw;margin-bottom:5vh}.detail-header:before{display:none}.project-images{padding:0 4vw;gap:5vh;align-items:stretch}.image-wrapper{width:100%!important;max-width:100%!important;padding:1.2rem 1.2rem 2rem!important;box-shadow:0 2px 6px #00000014,0 6px 20px #0000001a!important}body.dark-mode .image-wrapper{box-shadow:0 2px 6px #00000040,0 6px 20px #0000004d!important}.image-wrapper img{width:100%!important;height:auto!important;max-width:100%!important;max-height:none!important;transform:none!important;object-fit:contain;cursor:default}.sticky-controls{margin-right:1rem;gap:.6rem}.image-counter,.share-btn{width:44px!important;height:44px!important;font-size:.55rem!important}.project-nav{flex-direction:column;gap:3rem;padding:5vh 5vw 10vh}.project-nav .grid-item.prev,.project-nav .grid-item.next{width:100%}.project-nav .grid-item.next{align-items:flex-start;text-align:left}.project-nav .grid-item.next .grid-info{align-items:flex-start;border-left:1px solid var(--color-line);border-right:none;padding-left:.5rem;padding-right:0}.swipe-indicator{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;width:100%!important;justify-content:center!important;align-items:flex-end!important;gap:.6rem;padding-top:3rem!important;padding-bottom:max(1.5rem,env(safe-area-inset-bottom,1.5rem))!important;font-family:var(--font-mono);font-size:.62rem;letter-spacing:var(--tracking-wider);color:var(--color-sub);opacity:1;pointer-events:none;z-index:50;background:linear-gradient(to top,#f9f8f6,#f9f8f6f2 40%,#f9f8f600)}body.dark-mode .swipe-indicator{background:linear-gradient(to top,#111,#111111f2 40%,#1110)!important}.category-page:before,.archive-container:before{transition:transform .45s var(--ease-out-expo)}body.header-hidden .category-page:before,body.header-hidden .archive-container:before{transform:translateY(-100%)}.category-sticky-bar,.archive-sticky-bar{padding:0 5vw;top:var(--sp-header-h);transition:top .45s var(--ease-out-expo),background-color .5s ease}body.header-hidden .category-sticky-bar,body.header-hidden .archive-sticky-bar{top:0}.category-controls,.archive-controls{height:50px}.category-info,.filter-toggle-btn{font-size:.72rem}.category-content,.archive-content{padding:0 5vw 5vh}.sitemap-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.sitemap-heading{display:inline-block;padding-bottom:.5rem;border-bottom:1px solid var(--color-line)}.split-entrance{flex-direction:column}.pane-art{border-bottom:1px solid var(--color-line)}.pane-title{font-size:1.4rem}.commercial-grid.layout-fullscreen .commercial-section{height:100svh}.commercial-fixed-info{left:5vw;width:90%;bottom:10vh}.commercial-client{font-size:.75rem!important;margin-bottom:.8rem}.commercial-title{font-size:1.9rem!important;margin-bottom:1rem}.commercial-role{font-size:.75rem!important}.commercial-bg-wrapper:after{background:linear-gradient(to right,rgba(0,0,0,.55) 0%,rgba(0,0,0,.25) 60%,transparent 100%)}.commercial-controls{top:75px;right:5vw}.commercial-grid.layout-masonry{grid-template-columns:repeat(2,1fr);gap:1rem;padding:140px 5vw 5vh}.commercial-grid.layout-masonry .commercial-section.span-wide{grid-column:span 2}.commercial-hover-info{display:none}.commercial-cta{padding:10vh 5vw}.cta-inner{padding-top:8vh}.cta-heading{font-size:1.15rem}.cta-text{font-size:.82rem;margin-bottom:3.5rem}.commercial-cta .cta-workflow{flex-direction:column;gap:3rem}.commercial-cta .workflow-item:not(:last-child):after{content:"↓";right:auto;bottom:-2rem;top:auto;transform:none}.commercial-cta .cta-mail-btn{padding:1rem 3rem}.floating-contact-btn{bottom:24px;right:24px;width:72px;height:72px;font-size:.72rem}.contact-modal{z-index:9999}.contact-modal-content{padding:2.5rem 1.2rem;max-height:90vh;width:92%}.contact-modal .cta-heading{font-size:1.05rem;margin-bottom:1rem}.contact-modal .cta-text{font-size:.72rem;margin-bottom:1.5rem;line-height:1.7}.contact-modal .cta-workflow{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem .5rem;margin-bottom:2rem}.contact-modal .workflow-item:after{display:none!important}.contact-modal .wf-num{margin-bottom:.2rem;font-size:.68rem}.contact-modal .wf-en{font-size:.82rem;margin-bottom:.2rem}.contact-modal .wf-ja{font-size:.58rem}.contact-modal .cta-mail-btn{padding:.8rem 2rem;font-size:.78rem}}@media (max-width: 768px),(hover: none) and (pointer: coarse){.cursor-follower{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.reveal{transform:none!important;opacity:1!important}.scroll-progress,.slide-wrapper{transition:none!important}.slide-wrapper.active{opacity:1}}@media (max-width: 768px){.background-texture,.background-shapes{display:none!important}.bg-card-wrapper,.bg-card-shape,.grid-item,.share-btn,.view-more-btn,.theme-btn,.nav-list a,.back-home-btn,.sitemap-link{will-change:auto!important}.reveal{transform:none!important;transition:opacity .5s ease!important}.reveal.is-visible{opacity:1;transform:none!important}.grid-image-wrapper,.nav-thumb-wrapper{animation:none!important;background:#7878781a!important}body.dark-mode .grid-image-wrapper,body.dark-mode .nav-thumb-wrapper{background:#ffffff0f!important}.project-detail .image-wrapper{background-color:#fafaf8!important;animation:none!important}body.dark-mode .project-detail .image-wrapper{background-color:#1e1e1c!important}.grid-image-wrapper img{transform:none!important;transition:opacity .4s ease!important}::view-transition-old(main-content),::view-transition-new(main-content){animation:none!important}*{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.slide-wrapper{transition:opacity .8s ease!important}.grid-item{transition:none!important}.contact-modal-content{transform:none!important;transition:none!important}.contact-modal.is-active .contact-modal-content{transform:none!important}}