:root{--ink:#111315;--muted:#626866;--paper:#f4f2ed;--orange:#f36b21}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.top{max-width:1440px;margin:auto;padding:26px 44px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d7d5cf}.brand{text-decoration:none;font-size:29px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand span{display:block;font-size:9px;letter-spacing:1.5px;margin-top:5px}.quote{display:inline-flex;align-items:center;min-height:48px;background:var(--orange);padding:12px 21px;text-decoration:none;border-radius:5px;font-weight:700;font-size:14px}.intro,.collection,.closing{max-width:1328px;margin:auto;padding:65px 44px}.intro{padding-bottom:52px}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 25px}h1{font-size:68px;line-height:1.06;letter-spacing:-3px;font-weight:500;margin:0 0 32px}h1 span{color:var(--muted)}.intro-bottom{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.intro-bottom p{max-width:580px;margin:0;color:var(--muted);font-size:17px}.legend{white-space:nowrap;font-size:13px;padding-bottom:4px}.dot{display:inline-block;width:9px;height:9px;background:var(--orange);border-radius:50%;margin-right:10px;box-shadow:0 0 14px #f36b2166}.mobile-hint{display:none}.collection{padding-top:28px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cbc9c2;padding-top:25px;margin-bottom:22px}h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0}#count{color:var(--muted);font-size:13px}.toolbar{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:18px}#filters{display:flex;flex-wrap:wrap;gap:8px}#filters button{border:1px solid #cbc9c2;background:transparent;border-radius:30px;padding:10px 16px;min-height:44px;font-size:13px}#filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.search{font-size:11px;color:var(--muted);min-width:180px}.search input{display:block;border:0;border-bottom:1px solid #aaa;background:transparent;padding:6px 0;width:100%;font-size:14px;border-radius:0}.preview-note{font-size:12px;color:var(--muted);margin:0 0 27px}.preview-note a{margin:0 4px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.card{min-width:0}.image-button{border:0;padding:0;width:100%;display:block;position:relative;aspect-ratio:1.5;background:#e5e3de;border-radius:15px;overflow:hidden}.image-button img{width:100%;height:100%;object-fit:contain;position:absolute;inset:0;transition:none}.image-button .on{opacity:0}.card.is-on .on{opacity:1}.card.is-on .off{opacity:0}.photo-label{position:absolute;bottom:12px;left:12px;background:#fffffff0;padding:3px 9px;font-size:10px;border-radius:3px;color:var(--ink)}.image-button::after{content:'↗';position:absolute;right:12px;top:12px;background:#ffffffe0;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;font-size:14px}.card-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;letter-spacing:.8px;text-transform:uppercase;margin:14px 0 5px}.card h3{font-size:18px;line-height:1.4;margin:0 0 12px;font-weight:500;overflow-wrap:anywhere}.switch{display:flex;gap:3px;align-items:center}.switch button{font-size:11px;padding:7px 13px;border:1px solid #cfcdc6;background:transparent;border-radius:4px;min-height:36px}.switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.switch .missing{font-size:11px;color:var(--muted)}.more{display:block;margin:48px auto 0;min-height:48px;border:1px solid var(--ink);background:transparent;border-radius:5px;padding:10px 30px}.more[hidden]{display:none}.closing{margin-top:40px;padding-top:70px;padding-bottom:75px;border-top:1px solid #cbc9c2}.closing h2{font-size:48px;line-height:1.12;margin-bottom:28px}footer{background:var(--ink);color:#eee;padding:30px 44px;font-size:12px;display:flex;justify-content:space-between;gap:20px}footer span{color:#aaa}dialog{border:0;border-radius:12px;max-width:1350px;width:94vw;padding:24px;background:var(--paper)}dialog::backdrop{background:#111315c9}dialog h2{font-size:22px;padding-right:90px;margin-bottom:20px}#close{position:absolute;right:20px;top:18px;border:1px solid #aaa;border-radius:4px;padding:9px 15px;background:white;min-height:44px}#compare{display:grid;grid-template-columns:1fr 1fr;gap:20px}#compare figure{margin:0}#compare img{width:100%;height:60vh;object-fit:contain;background:#e5e3de}#compare figcaption{font-size:13px;margin-top:8px}#viewer-note{color:var(--muted);font-size:13px}@media(hover:hover){.card.has-pair:not(.locked) .image-button:hover .on{opacity:1}.card.has-pair:not(.locked) .image-button:hover .off{opacity:0}}@media(min-width:1600px){.top{max-width:1440px}}@media(max-width:1000px){h1{font-size:58px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro-bottom{align-items:flex-start}.legend{white-space:normal;min-width:160px}.toolbar{align-items:flex-start}.top,.intro,.collection,.closing{padding-left:28px;padding-right:28px}}@media(max-width:600px){.top{padding:18px 20px}.brand{font-size:23px}.brand span{font-size:7px}.top .quote{font-size:11px;padding:9px 10px;max-width:145px;line-height:1.3}.intro,.collection,.closing{padding-left:20px;padding-right:20px}.intro{padding-top:40px;padding-bottom:35px}h1{font-size:41px;letter-spacing:-1.6px}.eyebrow{font-size:10px;margin-bottom:18px}.intro-bottom{display:block}.intro-bottom p{font-size:15px}.legend{font-size:0;margin-top:18px}.dot{display:none}.mobile-hint{display:block;font-size:12px}.toolbar{display:block}.search{display:block;margin-top:20px;max-width:100%}#filters{gap:6px}#filters button{padding:9px 12px;font-size:12px}.grid{grid-template-columns:minmax(0,1fr);gap:30px}.image-button{aspect-ratio:1.5}.card h3{font-size:19px}.switch button{min-height:44px;padding:8px 18px}.closing h2{font-size:36px}.closing{margin-top:15px}footer{padding:25px 20px;display:block}footer span{display:block;margin-top:8px}#compare{grid-template-columns:1fr}#compare img{height:45vh}dialog{padding:18px}dialog h2{font-size:18px}#count{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Compact archive introduction keeps photography close to the first screen. */
.intro{padding-top:44px;padding-bottom:35px}h1{font-size:56px;margin-bottom:22px}.intro-bottom p{font-size:16px}.eyebrow{margin-bottom:20px}@media(max-width:600px){.intro{padding-top:28px;padding-bottom:25px}h1{font-size:34px;letter-spacing:-1px;margin-bottom:16px}.intro-bottom p{font-size:14px}.legend{margin-top:10px}.collection{padding-top:15px}.section-heading{padding-top:18px;margin-bottom:16px}.preview-note{margin-bottom:20px}.toolbar{margin-bottom:12px}}
