body.quiet-luxury.city-photo-page .city-photo-hero{min-height:clamp(560px,68vh,800px);overflow:hidden;background:#354b3c;isolation:isolate}
.city-photo-hero .city-hero-photograph{position:absolute;inset:0;margin:0}
.city-hero-photograph picture,.city-hero-photograph img{display:block;width:100%;height:100%}
.city-hero-photograph img{object-fit:cover}
body.quiet-luxury.city-photo-page .city-photo-hero::after{pointer-events:none;z-index:1;background:linear-gradient(90deg,rgba(15,31,24,.18),transparent 65%),linear-gradient(0deg,rgba(15,31,24,.8),rgba(15,31,24,.42) 24%,transparent 68%)}
body.quiet-luxury.city-photo-page .city-photo-hero .hero-inner{max-width:1280px;padding:0 50px 65px;pointer-events:none}
.city-photo-hero .hero-inner a{pointer-events:auto}
body.quiet-luxury.city-photo-page .city-photo-hero h1{font:400 clamp(62px,7vw,100px)/1.04 var(--ja-serif);letter-spacing:-.045em;margin:15px 0 19px;color:#faf8f1}
body.quiet-luxury.city-photo-page .city-photo-hero .kicker{font:500 12px/1.5 var(--ja-sans);letter-spacing:.15em;text-transform:uppercase;color:#ecefdf}
body.quiet-luxury.city-photo-page .city-photo-hero .tagline{font:400 clamp(19px,1.7vw,25px)/1.5 var(--ja-sans);color:#f2f2e8;max-width:720px;text-shadow:none}
.city-hero-photograph figcaption{position:absolute;z-index:3;right:28px;bottom:59px;max-width:35%;font:400 12px/1.5 var(--ja-sans);color:#fff}
body.quiet-luxury.city-photo-page .city-hero-photograph figcaption a{color:#f5f2eb;text-decoration:none;padding:5px 0;border-bottom:1px solid #f5f2eb60}
.city-hero-photograph .eg-open{z-index:3;left:auto;right:28px;top:25px}
.city-photo-page .summary{position:relative;z-index:2}
.city-photo-page .vslide-ph{position:absolute;inset:0;height:100%;isolation:isolate;overflow:hidden}
.city-photo-page .vslide-ph>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.city-photo-page .vslide-ph>.vcity,.city-photo-page .vslide-ph>.vplay{position:relative}
.city-photo-page .eg-dialog .eg-controls{display:flex;justify-content:center}
.city-photo-page .eg-dialog .eg-controls>button:disabled{display:none}
.city-planning-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;margin:26px 0 40px}
.city-planning-actions button,.city-planning-actions a{display:inline-flex;align-items:center;gap:10px;min-height:44px;font:500 14px/1.5 var(--ja-sans);text-decoration:none;color:#334c3c}
.city-planning-actions button{border:1px solid #75856875;background:#eeeee2;padding:10px 16px;cursor:pointer;transition:background .2s,border-color .2s}
.city-planning-actions button:hover{background:#e3e8da;border-color:#566c47}
.city-planning-actions button[aria-pressed=true]{background:#334c3c;color:#faf8ef;border-color:#334c3c}
.city-planning-actions svg{width:17px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.city-planning-actions a{border-bottom:1px solid #75856875}
.city-planning-actions a:hover{color:#657a4a;border-color:currentColor}
.city-planning-actions :is(a,button):focus-visible{outline:2px solid #61784e;outline-offset:5px}
.city-photo-page .vslide-ph[hidden]{display:none}
.city-photo-page .vslide{border-radius:3px;box-shadow:none;background:#243b2e}
.city-photo-page .vslide-ph .vplay{border-radius:2px;background:#f5f2eb;color:#263d32;border:0;font-family:var(--ja-sans);text-shadow:none}
.city-photo-page .vslide-ph:hover .vplay{transform:translateY(-2px);background:#faf8f2}
.city-photo-page .vcar-nav{border-radius:2px;background:#f5f2eb;color:#263d32;box-shadow:none}
.city-photo-page .vcar-nav:hover:not(:disabled){background:#344c3c;color:#fff;border-color:#344c3c}
.city-photo-page .vcar-nav:disabled{opacity:.35;cursor:default}
.city-video-player{height:100%;display:flex;flex-direction:column;background:#f5f2eb;color:#263d32}
.city-video-close{border:0;border-bottom:1px solid #5365452c;padding:11px 14px;background:#eeecdf;text-align:right;cursor:pointer;font:500 13px/1.4 var(--ja-sans);color:#263d32}
.city-photo-page .city-video-player iframe{flex:1;width:100%;min-height:0;border:0;border-radius:0!important;display:block;background:#243b2e}
.city-video-footer{padding:12px 15px;font:400 12px/1.5 var(--ja-sans);border-top:1px solid #5365452c}
.city-video-footer p{font:inherit;margin:0 0 6px;color:#65705f}
.city-video-footer p:empty{display:none}
.city-video-footer a{color:#334c3c;text-underline-offset:4px}
.city-photo-page .city-detail-photograph{position:relative;margin:0;background:#e8e8db;overflow:hidden}
.city-photo-page .city-detail-photograph>img{display:block;width:100%;height:100%;object-fit:cover}
.city-photo-page .city-detail-photograph figcaption{position:absolute;bottom:0;right:0;max-width:100%;padding:5px 9px;background:#243b2ecf;color:#fff;font:400 10px/1.5 var(--ja-sans)}
.city-photo-page .city-detail-photograph figcaption a{color:inherit;text-decoration:none}
.city-photo-page .city-detail-photograph .eg-open{top:12px;left:12px;padding:8px 10px;min-height:36px;font-size:11px;background:#f5f2ebeb;color:#263d32;border-color:#f5f2eb80;box-shadow:none}
.city-photo-page .spot.noimg{border-top:3px solid #7c8a63!important;align-self:start}
body.quiet-luxury.city-photo-page .food-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
body.quiet-luxury.city-photo-page .food{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:start;padding:28px 0;border:0;border-bottom:1px solid #53654530;border-radius:0;background:transparent!important}
.city-photo-page .local-list-number{font:400 23px/1.3 var(--ja-serif);color:#8b9275;font-variant-numeric:tabular-nums}
.city-photo-page .local-name{display:block;color:#7b826d;letter-spacing:.08em;font-size:12px;margin:6px 0 10px}
html[lang^=zh] .city-photo-page .local-name{display:none}
.city-photo-page .food h3{font:500 21px/1.4 var(--ja-serif);margin:0 0 7px}
.city-photo-page .food h3 .tag{display:inline-block;vertical-align:middle;font:400 10px/1.4 var(--ja-sans);letter-spacing:.03em;padding:3px 6px;background:#e8ecde;color:#536448;border-radius:2px;margin-left:6px}
.city-photo-page .food p,.city-photo-page .spec p{font:400 16px/1.8 var(--ja-sans);color:#586650;margin:0;max-width:52ch}
body.quiet-luxury.city-photo-page .food{box-shadow:none!important}
body.quiet-luxury.city-photo-page .spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
body.quiet-luxury.city-photo-page .spec{display:grid;grid-template-columns:36px minmax(0,1fr);gap:18px;align-items:start;padding:25px 0;border:0;border-bottom:1px solid #53654530;background:transparent;box-shadow:none;border-radius:0}
.city-photo-page .spec h3{font:500 20px/1.4 var(--ja-serif);margin:0 0 8px}
body.quiet-luxury.city-photo-page .season-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px}
body.quiet-luxury.city-photo-page .season{display:block;background:transparent!important;border:0;border-top:2px solid #a0aa88!important;border-radius:0;padding:24px 0}
.city-photo-page .season>div{padding:0}
.city-photo-page .season h3{font:400 24px/1.3 var(--ja-serif);margin:0 0 15px;color:#344c3c}
.city-photo-page .season p{font:400 14px/1.9 var(--ja-sans);color:#63705e}
@media(min-width:1600px){.city-photo-page .city-detail-photograph{height:260px}}
@media(min-width:1000px){
 body.city-photo-page .summary{position:sticky;top:var(--city-header-height,67px);z-index:20;margin-top:0;padding:0;background:#f5f2ebf5;backdrop-filter:blur(12px);border-bottom:1px solid #53654530}
 body.quiet-luxury.city-photo-page .summary-card{padding:5px 0;border:0!important;background:transparent!important;border-radius:0;gap:12px}
 body.quiet-luxury.city-photo-page .sum-item{padding:11px 12px;min-height:62px;border-radius:0;border-bottom:2px solid transparent;gap:12px}
 body.quiet-luxury.city-photo-page .sum-item[aria-current=location]{background:#e6ebdf;border-bottom-color:#687d50;color:#263d32}
 body.quiet-luxury.city-photo-page .sum-tx b{font:500 13px/1.4 var(--ja-sans)}
 body.quiet-luxury.city-photo-page .sum-tx>span{font:400 11px/1.4 var(--ja-sans);color:#78816d}
 body.quiet-luxury.city-photo-page .section[id]{scroll-margin-top:calc(var(--city-header-height,67px) + var(--city-nav-height,75px) + 24px)}
}
.city-photo-page .city-route-note{margin-bottom:80px;padding:28px 32px;border-left:3px solid #79846d;background:#eeede4;box-sizing:border-box}
.city-photo-page .city-route-note h3{margin:0 0 12px;font:500 26px/1.25 var(--font-display,"Fraunces",serif);color:#273d32}
.city-photo-page .city-route-note p{max-width:88ch;margin:0 0 18px;font-size:16px;line-height:1.75;color:#4e564c}
.city-photo-page .city-route-note div{display:flex;gap:16px 28px;flex-wrap:wrap}
.city-photo-page .city-route-note a{text-underline-offset:5px;text-decoration:underline;font-size:14px;color:#304c3d}
body.quiet-luxury.city-photo-page>footer{background:#e8e9dd!important;background-image:none!important;border-top:1px solid #53654526;color:#40523e}
body.quiet-luxury.city-photo-page>footer a{color:#40523e}
/* A city guide is a reading surface: keep practical copy comfortable on desktop. */
@media(min-width:1000px){
 body.quiet-luxury.city-photo-page .spot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}
 body.quiet-luxury.city-photo-page .spot{box-shadow:none!important;border-radius:2px;border-color:#53654526}
 body.quiet-luxury.city-photo-page .spot .body{padding:26px 28px;gap:12px}
 body.quiet-luxury.city-photo-page .spot h3{font:400 26px/1.35 var(--ja-serif);color:#2c4434}
 body.quiet-luxury.city-photo-page .spot .tip{border-radius:0;padding:16px 0 0;border-top:1px solid #53654526;background:transparent!important}
 body.quiet-luxury.city-photo-page .spot .tip b{color:#526b45;font-weight:500}
 body.quiet-luxury.city-photo-page .spot.noimg{background:transparent!important;border:0!important;border-top:1px solid #5365453b!important}
 body.quiet-luxury.city-photo-page .spot.noimg .body{padding:26px 0}
 body.quiet-luxury.city-photo-page .spot.noimg .tip{border:0;padding:0}
 body.quiet-luxury.city-photo-page .spot .img{aspect-ratio:16/10;height:auto}
 body.quiet-luxury.city-photo-page .spot-grid[data-photo-count="1"]>.spot:not(.noimg){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
 body.quiet-luxury.city-photo-page .spot-grid[data-photo-count="1"]>.spot .img{height:100%;min-height:340px;aspect-ratio:auto}
 body.quiet-luxury.city-photo-page :is(.spot .body>p,.spot .tip,.stay p,.pitfall p,.slot .what){font:400 16px/1.8 var(--ja-sans);color:#586650}
 body.quiet-luxury.city-photo-page .slot{padding-block:15px}
 body.quiet-luxury.city-photo-page .slot .when{font:500 13px/1.8 var(--ja-sans);color:#6b7659}
 body.quiet-luxury.city-photo-page .day{box-shadow:none!important;padding:28px 30px;border-color:#53654526;border-radius:2px}
 body.quiet-luxury.city-photo-page .day-head{gap:18px;margin-bottom:20px}
 body.quiet-luxury.city-photo-page .day-head .path{font-size:13px;line-height:1.6;color:#718067}
 body.quiet-luxury.city-photo-page .day-badge{border-radius:2px;background:#536545;color:#f8f6ee}
}