/* Selected direction 03, shared by India and Wandering. */
html:has(.photo-focus){background:#191b1a;color-scheme:dark;scroll-padding-top:24px}
body:has(.photo-focus){--paper:#191b1a;--ink:#e9e7df;--muted:#a2a49b;--rule:#3d413b;--book-english:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--paper);color:var(--ink)}
body:has(.photo-focus)>.masthead{position:relative;background:#191b1a;color:#e9e7df;border-color:#3d413b}
body:has(.photo-focus) .chapter-context{position:static;inset:auto;margin:16px 5% 0;color:#a2a49b;text-shadow:none;font-size:11px;gap:24px}
body:has(.photo-focus) .chapter-context>span{font-size:10px}
body:has(.photo-focus) #portfolio-print-finish-grain,body:has(.photo-focus) #portfolio-print-finish-toggle{display:none!important}
body:has(.photo-focus)>.page-footer{background:#191b1a;color:#a2a49b;border-color:#3d413b}
.photo-focus{font-family:"Helvetica Neue",Helvetica,Arial,"PingFang TC",sans-serif;color:#e9e7df;background:#191b1a;--focus-line:#3d413b}
.photo-focus :where(p,h1,h2,h3,span,a,button,output){text-shadow:none!important}
.photo-focus button,.photo-focus a{touch-action:manipulation}
.photo-focus-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 5%;padding:27px 0 24px;border-bottom:1px solid var(--focus-line)}
.photo-focus-heading h1{font:400 30px/1.2 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.04em;margin:0}
.photo-focus-heading p[lang]{font:400 13px/1.7 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.12em;margin-top:9px}
.photo-focus-meta{text-align:right;font-size:11px;line-height:1.7;color:#a2a49b}
.photo-focus-meta .series-date{margin:6px 0 0;opacity:1}
.photo-focus-gallery{margin:24px 5% 0}
.photo-focus-stage{background:#131514;padding:clamp(16px,2.5vw,40px);display:grid;place-items:center}
.photo-focus.is-enhanced .photo-focus-stage{height:var(--photo-stage-height,calc(100svh - 335px));min-height:220px}
.photo-focus-plate{margin:0;width:100%;height:min(65svh,750px);min-width:0;min-height:0}
.photo-focus.is-enhanced .photo-focus-plate{height:100%}
.photo-focus.is-enhanced .photo-focus-plate[aria-hidden=true]{display:none}
.photo-focus-plate .image-open{height:100%;width:100%;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background:none;border:0}
.photo-focus-plate img{display:block;width:auto;height:auto;max-width:min(100%,var(--native-width));max-height:100%;margin:0;object-fit:contain;filter:none!important}
.photo-focus-controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 0;border-bottom:1px solid var(--focus-line)}
.photo-focus-controls[hidden]{display:none}
.photo-focus-caption{display:flex;gap:18px;align-items:baseline;font:400 11px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif}
.photo-focus-caption>span:last-child{color:#a2a49b}
.photo-focus-steps{display:flex;align-items:center;gap:20px}
.photo-focus-steps button{min-width:44px;min-height:44px;padding:8px;background:transparent;border:1px solid var(--focus-line);border-radius:0;font:400 18px/1 "Helvetica Neue",Helvetica,Arial,sans-serif;color:inherit}
.photo-focus button:hover:not(:disabled){background:#30342e}
.photo-focus button:disabled{opacity:.3;cursor:default}
.photo-focus-position{font:400 11px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;min-width:52px;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em}
.photo-focus-overview{justify-self:end;min-height:44px;background:transparent;border:0;border-radius:0;padding:10px 4px;font:400 11px/1.6 "Helvetica Neue",Helvetica,Arial,sans-serif;color:inherit}
.photo-focus-overview span{color:#a2a49b;margin-left:7px}
.photo-focus-overview-panel{padding:25px 0 0}
.photo-focus-overview-panel[hidden]{display:none}
.photo-focus-overview-heading{display:flex;justify-content:space-between;gap:20px;color:#a2a49b;font-size:10px;line-height:1.6;letter-spacing:.05em;margin-bottom:20px}
.photo-focus-thumbs{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:14px}
.photo-focus-thumb{display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;padding:7px 5px;text-decoration:none;border:1px solid transparent;color:#a2a49b;font:400 10px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif}
.photo-focus-thumb[aria-current=true]{border-color:#e9e7df;color:#e9e7df}
.photo-focus-thumb:hover{background:#30342e}
.photo-focus-thumb-image{width:100%;height:65px;display:flex;justify-content:center;align-items:center}
.photo-focus-thumb img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;filter:none!important}
.photo-focus .copy-series-note{display:block;margin:80px 5% 0;padding:28px 0 60px;background:transparent;color:inherit;border-top:1px solid var(--focus-line);font-family:inherit}
.photo-focus .copy-series-note>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;flex-wrap:wrap;margin-bottom:40px}
.photo-focus .copy-series-note h2{font:400 22px/1.4 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:-.025em}
.photo-focus .copy-series-note h2 span{display:block;font:400 12px/1.7 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:.08em;margin-top:8px}
.photo-focus .copy-series-note header>p{font:400 11px/1.7 "Helvetica Neue",Helvetica,Arial,sans-serif;color:#a2a49b;max-width:240px}
.photo-focus .copy-series-note>.copy-pairs{max-width:1050px;margin-left:auto;font-family:inherit}
.photo-focus .copy-pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,6vw,90px);margin-bottom:30px}
.photo-focus .copy-pair p,.photo-focus .copy-pair p[lang=zh-Hant]{margin:0;font:400 15px/1.9 "Helvetica Neue",Helvetica,Arial,"PingFang TC",sans-serif;opacity:1;color:#d7d8d0}
.photo-focus .wandering-navigation{background:transparent;color:#a2a49b;border-top:1px solid var(--focus-line);padding:35px 5% 60px}
.photo-focus .wandering-navigation li a{border-color:var(--focus-line);color:#a2a49b}
.photo-focus .wandering-navigation [aria-current=page]{border-color:#e9e7df;color:#e9e7df}
.photo-focus [inert]{pointer-events:none}
@media(max-width:900px){.photo-focus-thumbs{grid-template-columns:repeat(5,minmax(0,1fr))}.photo-focus-caption{flex-direction:column;gap:3px}.photo-focus-steps{gap:12px}}
@media(max-width:600px){
 body:has(.photo-focus) .chapter-context{margin:12px 6% 0;gap:8px 18px;font-size:10px}
 body:has(.photo-focus) .chapter-context .series-date{display:none}
 .photo-focus-heading{margin:0 6%;padding:20px 0;gap:14px;align-items:flex-start}
 .photo-focus-heading h1{font-size:25px;max-width:240px}
 .photo-focus-heading p[lang]{font-size:12px;margin-top:7px}
 .photo-focus-meta{font-size:10px;min-width:85px;max-width:100px;padding-top:3px}
 .photo-focus-meta .series-date{font-size:10px}
 .photo-focus-gallery{margin:18px 6% 0}
 .photo-focus-stage{padding:14px}
 .photo-focus-controls{grid-template-columns:1fr auto;gap:9px 16px;padding:12px 0}
 .photo-focus-caption{font-size:10px}
 .photo-focus-position{font-size:10px;min-width:46px}
 .photo-focus-steps{gap:9px}
 .photo-focus-overview{grid-column:1/-1;min-height:36px;padding:6px 4px;font-size:11px}
 .photo-focus-thumbs{gap:8px}
 .photo-focus-thumb{padding:5px 3px;gap:7px}
 .photo-focus-thumb-image{height:48px}
 .photo-focus-overview-heading{font-size:10px}
 .photo-focus .copy-series-note{margin:60px 6% 0;padding-bottom:30px}
 .photo-focus .copy-series-note>header{display:block;margin-bottom:28px}
 .photo-focus .copy-series-note header>p{max-width:none;margin-top:10px}
 .photo-focus .copy-pair{grid-template-columns:1fr;gap:18px}
 .photo-focus .copy-pair p,.photo-focus .copy-pair p[lang=zh-Hant]{font-size:14px;line-height:1.9}
 .photo-focus .wandering-navigation{padding-inline:6%}
}
@media(prefers-reduced-motion:reduce){.photo-focus *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.photo-focus .essay-next{margin:60px 5% 0;padding:32px 0 60px;color:#a2a49b;background:transparent;border-color:var(--focus-line);flex-wrap:wrap}
.photo-focus .essay-next>div{display:flex;flex-wrap:wrap;gap:18px 32px}
.photo-focus .essay-next>div>a{font:400 18px/1.5 "Helvetica Neue",Helvetica,Arial,sans-serif;letter-spacing:0}
.photo-focus .essay-next>div>a>span{font-size:14px;margin-left:8px}
@media(max-width:600px){.photo-focus .essay-next{margin-inline:6%;padding-bottom:40px}.photo-focus .essay-next>div{margin-top:24px}.photo-focus .essay-next--without-index>div{margin-top:0}}
