
.archive-opening{padding:4rem 4vw 3rem}.archive-opening .display{font-size:clamp(4.5rem,12vw,13rem);line-height:.8;letter-spacing:-.08em;margin:3rem 0}.archive-opening .display span{color:#ff4b2b}.archive-opening-base{display:flex;align-items:end;justify-content:space-between;gap:2rem}.archive-opening-base>p:first-child{font-size:.9rem;line-height:1.7;color:#c2c9b8}.archive-range{font:400 .53rem/1.8 ui-monospace,Consolas,monospace;color:#9ca39c;text-align:right}
.archive-index{margin:0 4vw 4rem}.archive-views{border:0;border-block:1px solid #343936;padding:1.5rem 0;display:flex;gap:1rem 2rem;align-items:center;position:relative;margin:0;flex-wrap:wrap}.archive-views legend{float:left;font:400 .54rem/1.5 ui-monospace,Consolas,monospace;text-transform:uppercase;letter-spacing:.08em;margin-right:auto;padding:0}.archive-views label{position:relative;min-width:90px;padding:.6rem 0;cursor:pointer;font-size:.7rem}.archive-views input{appearance:none;position:absolute;inset:0;margin:0;width:100%;height:100%;cursor:pointer;border-radius:0}.archive-views input:checked{border-bottom:2px solid #ff4b2b}.archive-views label>span{pointer-events:none;display:flex;justify-content:space-between;gap:1rem}.archive-views b{font-weight:400;color:#9ca39c}.archive-views>p{flex-basis:100%;font-size:.55rem;color:#9ca39c;line-height:1.8}
.film-controls{display:flex;gap:1.5rem;align-items:center;justify-content:space-between;padding:1.5rem 0}.film-controls button{border:1px solid #69725e;background:none;width:45px;height:45px;font-size:1.1rem}.film-controls .eyebrow{color:#9ca39c;font-size:.5rem}.archive-records{display:flex;align-items:end;gap:4vw;overflow:auto;scroll-snap-type:x mandatory;padding:2rem 0 2.5rem;scrollbar-width:thin;scrollbar-color:#ff4b2b #242a20;touch-action:pan-x pan-y;overscroll-behavior-inline:contain;cursor:grab}.archive-records:active{cursor:grabbing}.archive-item{flex:0 0 52vw;scroll-snap-align:start;min-width:0}.archive-item:nth-child(2n){flex-basis:36vw}.archive-item-tall{flex-basis:28vw}.archive-item:nth-child(4){flex-basis:34vw}.archive-image-link{display:block;position:relative;margin:.8rem 0 1.5rem;text-decoration:none;user-select:none;-webkit-user-drag:none;overflow:hidden}.archive-image-link img{width:100%;height:auto;max-height:65vh;object-fit:contain;object-position:left bottom;transition:filter .5s,transform .7s;user-select:none;-webkit-user-drag:none}.archive-open{position:absolute;bottom:0;right:0;background:#ebece3;color:#07090a;font:500 .5rem/1.5 ui-monospace,Consolas,monospace;padding:.75rem 1rem;transform:translateY(105%);transition:transform .4s}.archive-image-link:hover .archive-open,.archive-image-link:focus .archive-open{transform:none}.archive-item-number{font:400 .6rem/1.5 ui-monospace,Consolas,monospace;color:#ff4b2b}.archive-item-heading{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}.archive-item h2{font:750 clamp(1.5rem,2.2vw,2.5rem)/1.1 Archivo,sans-serif;letter-spacing:-.055em}.archive-item time{font:400 .5rem/1.5 ui-monospace,Consolas,monospace;color:#ff4b2b;white-space:nowrap}.archive-context{font-size:.7rem;line-height:1.8;color:#b3bdaa;margin-top:.75rem}.archive-credit,.archive-change{font-size:.58rem;line-height:1.8;color:#9ca39c;margin-top:.8rem}.archive-source{display:inline-flex;justify-content:space-between;gap:2rem;font-size:.57rem;margin-top:.9rem}.archive-endnote{display:flex;justify-content:space-between;gap:2rem;padding:2rem 4vw 3rem;border-top:1px solid #343936;font-size:.65rem}.archive-endnote a{display:flex;gap:2rem}.archive-index:has(#archive-list:checked) .archive-records{display:block;padding-top:0;cursor:auto}.archive-index:has(#archive-list:checked) .film-controls{display:none}.archive-index:has(#archive-list:checked) .archive-item{display:grid;grid-template-columns:2rem 16vw 1fr;align-items:center;gap:2.5vw;padding:2rem 0;border-bottom:1px solid #343936}.archive-index:has(#archive-list:checked) .archive-image-link{margin:0}.archive-index:has(#archive-list:checked) .archive-image-link img{max-height:170px}.archive-index:has(#archive-list:checked) .archive-context{font-size:.65rem}
@media(max-width:760px){.archive-opening{padding:3rem 6vw}.archive-opening .display{font-size:20vw;margin:2.5rem 0}.archive-opening-base{display:block}.archive-opening-base>p:first-child{font-size:.8rem}.archive-range{text-align:left;font-size:.48rem;margin-top:1.5rem}.archive-index{margin:0 6vw 3rem}.archive-views{gap:.7rem 1.5rem;padding:1rem 0}.archive-views legend{font-size:.49rem;flex-basis:100%;width:100%}.archive-views label{font-size:.64rem;min-width:90px}.archive-views>p{font-size:.5rem}.film-controls{padding:1rem 0;gap:1rem}.film-controls .eyebrow{font-size:.4rem;max-width:60%;text-align:center}.film-controls button{width:40px;height:40px}.archive-records{gap:8vw;padding-top:1rem}.archive-item,.archive-item:nth-child(2n){flex-basis:82vw}.archive-item-tall,.archive-item:nth-child(4){flex-basis:68vw}.archive-image-link img{max-height:60vh}.archive-item h2{font-size:1.7rem}.archive-item-heading{display:block}.archive-item time{display:block;margin-top:.5rem;font-size:.48rem}.archive-context{font-size:.65rem}.archive-credit,.archive-change,.archive-source{font-size:.54rem}.archive-endnote{padding:2rem 6vw;display:grid;font-size:.6rem}.archive-index:has(#archive-list:checked) .archive-item{grid-template-columns:1.3rem 1fr;gap:1.5rem .8rem}.archive-index:has(#archive-list:checked) .archive-image-link{grid-column:2}.archive-index:has(#archive-list:checked) .archive-image-link img{max-height:180px;width:auto;max-width:100%}.archive-index:has(#archive-list:checked) .archive-item-copy{grid-column:2}}

/* A local photographic desk. The complete source photograph always stays on the plate. */
.focus-desk{margin:0 4vw 5rem;padding:2rem 0 0;border-top:1px solid #343936}.focus-desk-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:2rem}.focus-desk-head .eyebrow{font-size:.55rem;color:#9ca39c}.focus-desk-head h2{font:820 clamp(2rem,4.5vw,5rem)/1 Archivo,sans-serif;letter-spacing:-.065em;margin-top:.65rem}.focus-desk-head h2 span{color:#ff4b2b}.focus-desk-counter{display:flex;gap:1rem;align-items:baseline;font:500 .6rem/1 ui-monospace,monospace;color:#9ca39c}.focus-desk-counter>span:first-child{font:700 3rem/1 Archivo,sans-serif;color:#ff4b2b;letter-spacing:-.07em}.focus-desk-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(215px,24%);gap:3vw}.focus-desk-stage{position:relative;min-height:480px;height:clamp(420px,53vw,650px);perspective:1000px;isolation:isolate;touch-action:pan-y;cursor:crosshair;background:radial-gradient(ellipse at 50% 50%,#27302c 0,#111715 48%,#090d0d 78%);overflow:hidden;border:1px solid #ebece317}.focus-desk-stage:before{content:"";position:absolute;inset:0;opacity:.2;background:linear-gradient(#ebece31a 1px,transparent 1px),linear-gradient(90deg,#ebece31a 1px,transparent 1px);background-size:36px 36px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}.focus-desk-plate{position:absolute;inset:9% 7% 10%;background:#080b0b;border:1px solid #ebece34a;padding:12px;transform:rotateX(var(--desk-rx,0deg)) rotateY(var(--desk-ry,0deg));transform-style:preserve-3d;transition:transform .3s cubic-bezier(.2,.6,.2,1);box-shadow:0 30px 70px #000a,0 2px 1px #000,0 0 0 5px #151d19,0 0 0 6px #ebece31a}.focus-desk-picture{position:relative;width:100%;height:100%;overflow:hidden;background:#080b0b}.focus-desk-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.focus-desk-glare{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(120deg,transparent 18%,#cbdccd08 32%,#ebf7ed0d 33%,transparent 47%);transform:translateZ(2px)}.focus-desk-edge{position:absolute;width:15px;height:15px;z-index:2;pointer-events:none}.edge-tl{top:-6px;left:-6px;border-left:1px solid #ff4b2b;border-top:1px solid #ff4b2b}.edge-br{bottom:-6px;right:-6px;border-right:1px solid #ff4b2b;border-bottom:1px solid #ff4b2b}.focus-desk-shadow{position:absolute;inset:70% 14% 3%;background:#0008;filter:blur(25px);transform:rotateX(65deg)}.focus-desk-axis{position:absolute;font:400 .48rem/1 ui-monospace,monospace;letter-spacing:.14em;color:#6f7f75;pointer-events:none}.axis-x{top:4%;left:7%}.axis-y{left:2.5%;top:50%;writing-mode:vertical-rl}.focus-desk-instruction{position:absolute;bottom:3%;left:7%;right:7%;font:400 .5rem/1.5 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.07em;color:#9ca39c}.focus-desk-loupe{position:absolute;width:clamp(115px,15vw,215px);aspect-ratio:1;border:1px solid #d7e7d7b3;box-shadow:0 0 0 5px #080c09b3,0 0 0 6px #9ca39c63,0 14px 30px #000b,inset 0 0 16px #0009;border-radius:50%;background-repeat:no-repeat;pointer-events:none;transform:translate(-50%,-50%);display:none;z-index:3}.focus-desk-loupe:before{content:"";position:absolute;inset:7px;border:1px solid #ebf7ed40;border-radius:50%;background:linear-gradient(130deg,#fff2,transparent 37%,transparent 70%,#c7ddd31c)}.focus-desk-loupe:after{content:"+";position:absolute;left:50%;top:50%;color:#ff4b2b;font:200 20px/1 monospace;transform:translate(-50%,-50%);text-shadow:0 1px #000}.focus-desk-loupe span{position:absolute;bottom:13%;width:100%;text-align:center;font:600 .38rem/1 ui-monospace,monospace;letter-spacing:.1em;color:#fff;text-shadow:0 1px 3px #000}.focus-desk[data-detail="true"] .focus-desk-loupe{display:block}.focus-desk-information{display:flex;flex-direction:column;align-items:stretch;padding-top:.25rem}.focus-desk-label{display:flex;justify-content:space-between;color:#9ca39c;font-size:.48rem;margin-bottom:2rem}.focus-desk-information h2{font:750 clamp(1.7rem,2.6vw,3rem)/1 Archivo,sans-serif;letter-spacing:-.06em}.focus-desk-information time{display:block;font:400 .55rem/1.7 ui-monospace,monospace;color:#ff4b2b;margin-top:.8rem}.focus-desk-information .archive-context{margin-top:1.1rem;font-size:.68rem}.focus-desk-information .archive-credit,.focus-desk-information .archive-change,.focus-desk-information .archive-source{font-size:.56rem}.focus-desk-zoom{margin-top:auto;padding-top:2rem}.focus-desk-zoom label{display:flex;justify-content:space-between;font-size:.6rem}.focus-desk-zoom output{color:#ff4b2b;font-family:ui-monospace,monospace}.focus-desk-zoom input{width:100%;margin:1.2rem 0;accent-color:#ff4b2b;cursor:ew-resize;min-height:30px}.focus-desk-zoom p{font-size:.52rem;line-height:1.8;color:#9ca39c}.focus-desk-actions{display:flex;gap:1rem;margin-top:1rem}.focus-desk-actions button{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.4rem;min-height:44px;border:0;border-block:1px solid #5e695f;background:transparent;font-size:.6rem;padding:.7rem 0}.focus-desk-actions button:hover{color:#ff4b2b}.focus-desk-proof{display:flex;align-items:center;gap:.6rem;margin-top:1rem;font-size:.55rem;min-height:32px;cursor:pointer}.focus-desk-proof input{accent-color:#ff4b2b;width:16px;height:16px}.focus-desk-treatment{font-size:.5rem;line-height:1.7;color:#9ca39c}.focus-desk.is-proof .focus-desk-image,.focus-desk.is-proof .focus-desk-loupe{filter:grayscale(1)}.focus-desk-strip{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:1px;border:1px solid #343936;background:#343936;margin-top:1.5rem}.focus-desk-frame{display:grid;grid-template-columns:1fr auto;gap:.5rem;position:relative;border:0;background:#0c100e;color:#9ca39c;min-height:84px;padding:.75rem;text-align:left}.focus-desk-frame img{height:42px;max-width:65px;object-fit:contain;grid-row:span 2;opacity:.5;filter:grayscale(1);transition:opacity .2s}.focus-desk-frame>span{font:400 .52rem/1 ui-monospace,monospace}.focus-desk-frame>small{font:400 .45rem/1 ui-monospace,monospace;align-self:end}.focus-desk-frame[aria-pressed="true"]{background:#20291f;color:#ebece3;box-shadow:inset 0 -2px #ff4b2b}.focus-desk-frame[aria-pressed="true"] img,.focus-desk-frame:hover img{opacity:1;filter:none}.focus-desk-frame[aria-busy="true"]:after{content:"…";position:absolute;right:.75rem;bottom:.25rem;color:#ff4b2b}.focus-desk-status{font-size:.55rem;min-height:1.7em;margin-top:.7rem;color:#9ca39c}.focus-desk-fallback{font-size:.65rem}.focus-desk.is-still .focus-desk-plate{transition:none;transform:none}.focus-desk.is-still .focus-desk-frame img{transition:none}
@media(max-width:900px){.focus-desk-workspace{grid-template-columns:minmax(0,1fr) 240px;gap:1.5rem}.focus-desk-stage{height:480px;min-height:0}.focus-desk-frame{grid-template-columns:1fr;gap:.5rem;min-height:100px;padding:.6rem}.focus-desk-frame img{width:100%;height:36px;grid-row:auto}.focus-desk-frame>small{display:none}}
@media(max-width:660px){.focus-desk{margin:0 6vw 3rem;padding-top:1.5rem}.focus-desk-head{margin-bottom:1.5rem}.focus-desk-head .eyebrow{font-size:.43rem}.focus-desk-head h2{font-size:2.35rem}.focus-desk-counter{gap:.5rem;font-size:.5rem}.focus-desk-counter>span:first-child{font-size:2rem}.focus-desk-workspace{display:block}.focus-desk-stage{height:390px;max-height:65vh;min-height:300px}.focus-desk-plate{inset:10% 7% 12%;padding:7px}.focus-desk-axis{font-size:.4rem}.focus-desk-instruction{font-size:.4rem}.focus-desk-information{padding-top:1.5rem}.focus-desk-label{margin-bottom:1rem}.focus-desk-information h2{font-size:2rem}.focus-desk-information .archive-context{font-size:.7rem;margin-top:.6rem}.focus-desk-zoom{padding-top:1.5rem}.focus-desk-zoom input{margin:.5rem 0}.focus-desk-zoom p{font-size:.58rem}.focus-desk-proof{font-size:.6rem}.focus-desk-actions button{font-size:.66rem}.focus-desk-strip{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.2rem}.focus-desk-frame{min-height:87px;grid-template-columns:1fr auto}.focus-desk-frame img{grid-column:1/-1;grid-row:2;height:35px;max-width:100%}.focus-desk-frame>small{display:block;grid-column:2;grid-row:1;font-size:.42rem}.focus-desk-loupe{width:125px}.focus-desk-information .archive-credit,.focus-desk-information .archive-change,.focus-desk-information .archive-source{font-size:.6rem}.focus-desk-status{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.focus-desk-plate,.focus-desk-frame img{transition:none;transform:none}}

.focus-desk-information .archive-item-heading{display:block}
@media(max-width:660px){.focus-desk-head h2{font-size:clamp(1.75rem,8.8vw,2.35rem)}}

@media(max-width:660px){.focus-desk-stage{height:clamp(230px,70vw,320px);min-height:0}.focus-desk.is-portrait .focus-desk-stage{height:min(480px,65vh)}}

/* Keep the first contact frame beside the controls, regardless of portrait height. */
.archive-records{align-items:flex-start}
.archive-bottom{margin:0 4vw;padding:2rem 0 3rem;border-top:1px solid #343936;display:flex;justify-content:space-between;gap:2rem;font-size:.65rem;line-height:1.8}
.archive-bottom a{display:flex;gap:2rem}
@media(max-width:760px){.archive-bottom{margin:0 6vw;display:grid;gap:1rem;font-size:.6rem}}
