@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--black:#111;--white:#f2f0eb;--muted:#aaa7a3;--orange:#ff612e;--red:#e43a36;--line:rgba(242,240,235,.16);--display:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font:16px/1.5 var(--body)}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--orange);color:var(--black)}.wrap{width:min(1240px,calc(100% - 64px));margin:auto}.top{height:84px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font:700 13px var(--display);letter-spacing:.04em}.mark{width:31px;height:31px;border:1px solid var(--orange);color:var(--orange);display:grid;place-items:center;font:500 12px var(--mono);transform:rotate(-45deg)}.mark span{transform:rotate(45deg)}.toplinks{display:flex;gap:26px;align-items:center;color:#d8d5d1;font-size:12px}.toplinks a:hover{color:var(--orange)}.toplinks .home{border:1px solid var(--orange);padding:9px 12px;color:var(--orange);font:10px var(--mono);letter-spacing:.07em;text-transform:uppercase}.collage{width:min(1500px,100%);margin:0 auto;padding:18px 18px 30px}.photo-columns{columns:4 240px;column-gap:12px}.photo{display:block;break-inside:avoid;margin:0 0 12px;overflow:hidden;background:#1b1918}.photo img{display:block;width:100%;height:auto;transition:transform .3s ease,filter .3s ease}.photo:hover img{transform:scale(1.025);filter:brightness(1.06)}.viewer{border:0;padding:0;background:transparent;max-width:96vw;max-height:96vh;overflow:visible}.viewer::backdrop{background:rgba(0,0,0,.92)}.viewer img{display:block;max-width:94vw;max-height:92vh;object-fit:contain}.close{position:fixed;top:16px;right:18px;width:42px;height:42px;border:1px solid rgba(242,240,235,.65);border-radius:50%;color:var(--white);background:rgba(17,17,17,.65);font-size:25px;line-height:1;cursor:pointer}.close:hover{border-color:var(--orange);color:var(--orange)}
@media(max-width:760px){.wrap{width:calc(100% - 36px)}.top{height:70px}.toplinks{gap:12px}.toplinks a:not(.home){display:none}.toplinks .home{padding:8px;font-size:8px}.collage{padding:12px 10px 20px}.photo-columns{columns:2 150px;column-gap:8px}.photo{margin-bottom:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
