/* Review desk: photograph, series, production context. Only Direction 02D. */
.viewer{--v-ink:#e9e6dd;--v-muted:#b6b9ae;--v-line:#393b36;background:#141612;color:var(--v-ink);position:fixed;inset:0;padding:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;border:0;overscroll-behavior:contain}
.viewer::backdrop{background:#141612}
.viewer[open]{display:grid;grid-template-columns:minmax(0,1fr) clamp(270px,23vw,360px);grid-template-rows:76px minmax(0,1fr) 116px 36px;gap:0;isolation:isolate}
.viewer button,.viewer a{touch-action:manipulation}
.viewer :focus-visible{outline:2px solid #e3b18f;outline-offset:-3px}
.viewer-header{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--v-line);padding:0 32px;gap:28px;background:#141612;z-index:4}
.viewer-brand{font:500 40px/.9 Manrope,sans-serif;letter-spacing:-.095em;min-width:90px}.viewer-brand span{color:#d78468}
.viewer-label{font:10px/1.5 Consolas,monospace;letter-spacing:.09em;color:var(--v-muted);margin-right:auto}.viewer-label i{font-style:normal;margin-inline:14px;color:#777b70}
.viewer-close{font:13px/1.5 Manrope,'Doit Korean',sans-serif;display:flex;gap:28px;min-width:48px;min-height:48px;justify-content:space-between;color:var(--v-ink)}
.viewer-close svg,.viewer-step svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.25}
.viewer-canvas{grid-column:1;grid-row:2;position:relative;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) 60px;overflow:hidden}
.viewer-stage{min-width:0;min-height:0;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;touch-action:none;padding:0;margin:0;background:#141612}
.viewer-image{width:auto;height:auto;max-width:calc(100% - 64px);max-height:calc(100% - 40px);object-fit:contain;transform-origin:center;flex-shrink:0;will-change:transform;transition:opacity 100ms linear}
.viewer-stage.is-loading .viewer-image{opacity:.25}.viewer-stage[aria-busy=true]:after{display:none}
.viewer-loading{display:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:13px;padding:12px 20px;background:#141612e6;white-space:nowrap}.is-loading .viewer-loading{display:block}
.viewer-stage.is-zoomed{cursor:grab}.viewer-stage.is-zoomed:active{cursor:grabbing}
.viewer-canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-inline:32px;border-top:1px solid var(--v-line)}
.viewer-frame-label{font:10px/1.5 Consolas,monospace;letter-spacing:.08em;color:var(--v-muted);white-space:nowrap}.viewer-frame-label b{font-weight:400;color:var(--v-ink);margin-left:8px}
.viewer-tools{gap:0;display:flex;align-items:center}.viewer-tools button{display:flex;align-items:center;justify-content:center;min-width:48px;min-height:48px;font:13px/1.4 Manrope,'Doit Korean',sans-serif;padding-inline:10px}.viewer-tools [data-zoom-in],.viewer-tools [data-zoom-out]{font-size:22px}.viewer-tools output{font:12px/1 Consolas,monospace;min-width:46px;text-align:center;color:var(--v-muted)}.viewer-tools [data-zoom]{min-width:102px}.viewer-tools button:hover{background:#ffffff0d}.viewer-tool-divider{width:1px;height:16px;background:var(--v-line);margin-inline:14px}
.viewer-information{grid-column:2;grid-row:2/4;background:#e9e6dd;color:#21221e;display:flex;flex-direction:column;gap:32px;padding:36px 28px 22px;overflow:auto;scrollbar-width:thin;border-left:1px solid #d0cdc3;min-width:0}
.viewer-overline{font:10px/1.5 Consolas,monospace;letter-spacing:.065em;color:var(--v-muted)}
.viewer-information .viewer-overline{color:#626359}.viewer-information h2{font:400 clamp(50px,5vw,76px)/.95 Instrument,Georgia,serif;letter-spacing:-.035em;margin:23px 0 26px;overflow-wrap:anywhere}
.viewer-caption{font-size:13px;line-height:1.85;color:#57594f;max-width:28ch;word-break:keep-all;overflow-wrap:anywhere}
.viewer-credits{margin:28px 0 0;padding-top:20px;border-top:1px solid #c5c2b7;display:grid;gap:12px}.viewer-credits>div{display:grid;gap:4px}.viewer-credits dt{font:10px/1.5 Consolas,monospace;color:#626359}.viewer-credits dd{margin:0;font-size:13px;line-height:1.5}
.viewer-context{margin-top:auto;padding-top:12px}.viewer-context a{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;border-top:1px solid #c5c2b7}.viewer-context .viewer-inquiry{color:#8c2422}.viewer-context a span{font-size:23px}.viewer-context a:hover{border-top-color:currentColor}
.viewer-inspect{display:none}.viewer.is-zoomed .viewer-inspect{display:block}.viewer-map{width:96px;position:relative;margin-top:12px;cursor:crosshair;touch-action:none;user-select:none;overflow:hidden;background:#20221d}.viewer-map img{width:100%;height:100%;object-fit:contain;opacity:.6}.viewer-map-window{position:absolute;border:1px solid #fff4cc;background:#fff4cc20;box-shadow:0 0 0 1px #14161266;pointer-events:none}.viewer-inspect p{font-size:11px;line-height:1.7;color:#626359;margin-top:10px}
.viewer-info-toggle{display:none}
.viewer-bottom{grid-column:1;grid-row:3;display:grid;grid-template-columns:130px minmax(0,1fr) 108px;align-items:center;gap:16px;padding:12px 32px;border-top:1px solid var(--v-line)}
.viewer-sequence{display:flex;flex-direction:column;gap:8px}.viewer-sequence #viewer-count{font:19px/1.2 Manrope,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;color:var(--v-ink)}
.viewer-strip{padding:4px 3px 8px;display:flex;gap:12px;min-width:0;align-items:center;justify-content:safe center;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#62665a transparent}
.viewer-strip button{flex:0 0 48px;min-width:48px;height:76px;border:0;padding:0 0 7px;opacity:.55;position:relative;transition:opacity 120ms;outline-offset:2px}.viewer-strip button img{width:100%;height:64px;object-fit:cover}.viewer-strip button span{display:none}.viewer-strip button[aria-current=true]{border:0;padding:0 0 7px;opacity:1}.viewer-strip button[aria-current=true]:after{content:'';position:absolute;height:2px;bottom:0;inset-inline:0;background:#d78468}.viewer-strip button:hover{opacity:1}
.viewer-step{display:flex;gap:8px;align-items:center}.viewer-step button{min-width:48px;width:48px;height:48px;border:1px solid #62665a;display:grid;place-items:center;border-radius:50%;padding:0;font-size:20px}.viewer-step button:hover:not(:disabled){background:var(--v-ink);color:#141612}.viewer-step button:disabled{opacity:.3}
.viewer-footnote{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 32px;border-top:1px solid var(--v-line);color:var(--v-muted);font:10px/1.5 Consolas,'Doit Korean',monospace;letter-spacing:.02em}.viewer-hint{font:inherit;text-align:left}.viewer-footnote #viewer-dimensions{margin-left:auto}.viewer-direct{min-height:30px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:4px}
.viewer .image-error{font-size:14px;padding:24px;line-height:1.8}.viewer .image-error button{min-height:48px;margin-top:12px}
@media(min-width:2000px){.viewer-image{max-width:calc(100% - 120px);max-height:calc(100% - 64px)}.viewer-information{padding:42px 32px}.viewer-information h2{font-size:82px}.viewer-caption{font-size:15px}.viewer-credits dd,.viewer-context a{font-size:15px}}
@media(max-width:1000px) and (min-width:761px){.viewer[open]{grid-template-columns:minmax(0,1fr) 250px}.viewer-header{padding-inline:22px}.viewer-information{padding:26px 20px;gap:22px}.viewer-information h2{font-size:56px}.viewer-bottom{padding-inline:20px;grid-template-columns:90px minmax(0,1fr) 48px;gap:12px}.viewer-step{flex-direction:column;gap:0}.viewer-step button{height:44px;width:44px;min-width:44px;border:0}.viewer-canvas-footer{padding-inline:20px}.viewer-frame-label{display:none}.viewer-tools{margin:auto}.viewer-tool-divider{margin-inline:5px}.viewer-sequence .viewer-overline{font-size:9px}}
@media(max-width:760px){
 .viewer[open]{grid-template-columns:minmax(0,1fr);grid-template-rows:64px minmax(0,1fr) 100px 32px}
 .viewer-header{padding:0 18px;gap:16px}.viewer-brand{font-size:33px;min-width:66px}.viewer-label{font-size:9px;letter-spacing:.03em}.viewer-label i{margin-inline:6px}.viewer-label #viewer-category{display:none}.viewer-label i{display:none}.viewer-close{min-width:48px;justify-content:center}.viewer-close>span{display:none}
 .viewer-canvas{grid-row:2;grid-template-rows:minmax(0,1fr) 58px}.viewer-image{max-width:100%;max-height:100%}.viewer-canvas-footer{padding:0 12px;gap:8px}.viewer-frame-label{display:none}.viewer-tools{flex:1;justify-content:flex-start}.viewer-tools button{min-width:40px;padding-inline:6px;font-size:12px}.viewer-tools [data-zoom]{min-width:88px}.viewer-tools [data-native]{min-width:38px}.viewer-tools output{min-width:40px;font-size:11px}.viewer-tool-divider{display:none}.viewer-tools [data-zoom-in],.viewer-tools [data-zoom-out]{font-size:20px}
 .viewer-info-toggle{display:flex;align-items:center;justify-content:center;min-height:48px;min-width:78px;font-size:12px;white-space:nowrap;color:#e9e6dd}
 .viewer-information{display:none;position:absolute;grid-column:auto;grid-row:auto;inset:64px 0 190px auto;width:min(330px,100%);z-index:3;padding:26px 24px 20px;gap:24px;box-shadow:-16px 0 40px #0003}.viewer.has-info .viewer-information{display:flex}.viewer-information h2{font-size:66px;margin-block:18px}.viewer-caption{font-size:13px}.viewer-credits{margin-top:20px}.viewer-context{padding-top:0}.viewer-information .viewer-inspect{display:none}.viewer.is-zoomed.has-info .viewer-inspect{display:block}.viewer-map{width:68px}
 .viewer-bottom{grid-column:1;grid-row:3;padding:8px 14px;grid-template-columns:66px minmax(0,1fr) 100px;gap:8px}.viewer-sequence{gap:7px}.viewer-sequence .viewer-overline{font-size:8px;letter-spacing:0}.viewer-sequence #viewer-count{font-size:13px}.viewer-strip{gap:8px;padding:3px 2px 7px;justify-content:safe center}.viewer-strip button{flex-basis:48px;height:68px}.viewer-strip button img{height:56px}.viewer-step{gap:4px}.viewer-step button{min-width:48px;width:48px;height:48px}.viewer-step svg{width:21px}
 .viewer-footnote{grid-column:1;padding-inline:14px;gap:12px;font-size:9px}.viewer-hint{font-size:9px;max-width:calc(100% - 70px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.viewer-footnote #viewer-dimensions{display:none}.viewer-direct{white-space:nowrap;min-height:30px}
}
@media(max-width:360px){.viewer-tools [data-native]{display:none}.viewer-bottom{grid-template-columns:54px minmax(0,1fr) 100px;gap:5px;padding-inline:10px}.viewer-tools button{min-width:38px}.viewer-tools [data-zoom]{min-width:84px}.viewer-info-toggle{min-width:74px}.viewer-sequence #viewer-count{font-size:12px}}
@media(max-height:600px) and (min-width:761px){.viewer[open]{grid-template-rows:56px minmax(0,1fr) 90px 30px}.viewer-information{padding:20px;gap:18px}.viewer-information h2{font-size:42px;margin-block:12px}.viewer-caption{font-size:12px}.viewer-credits{margin-top:16px;padding-top:14px;gap:8px}.viewer-bottom{padding-block:4px}.viewer-strip button{height:66px}.viewer-strip button img{height:54px}.viewer-map{width:60px}}
@media(prefers-reduced-motion:reduce){.viewer *{transition:none!important;animation:none!important}}

.viewer-close>span{font-size:13px}

.viewer-native-mobile{display:none}
@media(max-width:760px){
 .viewer-tools [data-native]{display:none}
 .viewer-tools button{min-width:48px;min-height:48px}
 .viewer-context .viewer-native-mobile{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;font-size:13px;border-top:1px solid #c5c2b7}
 .viewer-context .viewer-native-mobile span{font-size:12px}
 .viewer[open]{grid-template-rows:64px minmax(0,1fr) 100px 48px}
 .viewer-direct{min-height:48px}
 .viewer-information{bottom:206px}
 .viewer-footnote .viewer-hint{display:block;flex:1;min-width:0}
 .viewer-tools [data-zoom]{min-width:88px}
}
@media(max-width:360px){.viewer-canvas-footer{padding-inline:8px;gap:8px}.viewer-tools output{min-width:36px}.viewer-tools [data-zoom]{min-width:80px}.viewer-info-toggle{min-width:72px}}
@media(max-width:1000px) and (min-width:761px){.viewer-step button{min-width:48px;width:48px}}

@media(max-width:1000px) and (min-width:761px){.viewer-bottom{padding-block:8px}}

/* Two coherent navigation pairs: photograph edges and the centered contact strip. */
.viewer-nav{display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;border:1px solid #f3efe3b3;background:#171a16ed;color:#f9f6eb;box-shadow:0 2px 14px #0004;z-index:2;padding:0;transition:background 120ms,color 120ms}
.viewer-nav svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;pointer-events:none}
.viewer-nav:hover:not(:disabled){background:#f9f6eb;color:#171a16;border-color:#f9f6eb}.viewer-nav:disabled{opacity:.32;cursor:default}
.viewer-stage>.viewer-nav{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;z-index:3;touch-action:manipulation}
.viewer-stage>.viewer-nav-prev{left:24px}.viewer-stage>.viewer-nav-next{right:24px}
.viewer-stage.is-zoomed>.viewer-nav{background:#171a16f5;border-color:#f9f6eb;box-shadow:0 0 0 3px #171a1655,0 4px 18px #0006}
.viewer-stage.is-zoomed>.viewer-nav:hover:not(:disabled){background:#f9f6eb;color:#171a16}
.viewer-bottom{display:flex;justify-content:center;position:relative;gap:0;padding:12px 32px}
.viewer-bottom>.viewer-sequence{position:absolute;left:32px;top:50%;transform:translateY(-50%)}
.viewer-film-navigation{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:16px;width:min(560px,calc(100% - 260px));min-width:0}
.viewer-film-navigation .viewer-strip{justify-content:safe center;min-width:0;gap:12px}.viewer-film-navigation>.viewer-nav{box-shadow:none;background:transparent;border-color:#777c6f}
@media(max-width:1000px) and (min-width:761px){.viewer-stage>.viewer-nav-prev{left:16px}.viewer-stage>.viewer-nav-next{right:16px}.viewer-stage>.viewer-nav{width:48px;height:48px}.viewer-bottom{padding-inline:20px}.viewer-bottom>.viewer-sequence{left:20px}.viewer-film-navigation{gap:10px;width:calc(100% - 170px)}}
@media(max-width:760px){
 .viewer-stage>.viewer-nav{width:48px;height:48px}.viewer-stage>.viewer-nav-prev{left:10px}.viewer-stage>.viewer-nav-next{right:10px}
 .viewer-bottom{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;padding:8px 14px;justify-content:stretch}
 .viewer-bottom>.viewer-sequence{position:static;transform:none;min-width:0}.viewer-sequence .viewer-overline{display:none}.viewer-sequence #viewer-count{font-size:11px;white-space:nowrap;letter-spacing:0}
 .viewer-film-navigation{width:100%;gap:8px;grid-template-columns:48px minmax(0,1fr) 48px}.viewer-film-navigation .viewer-strip{gap:8px}
}
@media(max-width:360px){.viewer-bottom{padding-inline:10px;gap:7px;grid-template-columns:43px minmax(0,1fr)}.viewer-film-navigation{gap:6px}.viewer-stage>.viewer-nav-prev{left:8px}.viewer-stage>.viewer-nav-next{right:8px}}
@media(prefers-reduced-motion:reduce){.viewer-nav{transition:none}}
.viewer-film-navigation{width:min(calc(var(--strip-count)*60px + 122px),560px,calc(100% - 260px))}
@media(max-width:1000px) and (min-width:761px){.viewer-film-navigation{width:min(calc(var(--strip-count)*60px + 110px),calc(100% - 170px))}}
@media(max-width:760px){.viewer-film-navigation{width:100%}}
