@charset "UTF-8";
:root{--paper:#f8f8f5;--ink:#212420;--muted:#7c8179;--line:#dedfd9;--gutter:36px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"Yu Gothic",Meiryo,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible{outline:2px solid #168779;outline-offset:5px}button[hidden],[hidden]{display:none!important}button{touch-action:manipulation}h1,h2,h3,p{margin:0}img{display:block;max-width:100%}::selection{background:#c0ded1}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:50}.skip-link:focus{top:15px}.magnetic{transition:transform .45s var(--ease)}
.site-header{display:flex;justify-content:space-between;align-items:center;padding:38px var(--gutter) 36px;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand h1{font-size:15px;font-weight:600;letter-spacing:.045em}.brand>span{font-size:11px;color:#71766e;letter-spacing:.03em}.site-header nav{display:flex;gap:30px}.nav-link{font-size:11px;padding:9px 0}.nav-link span{display:inline-block;font-size:15px;margin-left:9px;transition:transform .35s var(--ease)}.nav-link:hover span{transform:rotate(45deg)}main{padding:0 var(--gutter)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:22px;min-height:45px}.filters{display:flex;position:relative;gap:4px;isolation:isolate;overflow:auto;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{white-space:nowrap;padding:10px 15px;font-size:11px;color:#757a72;position:relative;transition:color .25s}.filters button.active{color:var(--ink)}.filters sup{font-size:8px;margin-left:4px}.filter-indicator{position:absolute;top:0;left:0;height:100%;width:65px;background:#e8eae3;border-radius:3px;z-index:-1;transition:transform .6s var(--ease),width .6s var(--ease)}.index-actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.shuffle{display:flex;align-items:center;gap:10px;font-size:10px;padding:9px 0}.shuffle-icon{font-size:20px;display:inline-block;line-height:1;transition:transform .6s var(--ease)}.shuffle:hover .shuffle-icon{transform:rotate(180deg)}.icon-button{display:grid;place-items:center;font-size:21px;width:29px;height:33px}.grid-icon{font-size:23px;font-weight:400}.action-divider{width:1px;height:14px;background:var(--line)}.index-line{display:flex;justify-content:space-between;padding:27px 0 21px;color:var(--muted);font-size:8px;letter-spacing:.12em}.index-line span{margin-left:10px}.index-hint{letter-spacing:.035em;font-size:9px}
.gallery{position:relative;min-height:250px}.photo-card{position:absolute;margin:0;padding:0;display:block;text-align:left;will-change:transform;isolation:isolate}.photo-card[hidden]{display:none}.photo-wrap{display:block;position:relative;transform:perspective(800px) translate3d(var(--px,0px),var(--py,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .6s var(--ease);transform-origin:center;will-change:transform}.photo-frame{display:block;overflow:hidden;background:#e9eae5;position:relative;aspect-ratio:var(--ratio)}.photo-frame img{width:100%;height:100%;object-fit:contain;transition:filter .5s,transform .7s var(--ease)}.photo-card:hover{z-index:2}.photo-card:hover .photo-wrap{filter:drop-shadow(0 12px 15px #00000017)}.photo-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:10px;font-size:9px;line-height:14px;min-height:24px}.photo-caption .photo-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:87%}.photo-caption .photo-number{font-size:8px;color:var(--muted);font-variant-numeric:tabular-nums}.photo-card:focus-visible{z-index:3}.photo-card:focus-visible .photo-frame img{filter:brightness(.92)}#cursor{position:fixed;top:0;left:0;width:72px;height:72px;background:#f8f8f5ed;backdrop-filter:blur(4px);border-radius:50%;pointer-events:none;z-index:40;display:flex;justify-content:center;align-items:center;gap:8px;transform:translate(-120px,-120px);opacity:0;transition:opacity .2s,scale .3s var(--ease);scale:.5;font-size:9px;letter-spacing:.08em}#cursor i{font-size:19px;font-style:normal}#cursor.visible{opacity:1;scale:1}body.cursor-active .photo-card{cursor:none}
footer{display:flex;justify-content:space-between;align-items:center;margin:35px var(--gutter) 0;padding:25px 0 30px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.08em;color:var(--muted);gap:20px}footer>a{font-size:10px;color:var(--ink);letter-spacing:0;padding:8px 0}footer>a span{display:inline-block;margin-left:16px;transition:transform .3s}footer>a:hover span{transform:translateY(-5px)}body.modal-open{overflow:hidden}
#lightbox{position:fixed;inset:0;margin:0;padding:0;width:100%;height:100%;max-width:none;max-height:none;border:0;color:var(--ink);background:var(--paper);overflow-y:auto;overscroll-behavior:contain}#lightbox::backdrop{background:#f8f8f5e8}.detail-surface{padding:27px var(--gutter) 23px;min-height:100%;max-width:1800px;margin:auto}.detail-header{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px;padding-bottom:26px;font-size:9px;letter-spacing:.04em}.detail-header>p{text-align:center;font-size:10px;letter-spacing:.08em}.detail-header>span{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.back-button{justify-self:start;display:flex;align-items:center;gap:15px;padding:12px 0;font-size:11px}.back-button>span{display:inline-block;font-size:20px;transition:transform .4s var(--ease)}.back-button:hover>span{transform:translateX(-6px)}.lightbox-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:26px;max-width:1320px;margin:auto}.large-photo{height:62svh;min-height:260px;position:relative;display:flex;justify-content:center;align-items:center}.large-photo img{width:100%;height:100%;object-fit:contain}.round-button{display:grid;place-items:center;width:43px;height:43px;border:1px solid var(--line);border-radius:50%;font-size:20px;transition:background .3s,transform .4s var(--ease)}.round-button:hover{background:#e6e9e0}.photo-info{max-width:1172px;margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:22px}.photo-info h2{font-size:12px;font-weight:400;letter-spacing:.035em}.photo-info>span{margin-left:auto;font-size:9px;color:var(--muted);letter-spacing:.1em}.related-section{max-width:1172px;margin:34px auto 0;border-top:1px solid var(--line);padding-top:19px}.related-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.related-heading h3{font-size:10px;font-weight:400;letter-spacing:.04em}.related-heading p{font-size:8px;color:var(--muted);letter-spacing:.12em}.related-heading span{margin-left:9px}.related{display:flex;gap:15px;overflow-x:auto;scrollbar-width:thin;padding:5px 3px 12px}.related button{padding:0;text-align:left;flex:0 0 150px}.related-image{height:94px;display:block;background:#eeeeea}.related img{height:100%;width:100%;object-fit:contain;transition:transform .45s var(--ease)}.related button:hover img{transform:translateY(-5px)}.detail-hint{font-size:8px;color:var(--muted);text-align:center;margin-top:19px;letter-spacing:.05em}
#about{width:min(540px,calc(100% - 36px));max-height:85svh;border:0;padding:60px 48px;background:var(--paper);color:var(--ink)}#about::backdrop{background:#25292366;backdrop-filter:blur(12px)}#about-close{position:absolute;top:16px;right:16px}.eyebrow{font-size:8px;letter-spacing:.13em;color:var(--muted)}#about h2{font-size:29px;font-weight:400;margin:35px 0 30px;letter-spacing:.1em}#about h2 span{display:block;font-size:10px;letter-spacing:.12em;margin-top:14px}#about p:not(.eyebrow){font-size:12px;line-height:2.2;color:#73796e}#about .about-intro{margin-bottom:20px;color:var(--ink)!important}#about>a{display:flex;justify-content:space-between;padding:16px 0 10px;font-size:12px;border-bottom:1px solid var(--line)}#about>a:first-of-type{margin-top:30px}
@media(min-width:1700px){:root{--gutter:46px}}@media(max-width:1000px){:root{--gutter:24px}.site-header{padding-top:28px;padding-bottom:25px}.toolbar{flex-wrap:wrap;gap:13px}.index-actions{margin-left:auto}.filters button{padding:10px 12px}.index-line{padding-top:20px}.lightbox-stage{gap:10px}.photo-info,.related-section{max-width:calc(100% - 110px)}}
@media(max-width:600px){:root{--gutter:16px}.site-header{align-items:flex-start;padding-top:24px;padding-bottom:24px}.brand{display:block}.brand h1{font-size:12px;letter-spacing:.035em}.brand>span{display:block;font-size:9px;margin-top:7px}.site-header nav{gap:17px}.nav-link{font-size:10px;padding:0}.nav-link span{font-size:12px;margin-left:2px}.toolbar{gap:10px}.filters{width:100%;gap:0}.filters button{padding:10px 11px;font-size:10px}.index-actions{gap:13px}.shuffle{font-size:9px;padding:3px 0}.icon-button{height:26px}.index-line{padding:11px 0 19px;font-size:7px}.index-hint{display:none}.photo-caption{font-size:8px;min-height:24px;padding-top:8px}.photo-caption .photo-number{font-size:7px}footer{margin-top:20px;padding:17px 0 20px;font-size:7px;gap:10px}footer>span{display:none}footer>a{font-size:9px}#cursor{display:none}.detail-surface{padding:14px 16px 22px}.detail-header{padding-bottom:16px;grid-template-columns:1fr auto}.detail-header>p{display:none}.back-button{font-size:10px;gap:10px}.lightbox-stage{position:relative;display:block;padding-bottom:53px}.large-photo{height:52svh;min-height:260px}.lightbox-stage .round-button{position:absolute;bottom:0;width:35px;height:35px;font-size:18px}#lightbox-prev{left:calc(50% - 43px)}#lightbox-next{right:calc(50% - 43px)}.photo-info,.related-section{max-width:none}.photo-info{margin-top:18px}.photo-info h2{font-size:11px}.photo-info>span{font-size:8px}.related-section{margin-top:23px;padding-top:16px}.related{gap:11px}.related button{flex-basis:115px}.related-image{height:78px}.related-heading p{font-size:7px}.detail-hint{font-size:7px;margin-top:13px}#about{padding:55px 28px 35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.photo-wrap{transform:none!important}#cursor{display:none!important}}@media(hover:none){#cursor{display:none}.photo-wrap{transform:none!important}body.cursor-active .photo-card{cursor:auto}}

/* Collection navigation */
@media(max-width:600px){.site-header nav{gap:12px}.collection-link{font-size:9px}.site-header{gap:12px}}