:root{font-family:Arial,Helvetica,sans-serif;color:#252623;background:#f7f7f5;font-synthesis:none;font-weight:400;--muted:#91938c;--line:#dedfd9}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.stage:focus-visible{outline:2px solid #747c67;outline-offset:7px}button{border:0;background:none}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{height:110px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:30}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:500;letter-spacing:2px}.brand svg{width:33px;height:33px;fill:none;stroke:currentColor;stroke-width:1.35}.brand-en{display:block;font-size:9px;font-weight:400;letter-spacing:1.4px;margin-top:5px}.header-right{display:flex;gap:58px;align-items:center}.edition,.eyebrow{font-size:10px;letter-spacing:2px}.edition{color:#85877f}.menu-toggle{width:30px;height:34px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding:0}.menu-toggle span{height:1px;background:currentColor;width:26px;transition:transform .3s}.menu-toggle span+span{width:18px;align-self:flex-end}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span+span{width:26px;transform:translateY(-4px) rotate(-45deg)}#gallery-view{height:calc(100svh - 177px);min-height:540px;position:relative;display:flex;flex-direction:column}.intro{text-align:center;position:absolute;top:5%;width:100%;pointer-events:none}.eyebrow{color:var(--muted)}.intro p{font-size:13px;letter-spacing:4px;margin-top:15px;color:#6c7065}.stage{position:absolute;top:22%;height:62%;width:100%;overflow:hidden;touch-action:pan-y;cursor:grab;perspective:1300px;outline-offset:-6px!important;-webkit-user-select:none;user-select:none}.stage.dragging{cursor:grabbing}.carousel{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.photo-card{position:absolute;top:50%;left:50%;padding:0;border-radius:7px;overflow:hidden;width:var(--card-width);height:var(--card-height);box-shadow:0 3px 15px #2628220a;will-change:transform;backface-visibility:hidden;outline-offset:3px!important}.photo-card img{width:100%;height:100%;object-fit:cover;pointer-events:none;display:block;transition:filter .25s}.photo-card:hover img{filter:brightness(1.05)}.photo-card:after{content:"↗";position:absolute;right:13px;bottom:10px;color:#fff;font-size:19px;opacity:0;transition:opacity .2s;text-shadow:0 1px 8px #0008}.photo-card:hover:after{opacity:1}.gallery-bottom{position:absolute;left:4%;right:4%;bottom:20px;display:flex;justify-content:space-between;align-items:center}.photo-meta{display:flex;align-items:center;gap:14px;font-size:11px;font-variant-numeric:tabular-nums;min-width:122px}.meta-line{height:1px;width:52px;background:#b5b8ae}.total-number{color:var(--muted)}.drag-hint{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.drag-hint span{padding:0 13px;font-size:16px}.view-toggle{display:flex;align-items:center;gap:10px;font-size:11px;padding:10px 0}.view-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1}.view-toggle:hover,.text-button:hover{color:#777e69}footer{height:67px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;font-size:10px;letter-spacing:1px;color:#8c9085}.footer-center{font-size:9px;letter-spacing:1.8px}#grid-view{padding:55px 4% 0}.grid-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:48px}h1{font-weight:400;letter-spacing:3px;font-size:28px;margin:18px 0 0}.grid-count{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:12px;color:var(--muted)}.text-button{font-size:12px;padding:10px 0}.photo-grid{columns:4;column-gap:22px}.grid-photo{width:100%;padding:0;margin:0 0 25px;display:block;break-inside:avoid;text-align:left}.grid-photo .image-wrap{overflow:hidden;border-radius:3px;background:#e8e9e3}.grid-photo img{width:100%;height:auto;display:block;transition:transform .5s}.grid-photo:hover img{transform:scale(1.035)}.grid-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;padding:12px 0;color:#8c9085}.grid-end{text-align:center;padding:70px 0;font-size:12px;color:var(--muted);letter-spacing:3px}#menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#eeefe9;overflow:auto}.menu-inner{max-width:690px;margin:150px auto 70px;padding:0 30px}.menu-inner h2{font-size:clamp(32px,5vw,62px);line-height:1.55;font-weight:400;letter-spacing:5px;margin:28px 0}.menu-inner p{line-height:2.3;font-size:13px;color:#7d8274;letter-spacing:1px}.menu-inner nav{margin-top:55px}.menu-inner nav button{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cfd3c7;padding:23px 0;width:100%;font-size:19px;letter-spacing:2px}.menu-inner nav button span{font-size:11px;color:#858b7c;letter-spacing:1px}.menu-note{display:block;margin-top:38px;font-size:10px;letter-spacing:2px;color:#858b7c}#lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:70px 75px;background:#181a17;color:#ededdf;overflow:hidden}#lightbox[open]{display:flex;align-items:center;justify-content:center}#lightbox::backdrop{background:#181a17}#lightbox-image{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 6px 40px #0002}.lightbox-top,.lightbox-bottom{position:absolute;left:35px;right:35px;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.lightbox-top{top:25px}.lightbox-bottom{bottom:25px;color:#9a9f92}#close-lightbox{color:inherit;display:flex;align-items:center;gap:15px;font-size:11px}#close-lightbox span{font-size:25px}.lightbox-arrow{position:absolute;top:48%;color:inherit;font-size:25px;padding:15px}.prev{left:12px}.next{right:12px}body.overlay-open{overflow:hidden}@media(min-width:1700px){.intro{top:9%}.stage{top:25%;height:58%}}@media(max-width:900px){.edition{display:none}.photo-grid{columns:3}.drag-hint{font-size:8px;letter-spacing:.5px}.header{height:90px}#gallery-view{height:calc(100svh - 157px)}.intro{top:7%}.stage{top:23%}}@media(max-width:600px){.header{padding:0 24px;height:90px}.brand{font-size:16px;gap:9px}.brand svg{width:29px;height:29px}.brand-en{font-size:8px}.menu-toggle{width:25px}.intro{top:8%}.intro .eyebrow{font-size:8px;letter-spacing:1.8px}.intro p{font-size:11px;letter-spacing:3px}.stage{top:25%;height:55%}#gallery-view{min-height:450px;height:calc(100svh - 157px)}.gallery-bottom{left:24px;right:24px;bottom:25px;flex-wrap:wrap}.drag-hint{position:absolute;left:50%;transform:translate(-50%);bottom:54px;white-space:nowrap;font-size:8px}.photo-meta{min-width:100px;gap:10px}.meta-line{width:35px}.view-toggle{font-size:10px}footer{padding:0 24px;font-size:8px;letter-spacing:.4px}.footer-center{display:none}.photo-grid{columns:2;column-gap:13px}.grid-photo{margin-bottom:15px}#grid-view{padding:35px 24px 0}.grid-heading{margin-bottom:30px;align-items:center}h1{font-size:20px;letter-spacing:1px}.text-button{font-size:10px}.grid-heading .eyebrow,.grid-caption{font-size:8px}.grid-end{font-size:10px;letter-spacing:1px;padding:45px 0}.menu-inner{margin-top:145px}.menu-inner h2{letter-spacing:3px}.menu-inner p{font-size:11px}#lightbox{padding:80px 15px}.lightbox-top,.lightbox-bottom{left:20px;right:20px;font-size:8px;letter-spacing:.5px}.lightbox-arrow{top:auto;bottom:64px;padding:12px}.prev{left:15px}.next{right:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
