/* Japan edition: ink, paper, light and precise rail signals. */
:root{--paper:#f3efe6;--green:#244c43;--line:#c9c6bc;--muted:#62645c}html{scroll-behavior:smooth}body{background-image:url('/assets/paper-grain.svg')}h1,h2,h3{font-weight:500}.masthead{height:88px;margin:0 4%;position:relative;z-index:2}.masthead nav{gap:26px}.masthead .text-button{font-size:12px}.brand{font-weight:600}.section-kicker{font:10px/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase;display:block}.section-kicker i{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%;margin-right:8px}.japan-opening{position:relative;isolation:isolate;margin:0 2.5%;aspect-ratio:1.63;max-height:940px;overflow:hidden}.atlas-art{position:absolute;inset:0}.atlas-art>img{width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply;opacity:.88}.rail-network{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.rail-line{stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 1px #fff);opacity:.85}.rail-line.east{stroke:#235d50;stroke-width:3.3}.rail-line.west{stroke:#a5523e}.rail-line.branch{stroke:#72764b;stroke-dasharray:5 4}.rail-line.north{stroke:#566b82}.map-stop circle{fill:#f9f5e9;stroke:#214b43;stroke-width:2}.map-stop.featured circle{stroke:#a84432;fill:#a84432;stroke-width:3}.map-stop text{font:15px ui-monospace,monospace;letter-spacing:.5px;fill:#25352e;paint-order:stroke;stroke:#f3eddc;stroke-width:5px;stroke-linejoin:round}.map-stop.featured text{font-weight:700;font-size:20px}.map-pin{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;background:transparent;border-radius:50%;display:grid;place-items:center}.map-pin span{width:19px;height:19px;border:1px solid #a84432;border-radius:50%;transition:transform .3s,background .3s}.map-pin:hover span,.map-pin[aria-pressed=true] span{transform:scale(1.5);background:#a8443218}.sea-label,.ocean-label{position:absolute;font:9px ui-monospace,monospace;letter-spacing:.3em;color:#6e716575;pointer-events:none}.sea-label{left:46%;top:41%}.ocean-label{right:7%;top:58%}.opening-copy{position:absolute;z-index:2;top:7%;left:3%;max-width:39%;pointer-events:none}.opening-copy>*{pointer-events:auto}.opening-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6.2vw,101px);font-weight:400;line-height:.94;letter-spacing:-.065em;margin:22px 0}.opening-copy h1 em{font-weight:400;color:#2f594e}.opening-copy>p{font-size:14px;color:#575e52;margin-bottom:22px;line-height:1.65}.quiet-link{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;text-decoration:none;border-bottom:1px solid #777b6c;padding:12px 0;background:none;font-size:12px;line-height:1.4}.quiet-link:hover{color:var(--red);border-color:var(--red)}.opening-copy .quiet-link{font-size:12px}.map-caption{position:absolute;left:4%;bottom:6%;color:#3c5548}.map-caption>span{font:20px Georgia,serif;letter-spacing:.18em}.map-caption p{font:8px monospace;letter-spacing:.2em;margin-top:14px}.train-window{position:absolute;width:27%;right:2.5%;bottom:4%;transform:rotate(-2deg);background:#f5f1e7;padding:9px 9px 12px;box-shadow:0 5px 16px #29362718}.train-window img{display:block;width:100%;height:auto;aspect-ratio:1.5;object-fit:contain}.train-window>span{display:block;font:7px monospace;letter-spacing:.14em;padding-top:10px;text-align:center;color:#4c584a}.atlas-controls{margin:0 4%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 260px;align-items:center}.destination-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.destination-tabs button{text-align:left;display:grid;grid-template-columns:22px 1fr;gap:4px 10px;background:transparent;padding:22px 24px 22px 0;font:10px monospace;position:relative}.destination-tabs button:after{content:'';position:absolute;bottom:-1px;left:0;right:25px;height:2px;background:transparent}.destination-tabs button[aria-pressed=true]:after{background:var(--red)}.destination-tabs button[aria-pressed=true] strong{color:var(--red)}.destination-tabs strong{font:26px Georgia,serif;grid-row:span 1}.destination-tabs button>span{grid-column:2;font:8px monospace;letter-spacing:.1em;color:#61655b}.map-key{padding:13px 0 13px 25px;border-left:1px solid var(--line)}.map-key>span{display:block;font:10px monospace}.map-key i{display:inline-block;width:18px;height:2px;background:var(--green);vertical-align:middle;margin-right:8px}.map-key .text-button{padding:9px 0;font-size:11px}.map-key small{display:block;font-size:9px;color:var(--muted)}.chapter-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;margin:0 8%;padding:64px 0 75px}.chapter-copy h2{font:clamp(36px,3.5vw,56px)/1.06 Georgia,serif;letter-spacing:-.045em;margin:15px 0}.chapter-copy p{font-size:14px;max-width:440px;color:#5b6055;margin-bottom:23px}.chapter-copy .fine{display:block}.journey-thread{padding-top:3px}.journey-thread ol{list-style:none;margin:22px 0 3px;padding:0}.journey-thread li{display:flex;gap:19px;padding-bottom:19px;position:relative}.journey-thread li:before{content:'';position:absolute;left:10px;top:20px;height:calc(100% - 20px);border-left:1px solid var(--line)}.journey-thread li:last-child:before{display:none}.journey-thread b{font:10px monospace;border:1px solid var(--line);width:21px;height:21px;display:grid;place-items:center;border-radius:50%;flex-shrink:0}.journey-thread li>span{font-size:14px}.journey-thread small{display:block;color:var(--muted);margin-top:4px}.journey-thread .quiet-link{width:100%}.companions-section{background:#e7e8dd;padding:65px 6%;border-top:1px solid #c6c9b9;border-bottom:1px solid #c6c9b9;background-image:url('/assets/paper-grain.svg');scroll-margin-top:25px}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:35px}.section-heading h2{font:clamp(34px,3.9vw,59px)/1.05 Georgia,serif;letter-spacing:-.04em;margin-top:15px}.section-heading>p{font-size:12px;color:var(--muted);padding-bottom:4px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.guide-card{text-align:left;background:transparent;padding:0;border:1px solid #b4b9a780;color:var(--guide-color);transition:background .2s,transform .2s}.guide-card:hover{transform:translateY(-5px);background:#f8f6ec77}.guide-card.chosen{background:#f8f6ec99;border-color:var(--guide-color)}.guide-portrait{height:210px;position:relative;border-bottom:1px solid #b4b9a780;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 50% 95%,#9aa78b22,transparent 70%)}.guide-art{height:170px;width:180px;flex-shrink:0}.guide-portrait>span{position:absolute;right:15px;top:15px;font-size:17px;opacity:.65}.guide-description{padding:25px}.guide-description .section-kicker{font-size:9px}.guide-description h3{font:37px Georgia,serif;display:flex;justify-content:space-between;margin:8px 0 16px}.guide-description h3>span{font:16px monospace;align-self:center}.guide-description p{font-size:12px;color:#535c4e;line-height:1.75}.guide-state{display:block;font:9px monospace;letter-spacing:.13em;margin-top:22px}.guide-dialog>.guide-art{height:140px;display:block;margin:0 auto 15px}.guide-dialog .primary{margin:18px 20px 10px 0}.companion-glyph>.guide-art{width:60px;height:60px}.companion{align-items:center}.experiences-section{padding:75px 6%}.experience-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.experience-card{display:grid;grid-template-columns:.85fr 1fr;gap:24px;align-items:center}.experience-image{position:relative;display:block}.experience-image img{display:block;width:100%;height:auto;border-radius:2px}.experience-image>span{display:block;font:9px monospace;letter-spacing:.1em;padding-top:10px}.experience-card h3{font:29px/1.1 Georgia,serif;letter-spacing:-.025em;margin:12px 0}.experience-card p{font-size:12px;color:var(--muted)}.experience-card .quiet-link{width:100%;margin-top:8px}.app-strip{margin-top:45px;padding:27px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:25px}.app-strip h3{font:22px Georgia,serif;margin-top:9px}.store-links{display:flex;gap:10px}.store-links a{display:block;min-width:138px;background:#202a25;color:#f6f2e7;padding:11px 20px;text-decoration:none;font-size:18px}.store-links small{display:block;font-size:9px;margin-bottom:3px;opacity:.8}.station-list{max-height:45vh;overflow:auto;margin:20px 0;border-top:1px solid var(--line)}.station-list>div{padding:12px 3px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:center}.station-list strong{font-size:13px}.station-list small{font-size:10px;color:var(--muted)}.station-list .text-button{padding:4px}.stage h1,.arrival h1{font-family:Georgia,serif;font-weight:400}.visual-card .overlay-label{position:static;display:block;color:var(--ink);background:var(--paper);padding:10px;font-size:9px}.primary{font-weight:500}.edition{font-size:9px}footer{font-size:10px}
@media(min-width:1700px){.japan-opening{max-width:1600px;margin-inline:auto}.opening-copy h1{font-size:106px}}
@media(max-width:1000px){.opening-copy{top:7%;left:2%}.opening-copy h1{font-size:6.5vw;margin:15px 0}.opening-copy>p{font-size:12px;margin-bottom:10px}.opening-copy .quiet-link{font-size:11px}.atlas-controls{grid-template-columns:1fr 210px}.map-key{padding-left:15px}.chapter-panel{gap:8%;margin:0 6%}.guide-grid{gap:14px}.guide-description{padding:19px}.experience-grid{gap:25px}.experience-card{gap:17px;grid-template-columns:1fr}.experience-card h3{max-width:300px}.experience-image img{aspect-ratio:1.25;object-fit:cover;object-position:50% 30%}.guide-portrait{height:175px}}
@media(max-width:650px){.masthead{height:76px;margin:0 5%;gap:10px}.masthead nav{gap:13px}.masthead nav .text-button{font-size:10px}.masthead nav [data-action=about]{display:none}.masthead .brand{gap:9px;font-size:8px}.masthead .brand small{font-size:10px}.brandmark{font-size:24px}.masthead .edition{display:none}.japan-opening{aspect-ratio:auto;margin:0;min-height:810px;overflow:hidden}.opening-copy{top:26px;left:6%;max-width:85%;position:relative;pointer-events:auto}.opening-copy .section-kicker{font-size:9px}.opening-copy h1{font-size:59px;line-height:.95;margin:18px 0 13px}.opening-copy h1 br:nth-child(2){display:none}.opening-copy h1 em{display:block}.opening-copy>p{font-size:13px}.opening-copy .quiet-link{font-size:12px;margin-top:5px}.atlas-art{top:300px;height:350px;width:100%;inset-inline:0}.atlas-art>img{object-fit:fill}.map-stop text{font-size:24px;stroke-width:7px}.map-stop.featured text{font-size:29px}.map-stop:not(.featured) text{display:none}.rail-line{stroke-width:4}.map-stop circle{r:6px}.map-stop.featured circle{r:11px}.map-pin{width:44px;height:44px}.map-pin span{width:12px;height:12px}.sea-label{font-size:6px;top:38%;left:28%}.ocean-label{font-size:6px;right:5%;top:62%}.train-window{width:47%;right:6%;bottom:18px;padding:5px 5px 9px}.train-window>span{font-size:5px;letter-spacing:.05em;padding-top:6px}.map-caption{left:6%;bottom:63px;width:35%}.map-caption>span{font-size:11px;letter-spacing:.1em}.map-caption p{font-size:5px;margin-top:8px}.atlas-controls{margin:0 5%;grid-template-columns:1fr}.destination-tabs button{padding:19px 7px 17px 0;grid-template-columns:15px 1fr;gap:4px;font-size:8px}.destination-tabs strong{font-size:22px}.destination-tabs button>span{font-size:6px}.destination-tabs button:after{right:10px}.map-key{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-left:0;border-top:1px solid var(--line);padding:12px 0}.map-key>span{font-size:8px;align-self:center}.map-key .text-button{font-size:9px;padding:0}.map-key small{font-size:8px;width:100%}.chapter-panel{grid-template-columns:1fr;gap:35px;padding:38px 0 43px}.chapter-copy h2{font-size:39px}.chapter-copy p{font-size:13px}.journey-thread{border-top:1px solid var(--line);padding-top:25px}.journey-thread ol{display:grid;grid-template-columns:1fr;gap:0}.journey-thread li{padding-bottom:14px}.companions-section{padding:40px 6%}.section-heading{display:block;margin-bottom:25px}.section-heading h2{font-size:39px}.section-heading>p{margin-top:17px;font-size:12px}.guide-grid{grid-template-columns:1fr;gap:14px}.guide-card{display:grid;grid-template-columns:100px 1fr}.guide-portrait{height:100%;min-height:190px;border-bottom:0;border-right:1px solid #b4b9a780}.guide-portrait>.guide-art{width:110px;height:125px}.guide-portrait>span{font-size:15px;top:12px;right:12px}.guide-description{padding:18px}.guide-description h3{font-size:30px;margin:5px 0 9px}.guide-description p{font-size:11px}.guide-description .section-kicker{font-size:7px}.guide-state{font-size:8px;margin-top:12px}.experiences-section{padding:40px 6%}.experience-grid{grid-template-columns:1fr;gap:30px}.experience-card{grid-template-columns:1fr 1.15fr;gap:18px}.experience-card h3{font-size:25px}.experience-card p{font-size:11px}.experience-card .section-kicker{font-size:8px}.experience-image img{aspect-ratio:400/430;object-fit:contain}.app-strip{align-items:flex-start;flex-direction:column;margin-top:30px}.app-strip h3{font-size:22px}.store-links{width:100%}.store-links a{flex:1;min-width:0}.station-list>div{grid-template-columns:1.2fr 1fr auto}.station-list strong{font-size:11px}.station-list small{font-size:9px}.companion-glyph>.guide-art{width:45px;height:45px}footer{gap:18px}.primary{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(max-width:650px){.japan-opening{min-height:735px}.atlas-art{top:305px;height:auto;aspect-ratio:1.5;bottom:auto}.map-caption{bottom:66px}.map-caption>span{font-size:10px;letter-spacing:0}.chapter-panel{gap:28px}.chapter-copy{min-height:0}}
@media(min-width:651px){.train-window{bottom:20%}}