@font-face{font-family:'Inter';font-weight:400;src:url('fonts/Inter-Regular.woff') format('woff')}
@font-face{font-family:'Inter';font-weight:500;src:url('fonts/Inter-Medium.woff') format('woff')}
:root{--ink:#111;--side:7vw}
*{box-sizing:border-box}
html,body{margin:0;background:#fff;color:var(--ink)}
body{font-family:'Inter','Helvetica Neue',Arial,sans-serif;font-weight:400;letter-spacing:-.025em;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
header{display:flex;justify-content:space-between;align-items:center;max-width:1460px;margin:0 auto;padding:34px var(--side)}
header .site{font-size:22px;font-weight:500;letter-spacing:-.03em}
header nav a{font-size:14px;letter-spacing:-.01em}
h1{font-weight:400;font-size:clamp(26px,3.4vw,40px);letter-spacing:-.035em;margin:56px 0 28px}
.gal{max-width:1310px;margin:0 auto;padding:0 var(--side) 90px}
.gal h1{text-align:left}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px 10px}
.card{display:block}
.card .frame{aspect-ratio:3/4;overflow:hidden;background:#f3f3f3}
.card img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none;user-select:none}
.card .cap{text-align:center;font-size:12px;margin-top:8px;letter-spacing:-.01em}
.card:hover .cap{opacity:.55}
.detail h1{text-align:center;font-size:clamp(26px,3vw,36px);margin:56px 0 36px}
.detail .pic{display:flex;justify-content:center;padding:0 var(--side) 30px}
.detail .pic img{max-width:min(100%,900px);max-height:72vh;width:auto;height:auto;display:block;-webkit-user-drag:none;user-select:none}
.pager{display:flex;justify-content:space-between;max-width:900px;margin:0 auto;padding:0 var(--side) 80px;font-size:14px;letter-spacing:-.01em}
.pager a:hover{opacity:.5}
@media(max-width:700px){:root{--side:6vw}header{padding:22px var(--side)}header .site{font-size:19px}.gal h1{margin:34px 0 20px}.grid{gap:16px 6px}.card .cap{font-size:10.5px;margin-top:6px}.detail h1{margin:34px 0 24px}.detail .pic img{max-height:none}}