:root{--ink:#111;--gray:#666;--soft:#999;--faint:#f9f9f9}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;font-family:Noto Sans,Noto Sans SC,PingFang SC,Hiragino Sans GB,Arial,sans-serif;font-size:14px;line-height:1.5}button{font:inherit;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;padding:0}img{max-width:100%;display:block}::selection{background:var(--ink);color:#fff}button:focus-visible{outline-offset:3px;outline:1px solid}.container{width:100%;height:100dvh;display:flex}.sidebar{border-right:1px solid var(--faint);z-index:100;background:#fff;flex:0 0 260px;width:260px;height:100dvh;padding:50px 40px;position:relative;overflow-y:auto}.sidebar-level{flex-direction:column;min-height:100%;animation:.3s both section-in;display:flex}.city-menu{flex-direction:column;gap:9px;margin-top:34px;display:flex}.city-link{color:var(--soft);font-size:12px;transition:color .3s,font-size .3s cubic-bezier(.22,1,.36,1)}.city-link:not(:disabled):hover{color:var(--ink)}.city-link.active{color:#000;text-underline-offset:3px;font-size:13.8px;text-decoration:underline}.city-link:disabled{opacity:.4;cursor:default}.sidebar-footer{margin-top:auto}.nav-back{margin-top:24px;margin-bottom:17px}.photo-desc{color:var(--gray);font-size:14px;line-height:1.8;animation:.3s both desc-in}@keyframes desc-in{0%{opacity:0}to{opacity:1}}.site-title button{transition:opacity .2s}.site-title button:active{opacity:.6}.site-title{letter-spacing:.5px;margin-bottom:5px;font-size:16px;font-weight:200}.site-subtitle{color:var(--soft);letter-spacing:.5px;margin-bottom:50px;font-size:12px}.menu-toggle{color:var(--gray);margin-bottom:10px;font-size:13px;display:none}.menu-toggle:hover{text-decoration:underline}.nav-category{color:var(--soft);letter-spacing:1px;text-transform:uppercase;margin:30px 0 10px;font-size:11px}.nav-category-link{text-underline-offset:3px;margin:30px 0 10px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .3s cubic-bezier(.22,1,.36,1),font-size .3s cubic-bezier(.22,1,.36,1),text-decoration-color .3s cubic-bezier(.22,1,.36,1);display:block}.nav-category-link:hover{color:var(--ink)}.nav-category-link.active{color:var(--ink);font-size:15px;text-decoration-color:currentColor}.nav-menu ul{list-style:none}.nav-menu li{margin-bottom:10px}.nav-link{color:var(--gray);text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .3s cubic-bezier(.22,1,.36,1),font-size .3s cubic-bezier(.22,1,.36,1),text-decoration-color .3s cubic-bezier(.22,1,.36,1)}.nav-link:hover{color:var(--ink)}.nav-link:active{opacity:.6}.nav-link.active{color:#000;font-size:20px;text-decoration-color:currentColor}.content{flex:1;justify-content:center;align-items:center;min-width:0;height:100dvh;min-height:0;padding:40px;display:flex;position:relative;overflow:hidden}.nav-zone{z-index:50;width:50%;height:100%;position:absolute;top:0}.nav-left{cursor:w-resize;left:0}.nav-right{cursor:e-resize;right:0}.section-selected .nav-zone,.section-about .nav-zone{display:none}.slide-counter{color:var(--soft);letter-spacing:1px;z-index:60;font-size:11px;position:absolute;bottom:30px;right:40px}.section-selected .slide-counter,.section-about .slide-counter{display:none}.gallery-section{width:100%;min-width:0;height:100%;min-height:0;animation:.45s both section-in;position:relative;overflow:hidden}@keyframes section-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.artwork{opacity:0;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.artwork.active{opacity:1;z-index:1}.text-content{z-index:100;pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:relative}.artwork img{object-fit:contain;-webkit-user-select:none;user-select:none;width:auto;max-width:100%;max-height:85dvh}.caption{color:#777;text-align:center;margin-top:15px;font-size:12px}.album-cover{justify-content:center;align-items:center;gap:clamp(40px,5vw,80px);max-height:100%;display:flex}.cover-grid{-webkit-user-select:none;user-select:none;scrollbar-width:none;align-self:center;gap:14px;width:min(46vw,640px);height:min(74dvh,780px);display:flex;overflow-y:auto}.cover-grid::-webkit-scrollbar{display:none}.cover-col{flex-direction:column;flex:1 1 0;gap:14px;min-width:0;display:flex}.cover-col img{width:100%;height:auto}.cover-info{max-width:420px}.cover-date{color:var(--soft);letter-spacing:2px;margin-bottom:18px;font-size:11px}.cover-title{color:var(--ink);font-size:clamp(28px,2.6vw,42px);font-weight:200;line-height:1.35}.cover-en{color:var(--soft);letter-spacing:2px;text-transform:uppercase;margin:16px 0 30px;font-size:10px}.cover-copy{color:var(--gray);margin-bottom:1.4em;font-size:13px;line-height:2}.cover-copy:last-child{margin-bottom:0}@media (max-width:800px){.album-cover{flex-direction:column;gap:24px;overflow-y:auto}.feed-block{padding-top:26px;padding-left:0}.feed-date{position:static}.photo-desc{margin-top:20px;padding-top:0}.nav-back{margin-top:20px;margin-bottom:0}.cover-grid{width:100%;height:auto;max-height:44dvh}.cover-info{max-width:100%}}.project-statement{color:#333;text-align:left;align-items:flex-start;max-width:500px;max-height:80dvh;font-size:14px;overflow-y:auto}.statement-title{color:var(--ink);margin-bottom:12px;font-size:16px;font-weight:200}.statement-en{color:var(--soft);letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;font-size:10px}.statement-copy{color:var(--gray);line-height:1.8}.statement-contact{color:var(--soft);letter-spacing:1px;margin-top:26px;font-size:12px}.hero-section{height:100dvh;position:relative}.hero-slide{object-fit:cover;opacity:0;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity 1.2s;position:absolute;inset:0}.hero-slide.active{opacity:1}.hero-welcome{position:absolute;bottom:5%;left:5%}.hero-welcome img{width:auto;height:clamp(96px,11vw,132px);display:block}.hero-scroll-hint{color:#fff;letter-spacing:.1em;font-size:clamp(15px,1.4vw,21px);font-weight:900;position:absolute;bottom:5%;right:5%}.grid-locked .selected-grid,.grid-locked .cover-grid,.grid-locked .about-section,.selected-grid-wrap{overflow:hidden}.selected-grid{z-index:80;pointer-events:auto;align-items:flex-start;gap:clamp(12px,1.6vw,20px);padding:clamp(10px,3vw,20px) clamp(12px,4vw,50px);display:flex;position:absolute;inset:0;overflow:hidden auto}.selected-column{flex-direction:column;flex:1 1 0;gap:clamp(12px,1.6vw,20px);min-width:0;display:flex}.selected-thumb{min-width:0;line-height:0;display:block;overflow:hidden}.selected-thumb img{width:100%;height:auto;transition:transform .28s,opacity .2s}.selected-thumb:hover img{transform:scale(1.04)}.selected-thumb:active img{opacity:.75}.feed-wrap{flex-direction:column;gap:56px;padding:20px clamp(12px,4vw,50px) 50px;display:flex;overflow-y:auto}.feed-block{min-width:0;padding-left:150px;position:relative}.feed-date{color:var(--soft);letter-spacing:2px;font-size:24px;font-weight:200;line-height:1.2;position:absolute;top:0;left:0}.feed-grid{align-items:flex-start;gap:clamp(12px,1.6vw,20px);max-width:min(1160px,100%);margin-left:auto;display:flex}.grid-locked .feed-wrap{overflow:hidden}.moment-section{align-items:flex-start;display:flex;overflow-y:auto}.moment-item{min-width:0;line-height:0;transition:transform .28s,opacity .2s;display:block;overflow:hidden}.moment-item:hover{transform:scale(1.02)}.moment-item:active{opacity:.75}.moment-item img{width:100%;height:auto}.moment-full{width:min(1160px,100%);margin:0 auto}.moment-grid{gap:clamp(12px,1.6vw,20px);width:min(1160px,100%);margin:0 auto;padding:20px 0 40px;display:grid}.moment-view{z-index:300;cursor:zoom-out;background:#000000eb;justify-content:center;align-items:center;animation:.25s both desc-in;display:flex;position:fixed;inset:0}.moment-view-img{object-fit:contain;max-width:92vw;max-height:92vh}.about-section{display:flex;overflow-y:auto}.about-layout{z-index:100;align-items:stretch;gap:clamp(40px,6vw,70px);width:min(900px,100%);margin:auto;display:flex;position:relative}.about-layout .project-statement{flex-direction:column;flex:1 1 0;max-width:460px;display:flex}.about-layout .statement-contact{margin-top:auto}.about-photo{object-fit:contain;flex:none;width:auto;height:340px}@media (max-width:1100px) and (min-width:801px){.sidebar{flex-basis:220px;width:220px;padding:40px 28px}.content{padding:28px}}@media (max-width:800px){.container{flex-direction:column}.sidebar{border-bottom:1px solid #f0f0f0;border-right:none;flex:none;width:100%;height:auto;max-height:46vh;padding:15px 20px}.site-title{margin-bottom:4px;font-size:14px}.site-subtitle{margin-bottom:10px}.menu-toggle{display:inline-block}.nav-menu{display:none}.menu-open .nav-menu{display:block}.nav-category{margin:15px 0 8px;font-size:10px}.nav-menu li{margin-bottom:6px}.nav-link{font-size:13px}.content{flex:1;min-height:0;padding:15px}.artwork{padding:10px}.artwork img{max-height:100dvh}.project-statement{max-width:100%;font-size:13px}.slide-counter{font-size:10px;bottom:10px;right:15px}.section-selected .nav-zone,.section-about .nav-zone{display:none}.selected-grid{gap:10px;height:100%;padding:10px;position:relative;inset:auto}.selected-column{gap:10px}.about-layout{flex-direction:row;gap:20px;width:100%}.about-photo{flex:none;width:auto;height:220px}}@media (prefers-reduced-motion:reduce){.artwork,.selected-thumb img,.hero-slide,.gallery-section{transition:none;animation:none}}