:root{color-scheme:dark;--paper:#f2ecdf;--muted:#c4bcae;--ink:#151613;--line:#46483f;--accent:#d8bc79;font-family:var(--font-body,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif);background:var(--ink);color:var(--paper)}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:.25em}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}h1,h2,p{margin-top:0}h1,h2{font-family:var(--font-display,"Hiragino Mincho ProN","Yu Mincho",serif);font-weight:500;line-height:var(--leading-tight,1.45)}h1{font-size:var(--type-page-title,clamp(1.75rem,1.2rem + 1.5vw,2.5rem));letter-spacing:.03em}h2{font-size:var(--type-section-title,1.5rem)}p{line-height:var(--leading-body,1.85)}main,.masthead,.footer{max-width:1280px;margin:auto;padding-inline:clamp(20px,5vw,64px)}.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:26px;border-bottom:1px solid var(--line)}.masthead>a{font-size:.85rem}.masthead .brand{font-family:"Yu Mincho",serif;text-decoration:none;font-size:1.4rem;white-space:nowrap}.brand span{display:block;font:10px sans-serif;letter-spacing:.18em;color:var(--muted);margin-top:7px}.skip{position:absolute;left:20px;top:-100px;background:var(--paper);color:var(--ink);padding:15px;z-index:10}.skip:focus{top:10px}.intro{padding:65px 0 35px}.intro h1{margin-bottom:22px}.eyebrow{color:var(--accent);font-size:var(--type-meta,.8125rem);letter-spacing:.08em;margin-bottom:18px}.lead{color:var(--muted);font-size:var(--type-lead,1.0625rem);max-width:750px}.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.city-card{display:block;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:24px}.city-image{aspect-ratio:16/8;overflow:hidden;background:#252b24}.city-image img,.city-panorama img{width:100%;height:100%;object-fit:cover}.city-caption{padding-top:21px}.city-caption h2{font-size:2rem;margin-bottom:8px}.city-caption p{color:var(--muted);font-size:.83rem}.city-caption>span{font-size:.88rem;color:var(--accent)}.city-card:hover h2{color:var(--accent)}.quick{padding-block:55px;margin-top:25px;border-bottom:1px solid var(--line)}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.quick-grid a{padding:22px;border:1px solid var(--line);text-decoration:none}.quick-grid a:hover{border-color:var(--accent)}.quick-grid strong{font-weight:500;line-height:1.7;display:block}.quick-grid span{display:block;color:var(--muted);font-size:.8rem;margin-top:12px}.credits{margin:28px 0 45px;font-size:.72rem;color:var(--muted);line-height:1.8}.credits summary,.background summary{cursor:pointer;min-height:44px;padding:12px 0}.credits p{margin:10px 0}.footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-block:24px;color:var(--muted);font-size:.76rem}.footer p{margin:0}.city-hero{position:relative;margin-top:30px;min-height:260px;display:flex;align-items:flex-end;isolation:isolate}.city-panorama{position:absolute;inset:0;z-index:-2;overflow:hidden}.city-panorama:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.87),rgba(0,0,0,.13))}.city-heading{padding:30px}.city-heading h1{margin:0;font-size:clamp(2.3rem,6vw,4rem)}.city-heading h1 span{font-family:sans-serif;font-size:1.1rem;display:inline-block;margin-left:16px}.city-heading .eyebrow{color:#f0d79f}.category-nav{display:flex;gap:8px;margin-block:25px;flex-wrap:wrap}.category-nav>a,.category-nav>span{display:flex;gap:15px;align-items:center;padding:15px 23px;border:1px solid var(--line);text-decoration:none;font-size:.95rem}.category-nav>span{background:var(--paper);color:var(--ink);border-color:var(--paper)}.category-nav small{font-size:.7rem;opacity:.8}.category-nav a:hover{border-color:var(--accent)}.collection-lead{color:var(--muted);font-size:.9rem}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.work-card{border:1px solid var(--line)}.work-card>a{height:100%;display:flex;flex-direction:column;text-decoration:none}.card-art{height:112px;display:flex;align-items:center;justify-content:space-between;padding:26px;background:linear-gradient(120deg,#383e31,#222821);border-bottom:1px solid var(--line)}.book .card-art{background:linear-gradient(120deg,#574530,#2b2920)}.film .card-art{background:linear-gradient(120deg,#383845,#20232c)}.media-mark{font-family:"Yu Mincho",serif;font-size:2.1rem;color:#e6d4a6}.card-number{font-size:.7rem;letter-spacing:.17em;color:var(--muted)}.card-body{padding:23px;display:flex;flex-direction:column;flex:1}.card-body h2{font-size:1.28rem;margin-bottom:12px;overflow-wrap:anywhere}.relation{color:var(--accent);font-size:.68rem;letter-spacing:.03em;margin-bottom:12px}.creator{color:var(--muted);font-size:.73rem;margin-bottom:20px}.card-why{font-size:.78rem;line-height:1.85;color:var(--muted);margin:0 0 8px;padding-top:12px;border-top:1px solid var(--line)}.card-why span{display:block;color:var(--accent);font-size:.68rem;letter-spacing:.03em;margin-bottom:4px}.card-source{font-size:.7rem;color:var(--muted);margin:0 0 16px}.venue-entry{margin:16px 0 0}.venue-entry a{display:inline-flex;min-height:44px;align-items:center;color:var(--accent);font-size:.9rem}.wk-list h2 small{color:var(--muted);font-size:.7rem;font-weight:400;margin-left:8px}.card-source a{display:inline-flex;min-height:44px;align-items:center;color:var(--muted);text-underline-offset:3px}.card-action{margin:auto 0 0;font-size:.85rem;padding-top:8px}.card-action span{float:right}.work-card:hover{border-color:var(--accent)}.feature{margin-top:45px;border-block:1px solid var(--line);padding-block:28px}.feature h2{font-size:1.2rem}.feature p:not(.eyebrow),.feature small{font-size:.8rem;color:var(--muted)}.city-exit{padding-block:25px;font-size:.85rem}.detail{max-width:870px;margin:55px auto 75px}.detail h1{font-size:clamp(2rem,4.6vw,3.4rem);overflow-wrap:anywhere;margin-bottom:15px}.detail-creator{color:var(--muted);font-size:.88rem}.detail-hook{font-size:1.08rem;margin:23px 0 28px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--accent);color:#151613;border:0;padding:20px 26px;text-decoration:none;line-height:1.6;font-weight:500;min-height:56px}.primary:hover{background:#ead19b}.destination>p{color:var(--muted);font-size:.76rem;margin-top:12px}.background{border-block:1px solid var(--line);margin-top:30px;padding:8px 0;color:var(--muted);font-size:.86rem}.background p{margin:16px 0}.player{margin-bottom:26px}.v3-video-frame{aspect-ratio:16/9;width:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#363b31,#10120f);border:1px solid var(--line);padding:20px}.v3-video-frame:has(iframe){padding:0}.v3-video-iframe{width:100%;height:100%;border:0;display:block}.player-stop{background:transparent;border:1px solid var(--line);color:var(--paper);padding:12px 18px;margin-top:14px}.player-status{color:var(--muted);font-size:.77rem;margin:12px 0 0}.player [hidden]{display:none}.player+.destination .primary{background:transparent;color:var(--paper);padding:0;text-decoration:underline;font-size:.86rem;min-height:44px;justify-content:flex-start}
@media(max-width:800px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-hero{min-height:230px}.city-heading{padding:22px}.detail{margin-top:36px}.masthead{gap:16px}.masthead .brand{font-size:1.05rem}.masthead>a{font-size:.75rem}.v3-video-frame .primary{padding:15px;font-size:.9rem}.footer{flex-direction:column;gap:8px}}
@media(max-width:520px){.intro{padding-top:38px}.city-grid{gap:28px;grid-template-columns:1fr}.city-image{aspect-ratio:16/7}.city-caption h2{font-size:1.7rem}.quick-grid{grid-template-columns:1fr;gap:14px}.work-grid{grid-template-columns:1fr;gap:16px}.work-card>a{flex-direction:row}.card-art{width:90px;height:auto;flex-shrink:0;padding:18px 12px;flex-direction:column;gap:30px;border-bottom:0;border-right:1px solid var(--line)}.card-body{padding:19px}.card-body h2{font-size:1.15rem}.creator{margin-bottom:15px}.category-nav{gap:5px;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;justify-content:flex-start}.category-nav>a,.category-nav>span{flex:0 0 auto;min-width:max-content;padding:12px 10px;gap:8px;justify-content:center;font-size:.8rem}.city-heading h1 span{display:block;margin:8px 0 0;font-size:.9rem}.detail-hook{font-size:.97rem}.primary{width:100%;font-size:.9rem;padding:18px}.player+.destination .primary{width:auto}.brand span{font-size:9px}.masthead{padding-block:20px}.masthead>a:last-child{max-width:100px;line-height:1.7}.v3-video-frame{min-height:180px}.city-hero{min-height:210px}}
.audio .card-art{background:linear-gradient(120deg,#304541,#1c2826)}.audio-player .v3-video-frame{background:radial-gradient(ellipse at center,#304541,#101513)}.trailer{margin:34px 0;padding-top:28px;border-top:1px solid var(--line)}.trailer h2{margin-bottom:18px}.trailer-fallback{margin:4px 0 0;font-size:.82rem}

/* A light catalogue: warm paper, dark ink, and unfiltered street photographs. */
:root{color-scheme:light;--paper:#292f28;--muted:#596354;--ink:#f8f7f2;--line:#cdd4c7;--accent:#775324;--surface:#fffefa;background:var(--ink);color:var(--paper)}
.city-card,.quick-grid a,.work-card,.connection{background:var(--surface)}
.city-caption{padding:20px}.city-card{padding-bottom:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.city-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:stretch;min-height:0;background:#eeeee5;border:1px solid var(--line)}
.city-panorama{position:relative;inset:auto;z-index:auto;height:250px;min-width:0}.city-panorama:after{display:none}
.city-heading{display:flex;flex-direction:column;justify-content:center;padding:28px}.city-heading .eyebrow{color:var(--accent)}
.card-art{background:#e6ebdf}.book .card-art{background:#eee4d0}.film .card-art{background:#e6e6ee}.audio .card-art{background:#dce9e2}.media-mark{color:#4b5f43}.film .media-mark{color:#50566e}.book .media-mark{color:#6d5736}
.primary{color:#fff}.primary:hover{background:#5f421d}.v3-video-frame .primary{background:#f0e5cd;color:#282e25}
.other-cities{margin:0 0 24px;padding:16px 0;border-block:1px solid var(--line)}
.other-cities h2{font:inherit;font-size:.875rem;font-weight:600;margin:0 0 8px}
.other-cities>div{display:flex;flex-wrap:wrap;gap:8px 16px}
.other-cities a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 4px;font-size:1rem}
.other-cities a span{font-size:.875rem;color:var(--muted)}
.city-column{margin-block:32px;padding-block:24px;border-block:1px solid var(--line)}
.city-column>p{font-size:1rem;line-height:1.9;max-width:42em}
.city-editorials{margin-block:32px;padding-block:24px;border-top:1px solid var(--line)}
.city-editorials p,.city-editorials summary{font-size:1rem;line-height:1.85}
.city-editorials summary{color:var(--ink);font-weight:600}
.city-editorials .background{margin-top:16px}
.watch-now{padding:28px 0 54px;margin-bottom:34px;border-bottom:1px solid var(--line)}
.watch-heading{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.2fr);column-gap:32px;align-items:end;margin-bottom:20px}.watch-heading .eyebrow{grid-column:1/-1;margin-bottom:8px}.watch-heading h2{font-size:clamp(1.7rem,3.5vw,2.8rem);margin:0}.watch-heading>p:last-child{color:var(--muted);font-size:1rem;margin:0}
.watch-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:24px}.watch-lead{border:1px solid var(--line);background:var(--surface)}.watch-lead>.official-media{margin:0}.watch-lead>.official-media figcaption{display:none}.watch-lead>div{padding:22px}.watch-lead h3{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:clamp(1.25rem,2.2vw,1.75rem);font-weight:500;margin:0 0 10px}.watch-lead h3 a{text-decoration-thickness:1px}.watch-lead p{font-size:1rem}.watch-detail{display:inline-flex;min-height:44px;align-items:center;font-size:.95rem}
.watch-list{display:grid;border-top:1px solid var(--line)}.watch-list>a{display:flex;flex-direction:column;justify-content:center;min-height:128px;padding:18px 4px;border-bottom:1px solid var(--line);text-decoration:none}.watch-list>a:hover strong{text-decoration:underline;text-underline-offset:.25em}.watch-list span{color:var(--accent);font-size:.8rem}.watch-list strong{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.05rem;font-weight:500;margin:6px 0}.watch-list small{color:var(--muted);font-size:.875rem;line-height:1.6}
.related-work{margin-top:34px;padding:26px;border:1px solid var(--line);background:var(--surface)}.related-work .eyebrow{margin-bottom:9px}.related-work h2{margin-bottom:9px}.related-work p:not(.eyebrow){margin-bottom:10px}.related-work small{font-size:.875rem;color:var(--muted)}
.research-spotlight{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);gap:36px;margin:0 0 54px;padding:32px;border:1px solid var(--line);background:var(--surface)}.research-spotlight h2{font-size:clamp(1.45rem,2.8vw,2.2rem);margin-bottom:14px}.research-spotlight p{font-size:1rem;max-width:48em}.research-spotlight>div:last-child{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;border-left:1px solid var(--line);padding-left:28px}.research-meta{color:var(--muted);font-size:.875rem!important}.research-link{display:inline-flex;align-items:center;min-height:44px;font-size:.95rem}.research-grid{display:grid;gap:24px;margin:0 0 42px}.research-card{padding:clamp(24px,4vw,42px);border:1px solid var(--line);background:var(--surface)}.research-card h2{font-size:clamp(1.45rem,3vw,2.35rem);margin-bottom:14px}.research-card>p:not(.eyebrow):not(.research-meta){max-width:48em;font-size:1rem}.research-card ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:20px 0;padding:18px 0;border-block:1px solid var(--line);list-style:none}.research-card li{font-size:.875rem;color:var(--muted)}.research-method{max-width:720px;margin:0 0 64px;padding-top:28px;border-top:1px solid var(--line)}.research-method p,.research-byline,.research-back{color:var(--muted);font-size:.875rem}.research-back{margin-bottom:18px}.research-byline{margin:-10px 0 34px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.editorial-entry{margin:8px 0 20px;font-size:1rem}
.research-toc{display:flex;flex-wrap:wrap;gap:8px 24px;padding-block:16px;margin-block:24px;border-block:1px solid var(--line)}.research-toc a{display:inline-flex;align-items:center;min-height:44px;font-size:1rem}#research-comparison,#research-timeline,#research-sources{scroll-margin-top:24px}
.editorial-entry a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:.2em}
.work-city-context{margin-block:24px;padding-block:20px;border-top:1px solid var(--line)}
.work-city-context h2{font-size:1rem;margin:0 0 10px}
.work-city-context p{font-size:1rem;line-height:1.85;max-width:42em}
#editorials-title{scroll-margin-top:24px}
.street-fragment{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(24px,4vw,48px);align-items:center;margin:40px 0 24px;padding:clamp(24px,4vw,40px) 0;border-block:1px solid var(--line)}
.street-fragment-photo{margin:0;min-width:0}.street-fragment-photo>img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:#e5e5df}.street-fragment-photo figcaption{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding-top:10px;color:var(--muted);font-size:.75rem;line-height:1.6}.street-fragment-photo figcaption>a{display:inline-flex;align-items:center;min-height:32px}.street-fragment-mapillary{gap:5px}.street-fragment-mapillary img{display:block;width:26px;height:26px}
.street-fragment .eyebrow{margin-bottom:10px}.street-fragment h2{font-size:clamp(1.5rem,2.6vw,2.15rem);margin-bottom:16px}.street-fragment-main>p:not(.eyebrow){max-width:36em;font-size:1rem;line-height:1.9}
.street-fragment-action{display:inline-flex;align-items:center;min-height:44px;margin-top:8px;font-size:1rem;text-decoration:underline;text-underline-offset:.25em}
@media(max-width:700px){.street-fragment{grid-template-columns:1fr;gap:22px;margin-top:32px}}
.brand span{font-size:12px}.relation,.creator,.card-number,.city-caption p,.city-caption>span,.credits,.footer{font-size:14px}.quick-grid span,.feature p:not(.eyebrow),.feature small{font-size:14px}
@media(max-width:600px){.city-hero{grid-template-columns:1fr}.city-panorama{height:170px}.city-heading{padding:20px}.city-heading h1{font-size:30px}.city-heading h1 span{display:inline-block;margin-left:12px}.category-nav{flex-wrap:wrap}.category-nav>a,.category-nav>span{font-size:14px}}
@media(max-width:700px){.watch-heading,.watch-layout,.research-spotlight{grid-template-columns:1fr}.watch-heading{row-gap:10px}.watch-heading .eyebrow{grid-column:auto}.watch-list>a{min-height:108px;padding-inline:0}.related-work{padding:20px}.research-spotlight{gap:18px;padding:22px}.research-spotlight>div:last-child{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.research-card{padding:22px}.research-card ul{gap:6px 16px}}