@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400&display=swap";html,body,#root{margin:0;min-height:100%;background:#f4f1ea}.gallery-app{min-height:100vh;box-sizing:border-box;padding:clamp(36px,7vmin,88px) clamp(24px,7vw,96px) clamp(48px,8vmin,110px);background:#f4f1ea;color:#2a2824;font-family:system-ui,-apple-system,sans-serif}.gallery-header{text-align:center;margin-bottom:clamp(40px,8vmin,96px)}.gallery-title{margin:0;font-family:"Noto Serif JP",serif;font-weight:300;font-size:clamp(22px,5vmin,40px);letter-spacing:.18em;text-indent:.18em;color:#2a2824}.gallery-subtitle{display:block;margin-top:12px;font-size:clamp(9px,1.8vmin,11px);font-weight:400;letter-spacing:.44em;text-indent:.44em;text-transform:uppercase;color:#a8a294}.gallery-header:after{content:"";display:block;width:42px;height:1px;margin:clamp(22px,4vmin,34px) auto 0;background:#cdc7b8}.gallery-hero{max-width:1280px;margin:0 auto clamp(52px,10vmin,120px)}.gallery-plate{padding:0;background:transparent;border:none;box-shadow:none}.gallery-slideshow{position:relative;overflow:hidden;background:#d7d2c6}.gallery-slide-sentinel{display:block;width:100%;height:auto;visibility:hidden;pointer-events:none}.gallery-slide-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease;cursor:pointer}.gallery-slide-img.active{opacity:1}.gallery-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px;padding:0 2px}.gallery-slide-label,.gallery-counter{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:#9c968a;font-variant-numeric:tabular-nums}.gallery-counter-sep{color:#cbc5b6;margin:0 2px}.gallery-arrow{position:absolute;top:50%;z-index:2;width:44px;height:44px;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.55);border-radius:50%;background:#fdfcf98c;color:#2a2824;cursor:pointer;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 6px 18px #463a2229;opacity:0;transform:translateY(-50%);transition:opacity .28s ease,background .2s}.gallery-slideshow:hover .gallery-arrow{opacity:1}.gallery-arrow:hover{background:#fdfcf9e6}.gallery-arrow:active{background:#fdfcf9}.gallery-arrow svg{display:block}.gallery-arrow-prev{left:18px}.gallery-arrow-next{right:18px}.gallery-grid-count{text-align:center;margin:0 0 clamp(20px,4vmin,40px);font-size:11px;letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:#a8a294;font-variant-numeric:tabular-nums}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(clamp(108px,15vw,168px),1fr));gap:clamp(6px,1.6vw,26px);max-width:1280px;margin:0 auto}.gallery-card{display:block;padding:0;border:none;background:transparent;cursor:pointer;font-family:inherit}.gallery-thumb{aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:14%;box-sizing:border-box}.gallery-thumb img{max-width:100%;max-height:100%;object-fit:contain;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.gallery-card:hover .gallery-thumb img{transform:scale(1.07)}.gallery-label{display:block;text-align:center;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#c1bbae;white-space:nowrap;transition:color .3s ease}.gallery-card:hover .gallery-label{color:#8a8579}.gallery-message{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;min-height:46vh;color:#8a8579;font-size:13px;letter-spacing:.14em}.gallery-message p{margin:0}.gallery-spinner{width:34px;height:34px;border:1px solid rgba(42,40,36,.14);border-top-color:#2a2824;border-radius:50%;animation:gallery-spin 1.1s linear infinite}@keyframes gallery-spin{to{transform:rotate(360deg)}}.gallery-retry{border:1px solid #cbc5b6;border-radius:0;padding:9px 26px;background:transparent;color:#2a2824;font-family:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;transition:background .2s,border-color .2s}.gallery-retry:hover{background:#ece7dc;border-color:#b3ac9c}.gallery-lightbox{position:fixed;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:clamp(28px,6vmin,72px);background:#f4f1ea;cursor:default}.gallery-lightbox img{max-width:100%;max-height:82vh;object-fit:contain}.gallery-lightbox-label{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#8a8579;font-variant-numeric:tabular-nums}.gallery-lightbox-arrow{position:absolute;top:50%;transform:translateY(-50%);width:52px;height:52px;padding:0;box-sizing:border-box;display:flex;align-items:center;justify-content:center;border:1px solid rgba(42,40,36,.12);border-radius:50%;background:#fdfcf9b3;color:#2a2824;cursor:pointer;box-shadow:0 6px 18px #463a2224;transition:background .2s}.gallery-lightbox-arrow:hover{background:#fff}.gallery-lightbox-prev{left:clamp(16px,4vw,52px)}.gallery-lightbox-next{right:clamp(16px,4vw,52px)}