/* 途中 · travel photographs -------------------------------------------------- */
.journeys{--tint:#f5efe1;--tint-frame:#eae2d2;--tint-line:#e2d8c4;--tint-btn:#fffdf6;
  background:var(--tint);margin:52px 0 0;padding:38px 0 26px;position:relative;overflow:hidden}
.journeys-head{display:flex;align-items:baseline;justify-content:space-between;gap:48px}
.journeys-intro{text-align:right;max-width:34em}
.journeys-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,2.9vw,40px);line-height:1.24;letter-spacing:.06em;margin:0}
.journeys-lead{font:13px/2.05 var(--serif);color:var(--muted);letter-spacing:.05em;margin:12px 0 0}
.journey-strip{position:relative;margin-top:20px}
.journey-track{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;
  padding:2px max(64px,calc((100vw - 1312px)/2)) 8px;cursor:grab}
.journey-track::-webkit-scrollbar{display:none}
.journey-track.is-dragging{cursor:grabbing}
.journey-item{display:block;flex:0 0 auto;width:auto;margin:0;color:inherit;text-decoration:none}
/* 照片上方那一行序号：首页已不再渲染，样式保留以便随时恢复 */
.journey-clone .journey-index{visibility:hidden}
.journey-index{display:block;font:10px/1 var(--sans);letter-spacing:.18em;color:var(--muted);margin-bottom:7px}
.journey-frame{position:relative;overflow:hidden;background:var(--tint-frame);box-shadow:0 10px 24px #6b5a3a1f;
  height:clamp(178px,19vw,268px);aspect-ratio:var(--ar,4/5);width:auto}
.journey-place{position:absolute;left:0;right:0;bottom:0;padding:8px 14px 12px;pointer-events:none;
  font-family:var(--serif);font-size:clamp(24px,2.2vw,38px);line-height:1.12;letter-spacing:.09em;
  color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  text-shadow:0 2px 22px rgba(0,0,0,.5),0 1px 3px rgba(0,0,0,.35)}
.journey-frame img{width:100%;height:114%;display:block;object-fit:cover;filter:saturate(.92) brightness(.99);
  transform:translate3d(0,var(--shift,0px),0) scale(1.02);transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .5s ease}
.journey-item:hover .journey-frame img,.journey-item:focus-within .journey-frame img{transform:translate3d(0,var(--shift,0px),0) scale(1.07);filter:saturate(1) brightness(1.02)}
/* 图组名的那一行：首页已不再渲染（只留照片 + 照片上的城市名），样式保留以便随时恢复 */
.journey-item .journey-meta{margin-top:9px}
.journey-item .journey-meta strong{display:block;font:400 15px/1.5 var(--serif);letter-spacing:.045em}
.journey-item .journey-note{display:block;margin-top:6px;font:11px/1.9 var(--serif);color:var(--muted);letter-spacing:.03em}
.journey-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}
.journey-hint{font:10px/1.8 var(--sans);letter-spacing:.14em;color:var(--muted)}
.journey-buttons{display:flex;gap:8px}
.journey-buttons button{width:36px;height:36px;border:1px solid var(--tint-line);background:var(--tint-btn);color:var(--green);
  border-radius:50%;font-size:14px;line-height:1;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}
.journey-buttons button:hover{background:#fff;border-color:var(--green);color:var(--ink)}
@media(max-width:1100px){.journey-track{padding-inline:40px}}
@media(max-width:860px){
  .journeys{margin-top:40px;padding:32px 0 22px}
  .journeys-head{display:block}
  .journeys-intro{margin-top:16px;text-align:left;max-width:none}
  .journey-frame{height:clamp(132px,36vw,196px)}
  .journey-place{font-size:clamp(19px,5.2vw,26px);padding:6px 10px 9px}
  .journey-track{gap:13px}
}
@media(max-width:760px){.journey-track{padding-inline:20px}}
@media(max-width:370px){.journey-track{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){
  .journey-frame img{transition:none}
}