/* TOP scenery strip; common header, footer and hero keep their existing styles. */
#scenery {scroll-margin-top:140px;}
.scenery-strip {display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;grid-template-columns:none;grid-template-rows:none;margin-top:22px;padding-bottom:6px;scrollbar-width:thin;overscroll-behavior-x:contain;position:relative;}
.scenery-strip .photo-card,.scenery-strip .discovery-card {position:relative;flex:0 0 calc((100% - 48px)/5);height:145px;min-height:0;border-radius:16px;overflow:hidden;background:#14212d;color:white;}
.scenery-strip .discovery-card {flex-basis:calc((100% - 36px)/4);height:145px;}
.scenery-strip img {width:100%;height:100%;object-fit:cover;aspect-ratio:auto;}
.scenery-strip .photo-label {inset:auto 12px 12px;}
.scenery-strip .photo-label small,.scenery-strip .photo-question {display:none;}
.scenery-strip .photo-label strong {font-size:19px;}
.scenery-strip .discovery-copy {position:absolute;inset:auto 0 0;padding:24px 12px 10px;background:linear-gradient(transparent,rgba(2,11,18,.85));}
.scenery-strip .discovery-copy h3 {font-size:19px;color:white;margin:0;line-height:1.25;}
.scenery-strip .discovery-copy p,.scenery-strip .discovery-copy>span {display:none;}
.scenery-strip [data-strip-clone] {display:none;}
.scenery-strip[data-overflow="true"] [data-strip-clone] {display:block;}
.scenery-strip-controls {display:flex;justify-content:space-between;align-items:center;gap:12px;margin:4px 0 0;color:#4a6175;}
.scenery-strip-controls small {font-size:12px;}
.scenery-strip-nav {display:flex;gap:8px;}
.scenery-strip-nav button {display:grid;place-items:center;width:42px;height:42px;border:1px solid #bdc5cb;border-radius:50%;background:transparent;color:var(--ink);font-size:20px;cursor:pointer;}
.scenery-strip-nav button:hover {background:rgba(15,35,50,.06);}
.scenery-strip-nav button:focus-visible {outline:3px solid var(--coral);outline-offset:3px;}
.scenery-strip:focus-visible {outline:3px solid #e8704a;outline-offset:3px;}
.scenery-strip-controls[hidden] {display:none;}
#scenery .photo-credit {margin-top:8px;}
@media(max-width:650px){
 .scenery-strip .photo-card,.scenery-strip .discovery-card {flex-basis:185px;height:124px;}
 .scenery-strip .photo-label strong,.scenery-strip .discovery-copy h3 {font-size:17px;}
}
@media(prefers-reduced-motion:reduce){.scenery-strip img{transition:none;}}

/* Home chapters: shared headings and buttons, portrait scenery, rediscovery stamps. */
.scenery-strip .photo-card,.scenery-strip .discovery-card{border:0;box-shadow:none}
.scenery-strip .photo-card:hover,.scenery-strip .discovery-card:hover{border:0;box-shadow:none}
.scenery-strip .photo-card:focus-visible,.scenery-strip .discovery-card:focus-visible{outline:3px solid var(--coral);outline-offset:-3px}
.scenery-strip{scrollbar-width:none;-ms-overflow-style:none}
.scenery-strip::-webkit-scrollbar{display:none;width:0;height:0}
.scenery-strip .photo-card,.scenery-strip .discovery-card{height:auto;aspect-ratio:4/5}
.scenery-strip img{position:absolute;inset:0}
.scenery-strip img[src$="/20240211_Mt.Fuji.webp"]{object-position:75% center}
.scenery-strip img[src$="/20260712_toji_michikusa.webp"]{object-position:35% center}
.scenery-strip img[src$="/20260904_mishima_catapult_1_michikusa.webp"]{object-position:20% center}
.select-summary-line{display:block}
.ride-compact{padding:clamp(54px,6vw,80px) 0;text-align:center;scroll-margin-top:120px;border-bottom:0}
.ride-compact .section-head{max-width:900px}
.ride-compact .section-head>p:last-child{max-width:700px;margin-left:auto;margin-right:auto}
.ride-audio{background:var(--paper)}
.ride-preview{width:min(660px,100%);margin:30px auto 28px}
.ride-preview img{display:block;width:100%;height:auto;border-radius:18px}
.ride-preview figcaption{margin-top:12px;font-size:12px;line-height:1.6;color:var(--ink-soft)}
.rediscovery-stamps{display:flex;justify-content:center;gap:6px;width:min(250px,100%);margin:20px auto;position:relative;z-index:1}
.rediscovery-stamps img{width:calc((100% - 12px)/3);height:auto;aspect-ratio:1;object-fit:contain}
.for-you .audience-card>p{margin-bottom:20px}
.for-you .audience-card-action{margin-top:auto}
@media(max-width:760px){
 .ride-preview{margin-top:26px}
 .ride-compact .button{max-width:100%}
 .rediscovery-stamps{width:220px;margin-top:0}
}

/* A visible next step from the Fuji-led feature strip. */
.scenery-actions{display:flex;flex-direction:column;align-items:center;gap:18px;margin-top:28px;text-align:center}
.scenery-actions .button{max-width:100%;flex-wrap:wrap;justify-content:center;column-gap:0}
.scenery-strip .discovery-copy>span{display:block;margin-top:8px;font-size:12px;line-height:1.4;color:#fff}
.scenery-strip .discovery-copy{padding:48px 16px 18px;background:linear-gradient(transparent,rgba(2,11,18,.88))}
.scenery-strip .discovery-copy h3{font-size:clamp(18px,1.5vw,22px);line-height:1.4;text-wrap:balance}
@media(min-width:651px){.scenery-strip .photo-card,.scenery-strip .discovery-card{flex-basis:calc((100% - 48px)/4.2)}}

/* Tools in the strip: the train timeline, live guide and stamp book appear as
   small phones (as in the film), cropped by the card so only the useful part shows. */
.scenery-strip .tool-card{background:radial-gradient(120% 80% at 50% 18%,#1f3a52 0%,#122a3d 55%,#0d2131 100%)}
.tool-phone{position:absolute;left:50%;top:9%;width:50%;aspect-ratio:768/1662;transform:translateX(-50%);overflow:hidden;border-radius:20px;background:#f6f2e9;box-shadow:0 0 0 5px #0b1420,0 0 0 6px rgba(255,255,255,.14),0 18px 40px rgba(0,0,0,.42)}
.scenery-strip .tool-phone img{position:absolute;inset:auto 0 auto 0;width:100%;height:auto;object-fit:initial;aspect-ratio:768/1662}
.scenery-strip .tool-phone-train img{top:-30%}
.scenery-strip .tool-phone-live{background:#0d1626}
.scenery-strip .tool-phone-live img{top:-50%}
.scenery-strip .tool-phone-stamp img{top:-46%}
.scenery-strip .tool-card .discovery-copy{background:linear-gradient(rgba(13,33,49,0),rgba(13,33,49,.9) 34%,#0d2131)}
.scenery-strip .tool-card .discovery-copy>span{display:inline-flex;width:fit-content;align-items:center;gap:6px;margin-top:10px;padding:8px 14px;border-radius:999px;background:#fffdf8;color:#102638;font-weight:700;font-size:12.5px}
.scenery-strip .tool-card:hover .discovery-copy>span{background:#e8704a;color:#fffdf8}
.scenery-strip .tool-card:hover .tool-phone{transform:translateX(-50%) translateY(-4px)}
.tool-phone{transition:transform .3s}
@media(max-width:650px){.tool-phone{border-radius:16px;box-shadow:0 0 0 4px #0b1420,0 0 0 5px rgba(255,255,255,.14),0 14px 30px rgba(0,0,0,.42)}}

/* JA prototype: the strip sits directly under the hero, on the hero's night
   band, without a chapter heading (kept for assistive tech and outline). */
.visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.scenery.scenery-under-hero{background:#081521;padding:clamp(14px,2vw,22px) 0 clamp(36px,4vw,52px)}
.scenery-under-hero .scenery-strip{margin-top:0}
.scenery-under-hero .scenery-strip-controls{color:rgba(255,253,248,.62)}
.scenery-under-hero .scenery-strip-nav button{border-color:rgba(255,255,255,.3);color:#fffdf8}
.scenery-under-hero .scenery-strip-nav button:hover{background:rgba(255,255,255,.08)}
.scenery-under-hero .scenery-actions{margin-top:22px}
.scenery-under-hero .discovery-card:not(.tool-card) .discovery-copy>span{display:none}
/* the live guide is shown by its GPS map (with the OSM credit), not a phone */
.scenery-strip .tool-card-map{background:#dfe6dc}
.scenery-strip .tool-card-map>img{object-fit:cover;object-position:25% 70%;transform:scale(1.35);transform-origin:36% 70%}
.scenery-strip .tool-map-credit{position:absolute;top:8px;right:10px;z-index:1;font-size:9px;line-height:1.2;color:rgba(16,38,56,.72);background:rgba(255,255,255,.7);padding:2px 5px;border-radius:4px}
.scenery-strip .tool-card-map>img{transform:scale(1.5);transform-origin:36% 66%;object-position:25% 85%}
.scenery-strip .tool-card-map .discovery-copy{background:linear-gradient(transparent,rgba(2,11,18,.88))}

/* JA prototype: cards keep a phone-like size on wide screens, and the strip
   runs the full window width, so more views are visible at once. */
@media(min-width:651px){
.scenery-under-hero{overflow-x:clip}
 .scenery-under-hero .scenery-strip{margin-inline:calc(50% - 50vw);padding-inline:max(20px,calc(50vw - 820px));scroll-padding-inline:max(20px,calc(50vw - 820px))}
 .scenery-under-hero .scenery-strip .discovery-card{flex-basis:208px}
 .scenery-under-hero .scenery-strip .discovery-copy{padding:40px 14px 14px}
 .scenery-under-hero .scenery-strip .discovery-copy h3{font-size:17px}
}

/* JA prototype: shorter cards (10:11 instead of 4:5) so the card titles stay
   inside the first screen on low laptop windows as well. */
.scenery-under-hero .scenery-strip .discovery-card{aspect-ratio:10/11}
.scenery-under-hero .tool-phone{top:7%;width:46%}