:root{--color-text-primary: #333333;--color-background-body: #f9f9f9;--color-background-main: #f9f9f9;--color-border-default: #333333;--color-focus-outline: #333333;--duration-fast: .3s;--duration-normal: .4s;--duration-slow: .8s;--duration-extra-slow: 1s;--easing-ease-out-cubic: cubic-bezier(.165, .84, .44, 1);--easing-ease-in-out: ease-in-out;--easing-ease: ease;--font-size-xs: .7rem;--font-size-sm: .8rem;--font-size-base: .9rem;--font-size-md: 1.2rem;--font-size-lg: 1.5rem;--font-size-xl: 1.8rem;--font-size-xxl: 2.2rem;--line-height-tight: 1.3;--line-height-normal: 1.8;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--letter-spacing-tight: .05em;--letter-spacing-normal: .08em;--letter-spacing-wide: .13em;--z-index-max: 1000;--z-index-hamburger: 50;--z-index-nav-menu: 40;--z-index-buttons: 30;--z-index-hub-indicator: 25;--z-index-page-nav: 20;--z-index-ui-container: 19;--z-index-home-content: 12;--z-index-home-overlay: 11;--z-index-home-content-wrapper: 10;--z-index-parallax-4: 5;--z-index-parallax-3: 4;--z-index-parallax-2: 3;--z-index-parallax-1: 2;--z-index-parallax-bg: 1}.prose{max-width:800px;margin:0 auto}.prose:after{content:"";display:block;width:100%;height:1px;background-color:var(--color-border-default);margin-bottom:3rem}.prose>*:first-child{margin-top:0}.prose h1{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-normal);margin:3rem 0 1.5rem}.prose h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);margin:2.5rem 0 1.25rem}.prose h3{font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:1rem 0}.prose h4,.prose h5,.prose h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin:2rem 0}.prose strong{font-size:1.05em;font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal)}.prose p,.prose ul,.prose blockquote{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);margin-bottom:1.5rem}.prose li{margin-bottom:.5rem}.prose img{display:block;margin:2rem 0;max-width:100%;height:auto}.prose .profile-image{max-width:50%;text-align:left;display:block}.prose img+p,.prose img+em{display:block;text-align:center;font-size:var(--font-size-xs);font-style:italic;color:#666;margin:-1.5rem auto 2rem;opacity:.8}.prose hr{border:none;border-top:1px solid var(--color-border-default);margin:3rem 0}blockquote{margin:1em 0 1em 20px;padding:0 0 0 20px;border-left:1px solid var(--color-focus-outline);color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal)}summary{font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-weight:var(--font-weight-normal);margin-bottom:1.5rem}body{margin:0;background-color:var(--color-background-body);color:var(--color-text-primary);font-family:Noto Sans JP,Inter,Poppins,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain}main{position:relative;height:var(--app-height, 100vh)}.scroll-container{scroll-snap-type:y mandatory;width:100%;height:100%;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;box-sizing:border-box;overscroll-behavior-y:contain}.scroll-container::-webkit-scrollbar{display:none}*:focus{outline:none}*:focus-visible{outline:2px solid var(--color-focus-outline);outline-offset:2px}h1:focus,h1:focus-visible{outline:none}.error-container{width:100%;height:var(--app-height, 100vh);display:flex;justify-content:center;align-items:center;padding:40px;box-sizing:border-box}.error-message{text-align:center;line-height:1.8}.error-message h2{font-size:1.5rem;margin-bottom:1rem}.error-message a{color:var(--color-text-primary);text-decoration:underline}body.is-transitioning{overflow:hidden}body.is-home #home{display:block}body.is-transitioning,body.is-transitioning #main-content *,body.is-transitioning .ui-container *{cursor:wait}.work-item__click-area img,.grid-item__bg{pointer-events:none}.page-container{width:100%;height:var(--app-height, 100vh);box-sizing:border-box;overflow:hidden}.scroll-item{scroll-snap-align:start;width:100%;height:var(--app-height, 100vh);position:relative;box-sizing:border-box}#home{position:relative;height:var(--app-height, 100vh);box-sizing:border-box;overflow-y:scroll;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;perspective:300px}#home::-webkit-scrollbar{display:none}.home-content{display:flex;flex-direction:column;align-items:center;position:relative}.grid-hub{width:100%;height:100%;background-color:var(--color-background-main);position:relative;overscroll-behavior-y:contain;display:flex;flex-direction:column;padding-top:40px;box-sizing:border-box}.grid-container{flex-grow:1;overflow-y:auto;overflow-x:hidden;-ms-overflow-style:none;scrollbar-width:none;display:grid;grid-template-columns:repeat(1,1fr);gap:70px;padding:10vh 5vw 20vh 5vw;box-sizing:border-box}.grid-container::-webkit-scrollbar{display:none}.gallery-page{background-color:var(--color-background-main)}.scroll-container.gallery-page{scroll-snap-type:y mandatory}.gallery-header,.work-item{scroll-snap-align:start;scroll-snap-stop:always}.gallery-header{background-color:var(--color-background-main);padding:18vh 10vw 15vh 10vw;box-sizing:border-box;text-align:left;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;height:var(--app-height, 100vh);position:relative}.gallery-header::-webkit-scrollbar{display:none}.about-page .grid-container,.cv-page .grid-container{display:block;grid-template-columns:none;padding-left:10vw;padding-right:10vw}.cv-page .cv-content{max-width:800px;margin:0 auto}.cv-section{margin-bottom:2.5rem}.ui-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--z-index-ui-container);pointer-events:none}.home__title{text-align:center;margin-bottom:60px}.home__title h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin:0;letter-spacing:var(--letter-spacing-tight)}.home__title p{font-size:var(--font-size-md);font-weight:var(--font-weight-normal);margin:8px 0 0;letter-spacing:var(--letter-spacing-wide)}.home-nav{display:flex;flex-direction:column;align-items:center;gap:20px}.home-nav__link{color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-normal);padding:5px 10px;position:relative}.home-nav__link:after{content:"";position:absolute;bottom:0;left:50%;width:0%;height:1px;background-color:var(--color-focus-outline)}.page-nav{position:fixed;top:0;left:0;width:100vw;height:var(--app-height, 100vh);background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:var(--z-index-nav-menu);display:flex;flex-direction:column;justify-content:center;padding:0 40px 0 20px;box-sizing:border-box;pointer-events:auto;transform:translate(-100%);visibility:hidden;transition:transform var(--duration-normal) var(--easing-ease-out-cubic),visibility 0s linear var(--duration-normal)}.page-nav--open{transform:translate(0);visibility:visible;transition:transform var(--duration-normal) var(--easing-ease-out-cubic)}.page-nav__link{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--color-text-primary);text-decoration:none;padding:8px 16px;letter-spacing:var(--letter-spacing-normal);overflow-wrap:break-word}.nav-section{display:flex;flex-direction:column;gap:1px;margin-bottom:24px}.nav-section:last-child{margin-bottom:0}.nav-section--bottom{flex-direction:row;justify-content:space-between;align-items:flex-start}.nav-column{display:flex;flex-direction:column;gap:px}.hamburger-menu{position:fixed;top:0;left:0;width:40px;height:40px;background-color:transparent;border:none;cursor:pointer;z-index:var(--z-index-hamburger);padding:0;display:flex;justify-content:center;align-items:center;pointer-events:auto}.hamburger-menu__inner{width:12px;height:6px;position:relative}.hamburger-menu span{display:block;position:absolute;left:0;width:100%;height:1px;background-color:var(--color-text-primary)}.hamburger-menu span:nth-child(1){top:0}.hamburger-menu span:nth-child(2){bottom:0}.grid-item{display:flex;flex-direction:column;text-decoration:none}.grid-item__link{position:relative;display:block;width:100%;aspect-ratio:4 / 3;overflow:hidden}.grid-item__bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.grid-item__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent}.grid-item__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-text-primary);text-align:left;text-decoration:none;overflow-wrap:break-word;min-width:0;margin-top:15px}.grid-item__date{font-size:var(--font-size-sm);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-tight);color:#666;text-align:left}.thumbnail-nav{display:none;position:fixed;z-index:var(--z-index-page-nav);pointer-events:auto}.thumbnail-nav__link{aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;width:100%;height:auto;flex-shrink:0;text-decoration:none;position:relative}.thumbnail-nav__img{max-width:80%;max-height:80%;object-fit:contain}.thumbnail-nav__link--active:before{content:"▶";position:absolute;top:50%;transform:translateY(-50%);left:0;color:var(--color-text-primary);font-size:var(--font-size-xs);text-shadow:none}.thumbnail-nav__link--text{font-size:clamp(.8rem,.8vw,.9rem);font-weight:var(--font-weight-medium);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide);box-sizing:border-box;width:100%}.work-item__click-area{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:40px 20px;box-sizing:border-box;background-size:cover;background-position:center}.work-item__click-area picture,.work-item__click-area img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain;display:block}.work-item__click-area img.lazy-image{opacity:.7;transition:opacity .4s ease-in}.work-item__click-area img.is-loaded{opacity:1}.btn{display:flex;justify-content:center;align-items:center;width:40px;height:40px;padding:0;box-sizing:border-box;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);text-transform:capitalize;letter-spacing:var(--letter-spacing-light);cursor:pointer;position:fixed;z-index:var(--z-index-buttons);background-color:transparent;color:var(--color-text-primary);pointer-events:auto;border:none}.btn--prev{bottom:0;right:40px}.btn--next{bottom:0;right:0}.btn--back{bottom:0;left:0}.current-work-title,.hub-location-indicator,.copyright-notice{position:fixed;text-align:center;width:100%;left:0;right:0;margin:0 auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);z-index:var(--z-index-page-nav);pointer-events:none}.current-work-title{top:0;height:40px;line-height:40px;max-width:calc(100vw - 80px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hub-location-indicator{top:0;height:40px;line-height:40px}.copyright-notice{bottom:0;transform:none;height:40px;line-height:40px;padding:0}.page-counter{position:fixed;text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);background-color:var(--color-background-main);z-index:var(--z-index-page-nav);pointer-events:none;padding-left:2px;bottom:30%;right:12px;font-variant-numeric:tabular-nums;height:20px;line-height:20px}.ui-container:before,.ui-container:after{content:"";position:fixed;left:0;width:100%;height:40px;z-index:calc(var(--z-index-ui-container) - 1);pointer-events:none;transition:opacity var(--duration-normal) ease-in-out}.ui-container:before{top:0;background-color:#f9f9f9fa}.ui-container:after{bottom:0;background-color:#f9f9f9fa}.is-home .ui-container:before,.is-home .ui-container:after{opacity:0}.loading-indicator{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;border:5px solid rgba(200,200,200,.3);border-top-color:var(--color-text-primary);border-radius:50%;z-index:2000;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out;animation:spin 1s linear infinite}.loading-indicator.is-visible{opacity:1;pointer-events:auto}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.social-icon-link{position:fixed;top:0;right:0;width:40px;height:40px;display:flex;justify-content:center;align-items:center;z-index:var(--z-index-buttons);pointer-events:auto;transition:opacity var(--duration-fast) ease}.social-icon-link:hover{opacity:.6}.social-icon-svg{width:15px;height:15px;fill:var(--color-text-primary)}.grid-container.location-grid{grid-template-columns:repeat(2,1fr);gap:2vw;justify-items:start}.grid-container.location-grid .grid-item{background-color:transparent;aspect-ratio:unset;width:100%}.grid-container.location-grid .grid-item__link{aspect-ratio:1 / 1;display:flex;justify-content:center;align-items:center}.grid-container.location-grid .grid-item__bg{object-fit:contain;max-width:100%;max-height:100%}.grid-container.location-grid .grid-item__title,.grid-container.location-grid .grid-item__date{text-align:left}main{transition:opacity var(--duration-normal) var(--easing-ease-in-out),transform var(--duration-slow) var(--easing-ease-out-cubic)}main.is-leaving{opacity:0}main.is-leaving-up{opacity:0;transform:translateY(-20vh)}main.is-leaving-down{opacity:0;transform:translateY(20vh)}#home.is-leaving .home__title h1,#home.is-leaving .home__title p,#home.is-leaving .home-nav__link{opacity:0;transform:translateY(60px);transition:opacity var(--duration-fast) var(--easing-ease),transform var(--duration-fast) var(--easing-ease)}.hub-page.is-leaving .grid-item{opacity:0;transform:translate(-100px);transition:transform .5s var(--easing-ease-out-cubic),opacity var(--duration-normal) var(--easing-ease)}.ui-element.is-leaving{transition:opacity var(--duration-normal) var(--easing-ease),transform var(--duration-normal) var(--easing-ease-out-cubic);opacity:0!important}.ui-element.is-leaving.to-top{transform:translateY(-60px)!important}.ui-element.is-leaving.to-bottom{transform:translateY(60px)!important}.ui-element.is-leaving.to-left{transform:translate(-100%)!important}.ui-element.is-leaving.to-right{transform:translate(100%)!important}.home-nav__link:after{transition:width var(--duration-fast) var(--easing-ease),left var(--duration-fast) var(--easing-ease)}.home-nav__link:hover:after{width:100%;left:0}.grid-item{transition:transform var(--duration-normal) var(--easing-ease-out-cubic)}.grid-item:hover{transform:translateY(-8px)}.grid-item__bg{transition:transform var(--duration-normal) var(--easing-ease-out-cubic)}.grid-item:hover .grid-item__bg{transform:scale(1.03)}.grid-item__overlay{transition:background-color var(--duration-fast) var(--easing-ease)}.grid-item:hover .grid-item__overlay{background:#0000001a}.hamburger-menu span{transition:transform .3s var(--easing-ease-in-out)}.hamburger-menu--open .hamburger-menu__inner span:nth-child(1){transform:translateY(3px) rotate(45deg)}.hamburger-menu--open .hamburger-menu__inner span:nth-child(2){transform:translateY(-3px) rotate(-45deg)}.thumbnail-nav__link{opacity:.4;transition:opacity var(--duration-fast) var(--easing-ease),transform var(--duration-fast) var(--easing-ease)}.thumbnail-nav__link:hover{transform:translate(-4px);opacity:1}.thumbnail-nav__link--active{opacity:1}.kt-lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:none;justify-content:center;align-items:center;z-index:99999;opacity:0;transition:opacity .4s cubic-bezier(.25,1,.5,1)}.kt-lightbox-overlay.active{display:flex;opacity:1}.kt-lightbox-container{position:relative;max-width:90vw;max-height:80vh;display:flex;align-items:center;justify-content:center;transform:scale(.95);transition:transform .4s cubic-bezier(.25,1,.5,1)}.kt-lightbox-overlay.active .kt-lightbox-container{transform:scale(1)}.kt-lightbox-content{text-align:center}.kt-lightbox-image{max-width:100%;max-height:80vh;display:block;margin:0 auto}.kt-lightbox-link{position:absolute;top:20px;left:50%;transform:translate(-50%);z-index:15;text-decoration:none;color:var(--color-text-primary, #333333);transition:opacity .2s}.kt-lightbox-link:hover{opacity:.7}.kt-lightbox-caption{max-width:90vw;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);line-height:1.5}.kt-lightbox-close-btn{position:absolute;top:10px;right:10px;z-index:20;background:transparent;border:none;cursor:pointer;-webkit-user-select:none;user-select:none;width:44px;height:44px;padding:10px;opacity:.7;transition:opacity .2s}.kt-lightbox-close-btn:hover{opacity:1}.kt-lightbox-close-btn svg{width:100%;height:100%;fill:none;stroke:var(--color-text-primary, #333333);stroke-width:1.5}.kt-lightbox-footer{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:15;text-align:center;color:var(--color-text-primary, #333333)}.kt-lightbox-location{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);margin-bottom:5px}.kt-lightbox-copyright{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary)}.kt-lightbox-nav-area{position:absolute;top:0;height:100%;width:50%;z-index:5}.kt-lightbox-nav-area.left{left:0;cursor:w-resize}.kt-lightbox-nav-area.right{right:0;cursor:e-resize}.filter-controls{display:block;position:fixed;top:0;left:0;width:100%;height:100%;z-index:18;pointer-events:none}.filter-controls>*{pointer-events:auto}.filter-mode-toggles{position:fixed;top:20%;right:0;z-index:16;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.filter-mode-btn{text-align:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--color-text-primary);background-color:var(--color-background-main);height:20px;line-height:20px;border:none;padding:0 8px;cursor:pointer;transition:all .2s ease}.filter-mode-btn.active{font-weight:var(--font-weight-medium);border-bottom:1px solid rgba(0,0,0,.8)}.current-filter-display{position:fixed;top:40%;right:0;transform:translateY(50px);background-color:var(--color-background-main);color:var(--color-text-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);padding:0 8px;height:20px;line-height:20px;border-bottom:1px solid rgba(0,0,0,.8);z-index:16;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility 0s .3s}.current-filter-display.is-visible{opacity:1;visibility:visible;transition-delay:0s}.filter-panel-toggle{position:fixed;top:40%;right:0;width:30px;height:30px;background-color:var(--color-background-main);border:none;cursor:pointer;z-index:18}.filter-panel-toggle span,.filter-panel-toggle:before,.filter-panel-toggle:after{content:"";display:block;width:18px;height:1px;background-color:var(--color-text-primary);transition:all .3s ease;position:absolute;left:50%;transform:translate(-50%)}.filter-panel-toggle span{top:50%}.filter-panel-toggle:before{top:calc(50% - 6px)}.filter-panel-toggle:after{top:calc(50% + 6px)}.filter-panel-toggle.is-open:before{top:50%;transform:translate(-50%,-50%) rotate(45deg)}.filter-panel-toggle.is-open:after{top:50%;transform:translate(-50%,-50%) rotate(-45deg)}.filter-panel-toggle.is-open span{opacity:0}.filter-panel{position:fixed;top:0;right:0;width:100%;height:100%;background-color:#fffc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:70px;box-sizing:border-box;z-index:17;overflow-y:auto;opacity:0;visibility:hidden;transform:translateY(100%);transition:all .4s cubic-bezier(.25,1,.5,1)}.filter-panel.is-open{opacity:1;transform:translateY(0);visibility:visible}.filter-panel-group{padding:15px 0;border-bottom:1px solid rgba(0,0,0,.1);width:100%}.filter-panel-group:last-child{border-bottom:none}.filter-panel-btn{background:none;border:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);letter-spacing:var(--letter-spacing-normal);color:var(--color-text-primary);padding:10px 0;text-align:right;display:block;width:100%}.filter-panel-btn.active{opacity:1;font-weight:var(--font-weight-light)}.parallax-wrapper{position:relative;height:250vh;width:100%;transform-style:preserve-3d}.parallax-layer{position:sticky;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center}.parallax-layer img{object-fit:contain;width:100%;height:100%;max-width:90vw;max-height:90vh}.layer-bg{transform:translateZ(-600px) scale(3);z-index:var(--z-index-parallax-bg)}.layer-bg img{position:fixed}.layer-1{transform:translateZ(-450px) scale(2.5);z-index:var(--z-index-parallax-1)}.layer-2{transform:translateZ(-300px) scale(2);z-index:var(--z-index-parallax-2)}.layer-3{transform:translateZ(-150px) scale(1.5);z-index:var(--z-index-parallax-3)}.layer-4{transform:translateZ(0) scale(1);z-index:var(--z-index-parallax-4)}.home-content-wrapper{position:sticky;top:0;left:0;width:100%;height:100vh;z-index:var(--z-index-home-content-wrapper);display:flex;justify-content:center;align-items:center;pointer-events:none}.home-overlay{z-index:var(--z-index-home-overlay)}.home-content{position:relative;z-index:var(--z-index-home-content);pointer-events:auto}.circular-progress-indicator{position:fixed;right:10%;bottom:100px;width:120px;height:120px;z-index:var(--z-index-max);pointer-events:none;opacity:0;transform:scale(.8);transition:opacity .4s ease,transform .4s ease}.circular-progress-indicator.is-visible{opacity:1;transform:scale(1)}.circular-progress-indicator .progress-ring{width:100%;height:100%;transform:rotate(-90deg);overflow:visible}.progress-ring__track{fill:transparent;stroke:#f1f1f1;stroke-width:5px}.progress-ring__bar{fill:#333;stroke:none;transform-origin:center;transform:scale(0);transition:transform .2s linear}.circular-progress-indicator .progress-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:auto;height:200px;z-index:2}.circular-progress-indicator.is-navigating-up .progress-icon{transform:translate(-50%,-50%) rotate(180deg)}@media (min-width: 768px){body{padding-left:170px;padding-right:170px}.ui-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none}.page-nav{position:fixed;top:0;left:0;width:180px;height:100vh;transform:none!important;visibility:visible;display:flex;flex-direction:column;justify-content:center;padding:0 35px;box-sizing:border-box;background-color:var(--color-background-body);border-right:1px solid var(--color-border-default);pointer-events:auto;gap:0}.page-nav.is-leaving{opacity:1!important}.nav-section{display:flex;flex-direction:column;margin-bottom:25px;gap:8px}.nav-section:last-child{margin-bottom:0}.nav-section--bottom{flex-direction:column}.nav-column{display:flex;flex-direction:column;gap:8px}.page-nav__link{padding:4px 0;border-right:none;width:auto}.page-nav__link:hover{opacity:.6;background-color:transparent;transform:none}.page-nav__link.page-nav__link--active,.page-nav__link:hover{opacity:1}.page-nav__link:after{content:"";position:absolute;bottom:5px;left:0;width:0;height:1px;background-color:var(--color-text-primary);transition:width var(--duration-fast) var(--easing-ease)}.page-nav__link:hover:after{width:100%}.hamburger-menu{display:none}.grid-container{height:100vh;display:grid;grid-template-columns:repeat(3,1fr);padding:10vh 10vw;gap:4vw}.grid-container.location-grid{grid-template-columns:repeat(5,1fr);gap:1.5vw}.work-item__click-area img{max-width:calc(100vw - 180px);max-height:calc(100vh - 85px)}.btn{width:40px;height:40px;padding:10px;line-height:40px}.btn--back{left:180px;bottom:2px}.btn--prev{bottom:42px;right:50px}.btn--next{bottom:42px;right:10px}.page-counter{width:auto;left:auto;margin:0;text-align:right;font-size:var(--font-size-base);bottom:40px;right:110px;height:40px;line-height:40px}.current-work-title,.hub-location-indicator{font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-wide)}.copyright-notice{font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide)}.thumbnail-nav{display:flex;right:0;width:180px;box-sizing:border-box;top:0;bottom:80px;flex-direction:column;overflow-y:auto;padding:10px;border-left:1px solid var(--color-border-default);border-bottom:1px solid var(--color-border-default);pointer-events:auto}.thumbnail-nav::-webkit-scrollbar{display:none}.circular-progress-indicator{right:220px;bottom:120px;width:150px;height:150px}.social-icon-link{display:none}.filter-mode-btn{font-size:var(--font-size-sm)}.filter-mode-toggles{top:15%}.filter-panel-btn{font-size:var(--font-size-base)}.filter-panel-toggle{top:25%}.current-filter-display{top:30%;font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-normal)}}