@font-face{font-family:Inter;src:url('/media/inter-variable.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;background:#233039}body{color:#fff;font-family:Inter,Arial,sans-serif;overflow:hidden}.backdrop,.shade{position:fixed;inset:0;width:100%;height:100%;height:100svh}.backdrop{object-fit:cover;object-position:60% 52%;z-index:0}.shade{z-index:1;background:linear-gradient(90deg,rgba(3,14,20,.76),rgba(5,18,24,.4) 40%,rgba(3,14,20,.04) 75%),linear-gradient(0deg,rgba(3,14,20,.62),transparent 27%,transparent 78%,rgba(3,14,20,.25));pointer-events:none}header,main,footer{position:relative;z-index:2}a{color:inherit;text-decoration:none}header{padding:34px 5vw;display:flex;align-items:center;justify-content:space-between}.brand{font-size:23px;font-weight:600;letter-spacing:-1px;display:flex;align-items:center;gap:20px}.brand span{font-size:9px;letter-spacing:1.5px;font-weight:400;padding-left:20px;border-left:1px solid #ffffff55}.header-right{display:flex;align-items:center;gap:22px}.preview-label{font-size:8px;letter-spacing:1.5px;border:1px solid #ffffff4a;border-radius:20px;padding:6px 10px}.archive-link{font-size:11px;letter-spacing:.1px}.archive-link span{margin-left:12px}main{height:calc(100svh - 184px);min-height:280px;display:flex;flex-direction:column;margin:0 5vw;width:min(660px,65vw)}.introduction{margin-top:18px}.introduction p,.menu-caption{font-size:9px;letter-spacing:2px;color:#e4e8e9}.introduction p{margin:0 0 13px}.introduction h1{font-size:clamp(19px,2vw,29px);font-weight:350;line-height:1.25;letter-spacing:-.8px;margin:0}.collection-menu{min-height:0;flex:1;display:flex;flex-direction:column;margin-top:32px;width:100%;max-width:590px}.menu-caption{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px;max-width:475px}.menu-caption h2{font-size:inherit;font-weight:400;margin:0}.menu-caption #position{font-size:10px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:#c6d1d2}nav{flex:1;min-height:160px;overflow-y:auto;scrollbar-width:none;overscroll-behavior:contain;scroll-snap-type:y mandatory;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}nav::-webkit-scrollbar{display:none}ul{list-style:none;margin:0;padding:0 5px calc(var(--flow-height,400px) - var(--row-height,76px)) 0}li{height:var(--row-height,76px);scroll-snap-align:start;display:flex;align-items:center}li a{display:flex;align-items:center;gap:22px;width:100%;min-height:64px;font-size:clamp(34px,4.5vw,62px);font-weight:400;line-height:1.08;letter-spacing:-2.1px;opacity:.63;transform:translateX(0) scale(.95);transform-origin:left center;transition:opacity .25s ease,transform .35s ease,text-shadow .25s ease;white-space:nowrap}li a[data-selected=true],li a:hover,li a:focus-visible{opacity:1;transform:translateX(7px) scale(1);text-shadow:0 1px 24px #0005}.number{font-size:10px;font-weight:400;letter-spacing:0;min-width:20px;align-self:center;color:#e1e6e6}.enter{font-size:27px;margin-left:7px;opacity:0;transition:opacity .25s}li a[data-selected=true] .enter,li a:focus-visible .enter,li a:hover .enter{opacity:1}.darkroom-dot{color:#58e4e5}.flow-controls{display:flex;align-items:center;gap:8px;padding:10px 0 0;flex-shrink:0}.flow-controls button{font:16px Inter,sans-serif;background:#ffffff0b;border:1px solid #ffffff60;color:white;width:33px;height:31px;border-radius:50%;cursor:pointer}.flow-controls button:disabled{opacity:.3;cursor:default}.flow-controls span{font-size:10px;color:#e0e4e3;margin-left:10px}.flow-controls i{font-style:normal;padding:0 6px}footer{position:fixed;left:5vw;right:5vw;bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:20px}.copyright{font-size:8px;letter-spacing:1.6px;color:#d4dddd}.photo-caption{margin-left:auto;display:flex;align-items:center;gap:16px;font-size:12px;text-shadow:0 1px 10px #0008}.photo-caption small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px;color:#e4e6e1}.caption-line{width:40px;height:1px;background:#ffffffa0}.motion{font-size:9px;color:#d9e2df;margin-left:25px;white-space:nowrap}.motion input{accent-color:#b4e7de;vertical-align:middle;margin-right:4px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #a6eee5;outline-offset:5px}button:hover{background:#ffffff22}html.quiet *{scroll-behavior:auto!important;transition:none!important}@media(min-height:850px){main{height:calc(100svh - 210px)}.introduction{margin-top:35px}.collection-menu{margin-top:45px}}@media(max-width:700px){header{padding:27px 6vw}.brand{font-size:20px}.brand span{display:none}.header-right{gap:12px}.archive-link{font-size:0}.archive-link span{font-size:19px;margin:0}.preview-label{font-size:7px}.backdrop{object-position:67% center}.shade{background:linear-gradient(90deg,#03121bc9,#04151b55 90%),linear-gradient(0deg,#031219a6,transparent 38%)}main{margin:0 6vw;width:88vw;height:calc(100svh - 190px)}.introduction{margin-top:20px}.introduction p{font-size:8px;letter-spacing:1.7px}.introduction h1{font-size:22px}.collection-menu{margin-top:30px}.menu-caption{max-width:100%}li a{font-size:clamp(30px,8vw,46px);letter-spacing:-1.5px;gap:15px}.number{font-size:9px}.enter{font-size:20px}.flow-controls span{font-size:9px;margin-left:4px}.flow-controls i{padding:0 3px}footer{left:6vw;right:6vw;bottom:21px;flex-wrap:wrap;gap:17px}.copyright{font-size:7px;order:3;width:100%}.photo-caption{margin-left:0;font-size:10px}.caption-line{width:20px}.photo-caption small{font-size:7px;letter-spacing:1.5px}.motion{margin-left:auto;font-size:8px}}@media(max-height:650px){header{padding-top:20px;padding-bottom:20px}.introduction{margin-top:0}.introduction h1{display:none}.collection-menu{margin-top:14px}main{height:calc(100svh - 153px)}footer{bottom:15px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* The photograph and archive menu lead the page. */
.collection-menu{margin-top:58px}@media(max-width:700px){.collection-menu{margin-top:45px}}@media(max-height:650px){.collection-menu{margin-top:20px}}