:root{color-scheme:light;--paper:#ffffff;--ink:#151513}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:transparent}a:hover,nav button:hover{text-decoration:underline;text-underline-offset:5px}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:5px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:absolute;top:-60px;background:var(--paper);padding:12px;z-index:10}.skip:focus{top:10px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 3vw 18px}.brand{display:block;width:126px;line-height:0}.brand img{width:100%;height:auto;mix-blend-mode:multiply}nav{display:flex;align-items:center;gap:35px;font-family:'Courier New',monospace;font-size:11px}nav button{padding:12px 0}.total{color:#77776d}main{padding:0 3vw}.intro{margin:23px 0 18px;padding-top:16px;border-top:1px solid #c7c7bf;display:flex;justify-content:space-between;align-items:end}.intro h1{font-size:12px;line-height:1.4;letter-spacing:.025em;font-weight:600;margin:0}.intro h1 br{display:none}.intro p{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:15px;margin:0}.sequence{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:2vw;row-gap:82px;align-items:start}.photo{margin:0;min-width:0}.photo.full{grid-column:1 / -1}.photo.pair{grid-column:auto}.photo button{display:block;width:100%;padding:0;line-height:0;cursor:zoom-in}.photo img{width:100%;height:auto;display:block;background:#ffffff}.photo:first-child{margin-bottom:24px}.photo.pair:nth-child(3n){padding-top:75px}.photo.pair:nth-child(5n){width:85%;justify-self:end}.photo.full:nth-child(n+7){width:88%;justify-self:center;margin:18px 0}footer{margin:110px 3vw 0;padding:25px 0 30px;border-top:1px solid #c7c7bf;display:flex;justify-content:space-between;align-items:center;font-family:'Courier New',monospace;font-size:11px}.footer-brand{font-family:Arial,Helvetica,sans-serif;font-weight:900;font-size:30px;letter-spacing:-.065em}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;background:var(--paper);color:var(--ink);border:0;padding:24px 30px;overflow:hidden}dialog::backdrop{background:var(--paper)}.viewer-top{display:flex;justify-content:space-between;align-items:center;font-family:'Courier New',monospace;font-size:11px;height:30px}.viewer-top button{padding:10px}.stage{height:calc(100dvh - 130px);display:flex;align-items:center;justify-content:space-between;gap:18px}.stage img{max-width:calc(100% - 120px);max-height:100%;object-fit:contain;width:auto;height:auto}.stage button{font-size:25px;padding:12px;min-width:42px}.viewer-bottom{text-align:center;font-size:10px;letter-spacing:.12em;margin-top:18px}body.viewing{overflow:hidden}@media(min-width:1900px){main,header,footer{max-width:1840px;margin-left:auto;margin-right:auto}.sequence{row-gap:100px}}@media(max-width:760px){header{padding:22px 4vw 14px}.brand{width:90px}nav{gap:20px;font-size:10px}.intro{display:block;margin:16px 0 18px;padding-top:13px}.intro h1{font-size:10px}.intro p{font-size:13px;margin-top:6px}main{padding:0 4vw}.sequence{grid-template-columns:1fr;gap:38px}.photo.full,.photo.pair{grid-column:1!important;width:100%!important;padding:0!important;margin:0!important}.photo.pair:nth-child(5n){width:86%!important;justify-self:center;margin:10px 0!important}.photo:first-child{margin-left:-4vw!important;width:100vw!important}footer{margin:65px 4vw 0;padding:24px 0;font-size:10px}.footer-brand{font-size:21px}dialog{padding:15px 12px}.stage{gap:0;height:calc(100dvh - 120px);position:relative}.stage img{max-width:100%;max-height:calc(100% - 70px);margin:auto}.stage button{position:absolute;bottom:0}.stage #previous{left:0}.stage #next{right:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.sequence .photo.full.feature{width:100%;grid-column:1 / -1;margin:0;justify-self:stretch}

.sequence .photo.pair.drink-pair{width:100%!important;padding:0!important;margin:0!important;justify-self:stretch}

.sequence .photo.full.solo-portrait{width:64%;justify-self:center;margin:0}
.sequence .photo.pair.aligned-pair{width:100%!important;padding:0!important;margin:0!important}
@media(max-width:760px){.sequence .photo.full.solo-portrait{width:100%!important}}

/* Selected diptychs keep their relationship at every screen size. */
.sequence .photo.pair{width:100%;padding:0;justify-self:stretch;align-self:center}
@media(max-width:760px){
 .sequence{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:34px}
 .sequence .photo.full,.sequence .photo.pair{grid-column:1 / -1!important;width:100%!important;margin:0!important;padding:0!important}
 .sequence .photo.pair.mobile-pair{grid-column:auto!important;width:100%!important;align-self:center}
 .sequence .photo:first-child{width:100%!important;margin:0!important}
}

footer .footer-brand{display:block;width:126px;line-height:0;flex-shrink:0}footer .footer-brand img{display:block;width:100%;height:auto}@media(max-width:760px){footer .footer-brand{width:90px}}