:root{--bg:#f4f1ea;--ink:#171716;--muted:#77736b;--line:rgba(23,23,22,.12);--panel:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit;text-decoration:none}.wrap{max-width:1500px;margin:auto;padding:0 28px}
header{padding:38px 0 22px;border-bottom:1px solid var(--line)}
.site-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,5vw,5rem);font-weight:400;line-height:.95;letter-spacing:-.035em;margin:0}
.kicker{margin-top:12px;color:var(--muted);font-size:.92rem;letter-spacing:.1em;text-transform:uppercase}
footer{margin-top:42px;padding:22px 0 46px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem}
.intro{padding:26px 0 10px;max-width:720px;color:var(--muted);line-height:1.6}
.albums{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:20px}
.album-card{display:block;background:var(--panel);border:1px solid var(--line);overflow:hidden}
.album-card img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}
.album-card:hover img{transform:scale(1.015);filter:brightness(.96)}
.meta{padding:16px 17px 18px}.meta h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:1.65rem;margin:0 0 5px}.meta p{margin:0;color:var(--muted);font-size:.9rem}
.album-head{display:flex;justify-content:space-between;align-items:end;gap:20px;padding:26px 0 20px}
.album-head h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2rem,4vw,4rem);font-weight:400;margin:0;letter-spacing:-.03em}.album-head p{margin:7px 0 0;color:var(--muted)}
.back{font-size:.9rem;color:var(--muted);white-space:nowrap}.grid{columns:4 250px;column-gap:14px;padding-top:4px}
figure{margin:0 0 14px;break-inside:avoid;overflow:hidden;background:#ddd;cursor:zoom-in}figure img{width:100%;height:auto;display:block;transition:transform .35s ease,filter .35s ease}
figure:hover img{transform:scale(1.012);filter:brightness(.96)}
.lightbox{position:fixed;inset:0;background:rgba(10,10,10,.96);display:none;align-items:center;justify-content:center;z-index:10}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}
.close,.prev,.next{position:fixed;color:#fff;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:999px;width:44px;height:44px;font-size:24px;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(10px)}
.close{top:20px;right:20px;font-size:28px}.prev{left:20px;top:50%;transform:translateY(-50%)}.next{right:20px;top:50%;transform:translateY(-50%)}
.counter{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.7);font-size:.85rem;letter-spacing:.08em}
@media(max-width:750px){.wrap{padding:0 16px}header{padding-top:26px}.albums{grid-template-columns:1fr}.grid{columns:2 145px;column-gap:8px}figure{margin-bottom:8px}.prev{left:8px}.next{right:8px}.close{right:10px;top:10px}}