body.journey{background:#12251b;color:#f3f7ed;--line:#51634f}.journey .concept-nav{background:#dce4d4;color:#223b27;border-color:#a7b89b}.journey .masthead{border-bottom:1px solid #45583d}.journey-opening{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:10%;margin:65px 7% 75px}.journey-opening .eyebrow{font-size:11px;color:#cedac4}.journey-opening h1{font:normal clamp(32px,3.8vw,62px)/1.6 var(--serif);margin:0 0 28px;letter-spacing:.04em}.journey-opening h1 em{font-style:normal;color:#c4d4b3}.journey-opening p:not(.eyebrow){font-size:14px;line-height:2.3;color:#d5ddce}.journey-start{display:inline-block;margin-top:25px;border-bottom:1px solid #c4d4b3;padding:8px 0;font-size:14px}.opening-image{position:relative;padding:0 0 22px 22px}.opening-image:before{content:'';position:absolute;inset:30px 25px 0 0;border:1px solid #708363}.opening-image img{position:relative;aspect-ratio:4/5;object-fit:cover;max-height:540px;width:100%}.opening-image span{position:relative;display:block;padding-top:18px;font-size:10px;letter-spacing:.16em}.scene-nav{display:flex;gap:28px;justify-content:center;align-items:center;position:sticky;top:0;z-index:5;min-height:58px;background:#12251bf2;backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px;padding:8px 16px}.scene-nav span{font-size:11px;color:#c2d0b4;letter-spacing:.16em}.scene-nav a{min-width:30px;text-align:center;padding:5px 0;border-bottom:1px solid transparent}.scene-nav a.active{border-bottom-color:#e6efdb}.scene{position:relative;height:150vh;scroll-margin-top:58px}.scene-sticky{position:sticky;top:58px;height:calc(100dvh - 58px);min-height:450px;overflow:hidden}.scene-image{position:absolute;inset:0;will-change:transform;transform:scale(1.04) translateY(var(--scene-drift,0px))}.scene-image img{width:100%;height:100%;object-fit:cover}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#05150ac7,#03140738 65%,transparent),linear-gradient(0deg,#08160c66,transparent 40%)}.scene-copy{position:absolute;left:7%;bottom:15%;right:7%;z-index:1;text-shadow:0 1px 12px #09190a66}.scene-copy .eyebrow{font-size:11px;margin-bottom:20px}.scene-copy h2{font:normal clamp(30px,4vw,58px)/1.6 var(--serif);margin:0 0 15px;letter-spacing:.06em}.scene-copy>p:not(.eyebrow){font-size:16px}.scene-view{margin-top:15px;background:#12251b70;color:white;border:1px solid #f4f8eed9;padding:10px 18px;font-size:14px;backdrop-filter:blur(8px)}.scene-number{position:absolute;top:7%;right:6%;font:normal 100px/1 'Times New Roman',serif;color:#fff9;letter-spacing:-.04em}.scene-2 .scene-image img{object-position:55% center}.scene-4 .scene-image img{object-position:50% center}.scene-5 .scene-shade{background:linear-gradient(90deg,#12251bc9,#12251b30)}.journey-end{padding:100px 7%;text-align:center}.journey-end .eyebrow{color:#cedac4;font-size:11px}.journey-end h2{font:normal 36px/1.7 var(--serif);margin:0 0 30px}.journey-end a{display:inline-block;border-bottom:1px solid #aebe9e;padding:7px;font-size:14px}.journey .site-footer{color:#d3dec8}@media(max-width:760px){.journey-opening{grid-template-columns:1fr;gap:35px;margin:40px 5% 45px}.journey-opening h1{font-size:40px}.opening-image{margin-left:22%}.opening-image img{aspect-ratio:4/3;max-height:none}.scene-nav{gap:20px}.scene{height:125vh}.scene-sticky{min-height:380px}.scene-copy{left:5%;bottom:12%;right:5%}.scene-copy h2{font-size:30px}.scene-copy>p:not(.eyebrow){font-size:14px}.scene-number{font-size:70px}.scene-shade{background:linear-gradient(0deg,#07190edc,transparent 85%)}.journey-end{padding:70px 5%}.journey-end h2{font-size:27px}}@media(prefers-reduced-motion:reduce){.scene{height:auto}.scene-sticky{position:relative;top:0;height:80vh}.scene-image{transform:none!important}}
.collections{margin:0 7% 60px;padding-top:30px;border-top:1px solid var(--line);scroll-margin-top:25px}.collections-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.collections-heading .eyebrow{font-size:12px;margin-bottom:12px;color:#cedac4}.collections h2{font:normal 30px/1.5 var(--serif);margin:0}.collection-all{font-size:14px;background:none;border:1px solid #708363;padding:9px 15px}.collection-all[aria-pressed="true"]{background:#dce4d4;color:#223b27;border-color:#dce4d4}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.collection-card{background:none;border:1px solid #708363;padding:0;text-align:left;transition:border-color .25s,background .25s}.collection-card img{width:100%;aspect-ratio:3/2;object-fit:cover;opacity:.83;transition:opacity .25s}.collection-card:hover img,.collection-card[aria-pressed="true"] img{opacity:1}.collection-card[aria-pressed="true"]{border-color:#e5efda;background:#253c2b;box-shadow:0 0 0 1px #e5efda}.collection-text{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px}.collection-text small{display:block;font-size:12px;letter-spacing:.1em;color:#cedac4}.collection-text strong{display:block;font:normal 22px/1.6 var(--serif);margin-top:6px}.collection-count{font-size:14px;white-space:nowrap;color:#d5ddce}.collection-status{font-size:14px;color:#d5ddce;margin:25px 0 0}.journey [hidden]{display:none!important}.journey .scene-nav{flex-wrap:wrap}.journey .scene-nav a{min-height:40px}.journey .scene{scroll-margin-top:var(--scene-nav-height,58px)}.journey .scene-sticky{top:var(--scene-nav-height,58px);height:calc(100dvh - var(--scene-nav-height,58px))}@media(max-width:760px){.collections{margin:0 5% 40px}.collections-heading{align-items:flex-end;gap:12px}.collections h2{font-size:24px}.collection-all{padding:8px 10px;font-size:12px;white-space:nowrap}.collection-grid{grid-template-columns:1fr;gap:16px}.collection-card{display:grid;grid-template-columns:36% 1fr;align-items:center}.collection-card img{aspect-ratio:4/3;height:100%;object-fit:cover}.collection-text{padding:16px;gap:8px}.collection-text strong{font-size:21px}.collection-text small{font-size:12px}}@media(prefers-reduced-motion:reduce){.journey .scene-sticky{top:0;height:80vh}}

/* 公開用Journeyの回遊と鑑賞。従来の深緑とスクロール展示を引き継ぐ。 */
.collection-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:24px}
.journey-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid #dce4d4;background:#dce4d4;color:#223b27;font-size:14px}
.text-link{display:inline-flex;align-items:center;min-height:44px;border-bottom:1px solid #94a788;font-size:14px}
.view-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}
.view-options button{min-height:44px;padding:9px 14px;background:none;border:1px solid #708363;font-size:13px}
.view-options button[aria-pressed="true"]{background:#dce4d4;color:#223b27}
.scene-nav{gap:20px}
.scene-nav .scene-back,.scene-nav .scene-list-link{font-size:13px;min-height:44px;display:inline-flex;align-items:center;white-space:nowrap}
.scene-nav .scene-back{margin-right:8px;color:#d5ddce}
.scene-nav .scene-nav-label{margin-left:8px}
.scene-view{min-height:48px;background:#e4edda;color:#17301e;border-color:#e4edda;text-shadow:none}
.journey-end a+a{margin-left:28px}
.photo-list{margin:70px 7% 30px;padding-top:35px;border-top:1px solid var(--line);scroll-margin-top:calc(var(--scene-nav-height,58px) + 20px)}
.photo-list-heading{display:flex;gap:20px;align-items:flex-end;justify-content:space-between}
.photo-list .eyebrow{color:#cedac4;font-size:11px;margin-bottom:12px}
.photo-list h2{font:normal 30px/1.5 var(--serif);margin:0}
.photo-list-heading>p,.photo-list-note{font-size:14px;color:#d5ddce}
.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:30px 0}
.photo-thumbnail{padding:0;background:none;border:0;text-align:left;min-width:0}
.photo-thumbnail img{width:100%;aspect-ratio:3/2;object-fit:contain;background:#0d1d14}
.photo-thumbnail span{display:block;margin-top:12px;font:normal 17px/1.7 var(--serif)}
body.viewer-open{overflow:hidden}
/* 構図全体モードでは写真に文字と暗い幕を重ねない。 */
.journey.full-framing .scene-sticky{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:24px 7% 28px;background:#0d1d14;min-height:0}
.journey.full-framing .scene-image{position:relative;inset:auto;min-height:0;transform:none!important;will-change:auto}
.journey.full-framing .scene-image img{object-fit:contain;object-position:center}
.journey.full-framing .scene-shade,.journey.full-framing .scene-number{display:none}
.journey.full-framing .scene-copy{position:static;padding-top:18px;text-shadow:none}
.journey.full-framing .scene-copy .eyebrow{margin-bottom:7px}
.journey.full-framing .scene-copy h2{font-size:30px;margin-bottom:5px}
.journey.full-framing .scene-copy>p:not(.eyebrow){font-size:14px;margin:6px 0}
.journey.full-framing .scene-view{margin-top:8px}
.journey.motion-reduced .scene{height:auto}
.journey.motion-reduced .scene-sticky{position:relative;top:0}
.journey.motion-reduced .scene-image{transform:none!important;will-change:auto}
@media(max-width:760px){
  .collection-actions{gap:14px;margin-top:20px}
  .journey-action{width:100%}
  .view-options .framing-option{display:none}
  .scene-nav{gap:8px 16px;padding:8px 5%;justify-content:flex-start}
  .scene-nav .scene-nav-label{display:none}
  .scene-nav .scene-back{margin-right:0}
  .journey .scene{height:115svh}
  .journey .scene-sticky{display:grid;grid-template-rows:minmax(0,1fr) auto;padding:20px 5% 24px;background:#0d1d14;min-height:0;height:calc(100svh - var(--scene-nav-height,58px))}
  .journey .scene-image{position:relative;inset:auto;min-height:0;transform:none!important;will-change:auto}
  .journey .scene-image img{object-fit:contain;object-position:center}
  .journey .scene-shade,.journey .scene-number{display:none}
  .journey .scene-copy{position:static;padding-top:18px;text-shadow:none}
  .journey .scene-copy .eyebrow{margin-bottom:7px;font-size:10px}
  .journey .scene-copy h2{font-size:clamp(21px,6.2vw,30px);margin-bottom:5px;letter-spacing:.03em}
  .journey .scene-copy>p:not(.eyebrow){font-size:14px;margin:6px 0}
  .journey .scene-view{margin-top:8px;width:100%}
  .journey.full-framing .scene-sticky{padding:20px 5% 24px}
  .journey.full-framing .scene-copy h2{font-size:clamp(21px,6.2vw,30px)}
  .photo-list{margin:45px 5% 20px}
  .photo-list-heading{display:block}
  .photo-list h2{font-size:26px}
  .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
  .photo-thumbnail span{font-size:15px}
  .journey.motion-reduced .scene{height:auto}
}
@media(prefers-reduced-motion:reduce){.journey .scene{height:auto}.journey .scene-sticky{position:relative;top:0}.journey .scene-image{will-change:auto}}
@media(max-height:540px) and (max-width:760px){.journey .scene-sticky{height:auto;min-height:420px;position:relative;top:0}.journey .scene-image{height:200px}.journey .scene{height:auto}}