*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7f6f2;color:#262623;font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid #866247;outline-offset:6px}header,main,footer{width:min(1320px,88%);margin:auto}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0;border-bottom:1px solid #25251f25}.signature{font-size:18px;font-weight:500;letter-spacing:-.04em}nav{display:flex;gap:24px;font-size:12px}nav a{padding:10px 0;color:#6c6b64}nav a[aria-current]{color:#262623;border-bottom:1px solid}.intro{display:flex;justify-content:space-between;align-items:end;padding:48px 0 38px}h1{font-size:clamp(40px,5.3vw,76px);font-weight:400;letter-spacing:-.055em;line-height:1;margin:0}h1 span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-top:20px;color:#6c6b64}.intro p{font-size:15px;line-height:1.6;margin:0;color:#6c6b64}.photographs{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:80px 36px;align-items:start}figure{margin:0;min-width:0;grid-column:span 6}figure a{display:block;background:white;padding:clamp(14px,2vw,30px);cursor:zoom-in}img{display:block;width:100%;height:auto}figcaption{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#6c6b64;padding:13px 0;letter-spacing:.025em}.gallery .frame-0{grid-column:1/-1}.gallery .frame-0 a{padding:0;background:transparent}.gallery .frame-0 img{max-height:72vh;object-fit:contain}.gallery .frame-0{width:min(100%,108vh);justify-self:center}.gallery .frame-1{grid-column:1/5}.gallery .frame-2{grid-column:5/13;align-self:center}.gallery .frame-5,.gallery .frame-8,.gallery .frame-11{grid-column:2/12}.gallery .frame-6,.gallery .frame-7{grid-column:span 6}.gallery .frame-6{margin-left:14%}.gallery .frame-7{margin-right:14%}.collections{margin:110px 0 60px;border-top:1px solid #25251f25;padding-top:36px;display:grid;grid-template-columns:1fr 2fr;gap:40px}h2{font-size:24px;font-weight:400;letter-spacing:-.04em;margin:0}.collections a{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #25251f20;font-size:18px}.collections a span{font-size:11px;align-self:center;color:#6c6b64}footer{display:flex;justify-content:space-between;padding:28px 0 40px;border-top:1px solid #25251f25;font-size:11px;color:#6c6b64}
/* A contact-sheet-like arrangement, with uneven sizes and deliberate gaps. */
.collage{background:#e8e4dc}.collage .photographs{gap:35px 24px;align-items:center}.collage .frame-0{grid-column:1/10;grid-row:1}.collage .frame-1{grid-column:9/13;grid-row:1;margin-top:240px;z-index:1}.collage .frame-2{grid-column:2/8;margin-top:30px}.collage .frame-3{grid-column:9/13;margin-top:130px}.collage .frame-4{grid-column:1/6;margin-top:60px}.collage .frame-5{grid-column:7/13;margin-top:180px}.collage .frame-6{grid-column:2/7;margin-top:70px}.collage .frame-7{grid-column:8/12;margin-top:190px}.collage .frame-8{grid-column:1/11;margin-top:90px}.collage .frame-9{grid-column:1/6;margin-top:80px}.collage .frame-10{grid-column:7/13;margin-top:180px}.collage .frame-11{grid-column:3/11;margin-top:100px}.collage figure a{box-shadow:0 12px 25px #33291a0b}
dialog{border:0;padding:22px;background:#faf9f6;color:#262623;width:96vw;max-width:1600px;max-height:96dvh}dialog::backdrop{background:#141719ed}dialog>img{height:72dvh;object-fit:contain}.viewer-tools,.viewer-navigation{display:flex;justify-content:space-between;align-items:center;font-size:12px}dialog button{border:0;background:none;padding:12px;color:inherit}dialog p{font-size:12px;text-align:center;margin:12px 0}.viewer-navigation{max-width:360px;margin:auto}body:has(dialog[open]){overflow:hidden}
@media(max-width:640px){header,main,footer{width:90%}header{display:block;padding:22px 0}nav{margin-top:18px;gap:24px}.intro{padding:32px 0;align-items:start}.intro p{display:none}.photographs{display:block}.gallery .photographs figure{width:100%;margin:0 0 42px}.gallery .frame-6,.gallery .frame-7{max-width:88%;margin-left:auto!important;margin-right:auto!important}.collage .photographs{display:block}.collage .photographs figure{width:87%;margin:0 0 48px}.collage .photographs figure:nth-child(even){margin-left:auto}.collage .frame-0{width:100%!important}.collections{display:block;margin:60px 0 40px}.collections h2{margin-bottom:20px}.collections a{font-size:16px}dialog{padding:12px}dialog>img{height:65dvh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Final gallery navigation and comfortable touch targets. */
#selected,#series{scroll-margin-top:24px}
nav a{min-height:44px;display:inline-flex;align-items:center}
@media(min-width:641px){.gallery .frame-1,.gallery .frame-2{align-self:start}}
/* The photo book (book.html), entered by its cover. */
#book{scroll-margin-top:24px}.collections.book{margin-top:70px}
.collections .cover{display:block;padding:0;border:0}
.collections .cover img{box-shadow:0 1px 3px #2625231a,0 22px 34px -24px #26252359}
.collections .cover>span{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px solid #25251f20;font-size:18px;color:inherit}
@media(max-width:640px){.collections.book{margin-top:50px}.collections .cover>span{font-size:16px}}
@media(pointer:coarse){.signature,footer a{position:relative}.signature::after,footer a::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;translate:0 -50%}}