:root{--paper:#f4f1ea;--ink:#151515;--muted:#77736b;--line:rgba(21,21,21,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif}button,a{color:inherit;font:inherit}.masthead{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:1.1rem 3vw;background:rgba(244,241,234,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.masthead a{text-decoration:none}.brand,.modes{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.modes{display:flex;gap:1rem}.modes button,.filters button{border:0;padding:0;background:none;cursor:pointer;opacity:.4}.modes button.active,.filters button.active,.modes button:hover,.filters button:hover{opacity:1}.intro{min-height:68vh;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(250px,.7fr);align-items:end;gap:8vw;padding:8vh 5vw 7vh;border-bottom:1px solid var(--line)}.intro h1{margin:0;max-width:10ch;font-size:clamp(4rem,10vw,9.5rem);font-weight:400;letter-spacing:-.065em;line-height:.82}.intro__side{padding-bottom:.8rem}.kicker{margin:0 0 1.8rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.statement{margin:0;color:var(--muted);font-size:.92rem;line-height:1.65}.controls{display:flex;justify-content:space-between;gap:1.5rem;padding:1.1rem 3vw;border-bottom:1px solid var(--line)}.filters{display:flex;flex-wrap:wrap;gap:.65rem 1.35rem}.filters button,.count{font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}.count{color:var(--muted)}.field{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6vw 2vw;padding:8vw 4vw 14vw;overflow:hidden}.work{--span:4;--lift:0rem;grid-column:span var(--span);margin-top:var(--lift);border:0;padding:0;background:none;text-align:left;cursor:zoom-in;transition:transform .28s ease}.work:hover{transform:translateY(-8px)}.work[hidden]{display:none}.image-wrap{position:relative;display:block;overflow:hidden;background:#e7e2d8;box-shadow:0 18px 45px rgba(55,45,30,.08)}.work img{display:block;width:100%;height:auto;filter:saturate(.92);transition:transform .5s ease,filter .3s ease}.work:hover img{transform:scale(1.018);filter:saturate(1)}.number{position:absolute;top:.65rem;left:.7rem;color:rgba(255,255,255,.78);mix-blend-mode:difference;font-size:.64rem;letter-spacing:.12em}.caption{display:grid;grid-template-columns:1fr auto;gap:1rem;padding-top:.7rem;font-size:.72rem;line-height:1.4}.caption span:last-child{color:var(--muted)}body.index-view .field{grid-template-columns:repeat(4,minmax(0,1fr));gap:3.5rem 1.2rem;padding-top:3rem}body.index-view .work{grid-column:span 1;margin-top:0}dialog{width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#111;color:#f4f1ea}dialog::backdrop{background:#111}.reader{height:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,24vw)}.reader__visual{display:flex;align-items:center;justify-content:center;padding:4vh 4vw;background:#0d0d0d}.reader__visual img{max-width:100%;max-height:92vh;object-fit:contain}.reader__info{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:1rem;padding:2rem;border-left:1px solid rgba(255,255,255,.15)}.close{position:absolute;top:1.6rem;right:1.6rem;border:0;background:none;color:inherit;font-size:1.4rem;cursor:pointer}.counter{color:rgba(255,255,255,.45);font-size:.7rem;letter-spacing:.12em}.reader h2{margin:0;font-size:clamp(1.35rem,2.2vw,2.25rem);font-weight:500;line-height:1.04}.meta{margin:0;color:rgba(255,255,255,.58);font-size:.8rem;line-height:1.6}.nav{display:flex;justify-content:space-between;padding-top:1.2rem;border-top:1px solid rgba(255,255,255,.15)}.nav button{border:0;padding:0;background:none;color:inherit;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.collection-dot{display:inline-block;width:.48rem;height:.48rem;margin-left:.48rem;border-radius:50%;background:#b52b2b;vertical-align:.04rem;box-shadow:0 0 0 1px rgba(181,43,43,.12)}
@media(max-width:760px){.intro{grid-template-columns:1fr;min-height:74vh}.intro h1{font-size:clamp(4rem,19vw,7rem)}.field{grid-template-columns:repeat(6,1fr);gap:5rem 3vw}.work{grid-column:span min(var(--span),5);margin-top:0}body.index-view .field{grid-template-columns:repeat(2,1fr)}.reader{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.reader__visual{padding:3.5rem 1rem 1rem}.reader__visual img{max-height:65vh}.reader__info{padding:1.25rem;border:0;border-top:1px solid rgba(255,255,255,.15)}}