:root{--ink:#080b10;--surface:#11151c;--paper:#f3f4f4;--muted:#a8adb7;--red:#f3544c;--line:rgba(255,255,255,.16);--font:"DM Sans",Arial,sans-serif;--display:"Space Grotesk",Arial,sans-serif;--gutter:clamp(22px,4.5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font);font-size:1rem;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:500;letter-spacing:-.05em;line-height:1.04}h2{font-size:clamp(2.5rem,5.2vw,5.5rem)}h2 em{font-style:normal;color:var(--muted)}:focus-visible{outline:3px solid var(--red);outline-offset:6px}.section-wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-size:.875rem;font-weight:500;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}.muted{color:var(--muted)}.text-link{display:inline-block;font-size:.9375rem;font-weight:500;border-bottom:1px solid currentColor;padding-bottom:3px}.text-link:hover{color:var(--red)}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;min-height:52px;border:1px solid transparent;border-radius:99px;font-size:.9375rem;font-weight:600;line-height:1.4;transition:background .2s,color .2s,border-color .2s}.button-light{background:var(--paper);color:var(--ink)}.button-light:hover{background:var(--red);color:white}.button-outline{border-color:rgba(255,255,255,.5);background:rgba(8,11,16,.25);color:white}.button-outline:hover{background:var(--paper);color:var(--ink)}.skip-link{position:fixed;top:0;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 20px;transform:translateY(-140%)}.skip-link:focus{transform:none}
.site-header{position:fixed;top:0;left:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter);gap:24px;border-bottom:1px solid transparent;transition:background .3s,padding .3s,border-color .3s}.site-header.scrolled{padding-block:18px;background:rgba(8,11,16,.9);border-color:var(--line);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;line-height:1.1;font-family:var(--display);font-size:1rem;font-weight:600;letter-spacing:.04em;flex-shrink:0}.brand small{display:block;font-family:var(--font);font-size:.75rem;font-weight:400;letter-spacing:.18em;margin-top:5px}.brand-disc{display:block;width:31px;height:31px;border-radius:50%;background:var(--red)}.primary-nav{display:flex;align-items:center;gap:32px;font-size:.875rem;line-height:1.3}.primary-nav a{transition:color .2s}.primary-nav a:hover{color:var(--red)}.primary-nav .nav-cta{border:1px solid rgba(255,255,255,.5);border-radius:30px;padding:11px 21px}.menu-toggle{display:none;border:1px solid var(--line);background:transparent;border-radius:24px;padding:8px 16px;font-size:.875rem}
.hero{height:100svh;min-height:720px;max-height:1300px;position:relative;overflow:hidden;isolation:isolate}.hero-media,.hero-shade{position:absolute;inset:0;z-index:-1}.hero-media{--hero-scroll:0;transform:translate3d(var(--mx,0px),calc(var(--my,0px) + var(--hero-scroll)*35px),0) scale(calc(1.055 + var(--hero-scroll)*.055));will-change:transform}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 55%;animation:arrival 1.8s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(5,10,16,.53),rgba(5,10,16,.03) 80%),linear-gradient(0deg,rgba(5,10,16,.93),transparent 65%,rgba(5,10,16,.4));z-index:0;pointer-events:none}.hero-topline{position:absolute;top:130px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:.75rem;letter-spacing:.13em;color:rgba(255,255,255,.75)}.hero-content{position:absolute;left:var(--gutter);right:var(--gutter);bottom:150px;z-index:1}.hero-content>.eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:24px}.red-rule{height:1px;width:36px;background:var(--red)}h1{font-size:clamp(4.5rem,9.15vw,10.5rem);font-weight:600;line-height:.95;letter-spacing:-.062em;max-width:1400px;animation:title-arrival 1s .15s ease both}h1>span{display:block}h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--paper);letter-spacing:-.058em}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-top:32px}.hero-bottom p{font-size:1.0625rem;line-height:1.6;color:rgba(255,255,255,.87)}.hero-actions{display:flex;align-items:center;gap:25px;flex-shrink:0}.hero-footer{position:absolute;left:var(--gutter);right:var(--gutter);bottom:32px;display:flex;align-items:center;justify-content:space-between;gap:22px;font-size:.75rem;letter-spacing:.12em;color:rgba(255,255,255,.72)}.scroll-cue{display:flex;gap:14px;align-items:center}.scroll-line{display:block;height:40px;width:1px;background:rgba(255,255,255,.35);position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;left:0;top:-16px;width:1px;height:16px;background:white;animation:scroll-line 2s infinite}.motion-toggle{padding:8px 12px;background:transparent;border:1px solid rgba(255,255,255,.28);border-radius:20px;font-size:.75rem;letter-spacing:0}
.intro{padding-block:112px 120px}.intro>.eyebrow{color:var(--muted);margin-bottom:40px}.intro-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:end}.intro h2{font-size:clamp(3rem,7vw,7.25rem)}.intro-note{max-width:440px}.intro-note p{margin-bottom:22px;font-size:1.0625rem}.intro-note .text-link{margin-top:10px}
.journey{min-height:280svh;position:relative;scroll-margin-top:0}.journey-stage{height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;isolation:isolate;background:var(--ink)}.scene-images,.scene-shade{position:absolute;inset:0;z-index:-1}.scene-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .7s ease,transform 1.8s ease}.scene-image.active{opacity:1;transform:scale(1.025)}.scene-shade{z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,13,.84),rgba(3,8,13,.24) 72%),linear-gradient(0deg,rgba(3,8,13,.95),transparent 65%,rgba(3,8,13,.5))}.scene-top{position:absolute;top:114px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;gap:20px;font-size:.875rem}.scene-top .eyebrow{letter-spacing:.1em}.map-panel{position:absolute;left:var(--gutter);top:22%;width:30%;max-width:350px;aspect-ratio:600/680;opacity:.8}.map-panel>img{width:100%;height:100%;opacity:.42;filter:drop-shadow(0 10px 30px #03080d)}.map-north{position:absolute;right:15%;top:0;font-size:.875rem}.map-caption{position:absolute;bottom:0;left:0;font-size:.75rem;letter-spacing:.11em;color:var(--muted)}.map-pin{position:absolute;display:block;border-radius:50%;width:7px;height:7px;background:rgba(255,255,255,.65);border:1px solid rgba(255,255,255,.7);transform:translate(-50%,-50%);transition:background .3s,box-shadow .3s}.map-pin.active{width:10px;height:10px;background:var(--red);border:0;box-shadow:0 0 0 8px rgba(243,84,76,.12),0 0 25px rgba(243,84,76,.7)}.tokyo-pin{left:68.56%;top:64.42%}.kyoto-pin{left:49.13%;top:67.92%}.osaka-pin{left:47.65%;top:69.40%}.fukuoka-pin{left:26.2%;top:73.97%}.scene-copy{position:absolute;left:43%;right:var(--gutter);top:32%;max-width:850px}.scene-kicker{font-size:.75rem;letter-spacing:.13em;margin-bottom:16px;color:rgba(255,255,255,.8)}.scene-copy h3{font-size:clamp(4rem,10vw,10rem);letter-spacing:-.06em;line-height:1}.scene-copy h3 span{font-size:1.125rem;vertical-align:top;display:inline-block;margin:12px 0 0 14px;font-family:var(--font);font-weight:400;letter-spacing:.12em}.scene-copy>p:not(.scene-kicker){font-size:1.0625rem;max-width:430px;margin-top:24px}.scene-copy .button{margin-top:30px}.city-switcher{position:absolute;left:var(--gutter);right:var(--gutter);bottom:98px;display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid rgba(255,255,255,.32)}.city-switcher button{border:0;background:transparent;text-align:left;padding:20px 0;font-size:1.3125rem;letter-spacing:-.02em;position:relative;color:rgba(255,255,255,.7)}.city-switcher button:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--paper);transform:scaleX(0);transform-origin:left;transition:transform .4s}.city-switcher button.active{color:white}.city-switcher button.active:before{transform:scaleX(1)}.city-switcher button small{font-size:.75rem;color:var(--muted);margin-right:16px;letter-spacing:.05em}.scene-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:45px;display:flex;justify-content:space-between;font-size:.75rem;letter-spacing:.07em;gap:20px;color:rgba(255,255,255,.7)}.scene-bottom a{border-bottom:1px solid rgba(255,255,255,.5)}.journey-progress{height:3px;background:rgba(255,255,255,.2);position:absolute;bottom:0;left:0;right:0}.journey-progress span{display:block;height:100%;background:var(--red);width:25%;transition:width .25s}.scene-copy.changing{animation:scene-reveal .55s ease-out}
.cities{padding-block:120px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:45px}.section-head .eyebrow{color:var(--muted);margin-bottom:24px}.section-head>p{color:var(--muted);max-width:340px;font-size:1rem}.city-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;perspective:1400px}.city-card{position:relative;height:430px;overflow:hidden;isolation:isolate;border-radius:3px;background:var(--surface);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s,border-color .25s;border:1px solid rgba(255,255,255,.06)}.city-card img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.city-card:hover img{transform:scale(1.06)}.city-card:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(0deg,rgba(5,8,13,.95),transparent 65%,rgba(5,8,13,.35))}.city-card-top{position:absolute;top:24px;left:22px;right:22px;display:flex;justify-content:space-between;z-index:1;font-size:.875rem}.city-card-copy{position:absolute;bottom:26px;left:22px;right:22px;z-index:1}.city-card-copy>span{font-size:.75rem;letter-spacing:.065em;color:rgba(255,255,255,.72)}.city-card-copy h3{font-size:2.625rem;margin-top:12px}.city-card-copy p{font-size:.875rem;margin-top:13px;color:rgba(255,255,255,.8)}
.planning{background:#131920;padding-block:114px;scroll-margin-top:80px}.plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.plan-card{min-height:390px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:end;background:#1d2835;padding:30px 24px;border:1px solid rgba(255,255,255,.08);border-radius:3px;transition:background .3s,transform .3s}.plan-card:hover{transform:translateY(-5px);background:#243344}.plan-card:nth-child(3){background:#242932}.plan-card:nth-child(4){background:#262323}.plan-num{position:absolute;top:22px;left:24px;font-size:.875rem;color:rgba(255,255,255,.6);z-index:2}.plan-label{font-size:.75rem;letter-spacing:.08em;color:rgba(255,255,255,.7)}.plan-card h3{font-size:1.875rem;margin-top:10px;letter-spacing:-.035em}.plan-card p{font-size:.9375rem;color:#c1c5cb;margin-top:15px;max-width:230px}.plan-action{display:inline-block;margin-top:25px;font-size:.9375rem;font-weight:600;border-bottom:1px solid rgba(255,255,255,.5);align-self:start;padding-bottom:4px}.plan-art{position:absolute;right:20px;top:50px;width:120px;height:120px;opacity:.5}.plan-art svg{width:100%;fill:none;stroke:#bdcddf;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.photo-plan>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-plan:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(6,8,13,.95),rgba(6,8,13,.06));z-index:0}.plan-card-copy{position:relative;z-index:1}.photo-plan .plan-action{display:table}.affiliate-note{font-size:.875rem;color:var(--muted);margin:28px 0 50px;max-width:850px}.provider-group{border-top:1px solid var(--line);scroll-margin-top:110px}.provider-group:last-child{border-bottom:1px solid var(--line)}.provider-group>summary{display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;cursor:pointer;padding:25px 0;font-family:var(--display);font-size:1.5rem;line-height:1.25;letter-spacing:-.02em}.provider-group>summary::-webkit-details-marker{display:none}.provider-group summary small{display:block;font-family:var(--font);font-size:.75rem;letter-spacing:.09em;color:var(--muted);margin-bottom:9px}.expand-mark{font-size:2rem;font-weight:400;transition:transform .3s}.provider-group[open] .expand-mark{transform:rotate(45deg)}.provider-content{padding-bottom:32px}.provider-content>p{color:var(--muted);font-size:.9375rem;max-width:750px;margin-bottom:24px}.provider-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.provider-links>a{display:flex;flex-direction:column;align-items:start;gap:9px;min-height:114px;padding:20px;border:1px solid var(--line);border-radius:3px;transition:background .2s,border-color .2s}.provider-links>a:hover{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.55)}.provider-links strong{font-family:var(--display);font-size:1.25rem;line-height:1.3;font-weight:500}.provider-links span{font-size:.875rem;color:var(--muted)}.quiet-link{display:inline-block;font-size:.875rem;color:var(--muted);text-decoration:underline;text-underline-offset:5px;margin-top:20px}
.local-picks{padding-block:120px}.picks-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.local-pick{border-top:1px solid var(--line);padding-top:25px;scroll-margin-top:120px}.pick-city{font-size:.75rem;letter-spacing:.1em;color:var(--red)}.local-pick h3{font-size:1.75rem;line-height:1.17;letter-spacing:-.03em;margin-top:24px}.local-pick p{font-size:.9375rem;color:var(--muted);margin-top:20px}.local-pick .text-link{margin-top:22px;font-size:.875rem}
.editorial{padding-block:10px 110px}.edition-notice{font-size:.875rem;color:var(--muted);padding:18px 0 26px;border-top:1px solid var(--line);margin-top:-10px}.editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.edition-image{height:260px;position:relative;overflow:hidden}.edition-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s}.edition-card:hover img{transform:scale(1.04)}.edition-tag{position:absolute;top:18px;left:18px;font-size:.75rem;letter-spacing:.06em;padding:6px 12px;border-radius:30px;background:var(--paper);color:var(--ink)}.edition-copy{padding:23px 0}.edition-meta{font-size:.75rem;letter-spacing:.06em;color:var(--muted)}.edition-copy h3{font-size:1.8125rem;line-height:1.13;margin-top:15px;letter-spacing:-.035em}.edition-copy p{margin-top:14px;color:var(--muted);font-size:.9375rem}.edition-copy .text-link{margin-top:24px;font-size:.875rem}.edition-next{display:flex;justify-content:space-between;gap:35px;align-items:center;border-top:1px solid var(--line);margin-top:34px;padding-top:34px}.edition-next p{font-size:.9375rem;color:var(--muted);max-width:550px}
.social-band{position:relative;background:#d9413e;overflow:hidden}.social-inner{text-align:center;padding-block:95px 85px;position:relative}.social-inner>.eyebrow{margin-bottom:26px}.social-inner h2{font-size:clamp(3rem,7.8vw,8rem);line-height:1}.social-inner h2 em{color:rgba(255,255,255,.65)}.social-inner>p:not(.eyebrow){font-size:1.0625rem;margin-top:28px}.social-links{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:32px}.social-links a{display:inline-flex;align-items:center;justify-content:center;min-width:140px;min-height:48px;border:1px solid rgba(255,255,255,.55);border-radius:28px;padding:12px 22px;font-size:.9375rem;transition:background .2s,color .2s}.social-links a:hover{background:var(--paper);color:var(--ink)}.social-wordmark{display:block;font-family:var(--display);font-size:clamp(3rem,14.3vw,15rem);font-weight:600;letter-spacing:-.055em;line-height:1;margin-top:65px;color:rgba(255,255,255,.16);white-space:nowrap}.site-footer{padding-block:65px 28px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;margin-bottom:45px}.footer-top>p{font-size:.9375rem;color:var(--muted)}.footer-links{display:flex;flex-direction:column;gap:12px;align-items:end;font-size:.875rem}.footer-links a:hover{color:var(--red)}.footer-detail{border-top:1px solid var(--line);padding:17px 0;scroll-margin-top:100px;color:var(--muted);font-size:.875rem}.footer-detail summary{cursor:pointer;list-style-position:inside}.footer-detail p{margin-top:18px;max-width:850px}.credit-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:18px}.credit-links a{text-decoration:underline;text-underline-offset:5px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid var(--line);padding-top:28px;margin-top:15px;color:var(--muted);font-size:.75rem;letter-spacing:.02em}.noscript-note{position:fixed;bottom:12px;left:12px;right:12px;z-index:60;background:var(--paper);color:var(--ink);padding:16px;border-radius:4px;font-size:.875rem}
@keyframes arrival{from{transform:scale(1.04)}to{transform:scale(1)}}@keyframes title-arrival{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes scroll-line{to{top:42px}}@keyframes scene-reveal{from{opacity:.3;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(min-width:1800px){.hero-content,.hero-topline,.hero-footer{max-width:1540px;margin-inline:auto}.hero-content{left:0;right:0}.hero-topline,.hero-footer{left:0;right:0}}
@media(max-width:1150px){.hero{min-height:680px}.hero-actions{gap:18px}.hero-bottom p{font-size:1rem}.city-grid,.plan-grid{gap:12px}.city-card{height:380px}.city-card-copy{left:18px;right:18px}.city-card-copy h3{font-size:2.25rem}.plan-card{padding:26px 20px;min-height:350px}.plan-card h3{font-size:1.5625rem}.plan-art{width:95px;height:95px}.picks-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.scene-copy{left:39%}.scene-copy h3{font-size:11vw}.section-head{gap:35px}}
@media(max-width:850px){.site-header{padding-block:22px;flex-wrap:wrap}.primary-nav{gap:20px}.intro-grid{gap:40px}.hero-bottom{align-items:start;flex-direction:column}.hero-content{bottom:155px}.hero-bottom{margin-top:24px}.hero-actions{margin-top:4px}.hero-footer>span{display:none}.intro,.cities,.local-picks{padding-block:85px}.planning{padding-block:85px}.city-grid,.plan-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.city-card{height:410px}.plan-card{min-height:350px}.provider-links{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-grid{gap:18px}.edition-image{height:200px}.edition-copy h3{font-size:1.5rem}.scene-top{top:116px}.map-panel{top:29%;width:34%}.scene-copy{top:31%;left:42%}.scene-copy h3{font-size:10vw}.scene-copy h3 span{font-size:.875rem;display:block;margin:12px 0 0}.scene-kicker{max-width:230px}.scene-copy>p:not(.scene-kicker){font-size:1rem;margin-top:20px}.scene-copy .button{margin-top:24px;padding-inline:18px}.city-switcher button{font-size:1.125rem}.city-switcher button small{margin-right:8px}.footer-top{grid-template-columns:1fr 1fr}.footer-links{grid-column:1/-1;flex-direction:row;align-items:start;flex-wrap:wrap;gap:22px}.section-head{align-items:start}.section-head>p{max-width:230px}.editorial{padding-bottom:85px}}
@media(max-width:620px){html{scroll-padding-top:90px}.site-header{padding:18px 22px}.site-header.scrolled{padding:14px 22px}.brand{font-size:.875rem;gap:10px}.brand small{font-size:.6875rem}.brand-disc{width:26px;height:26px}.js .menu-toggle{display:block}.primary-nav{width:100%;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:.8125rem;margin-top:10px}.js .primary-nav{display:none}.js .site-header.nav-open{background:rgba(8,11,16,.97)}.js .site-header.nav-open .primary-nav{display:flex;padding:12px 0 8px}.primary-nav .nav-cta{padding:9px 13px}.hero{height:100svh;min-height:720px;max-height:1000px}.hero-topline{top:105px;font-size:.625rem;letter-spacing:.07em;gap:12px}.hero-topline>span:first-child{max-width:180px}.japan-clock{white-space:nowrap}.hero-media img{object-position:56% center}.hero-shade{background:linear-gradient(0deg,rgba(5,10,16,.96),rgba(5,10,16,.2) 72%,rgba(5,10,16,.45))}.hero-content{bottom:145px}.hero-content>.eyebrow{font-size:.75rem;margin-bottom:22px}.red-rule{width:24px}h1{font-size:clamp(3.1rem,11vw,4.3rem);line-height:1.04;letter-spacing:-.064em}h1 em{-webkit-text-stroke:1px white}.hero-bottom{gap:24px}.hero-bottom p{font-size:1rem;max-width:315px}.hero-actions{flex-wrap:wrap;gap:20px}.hero-actions .button{padding:13px 23px;min-height:49px}.hero-actions .text-link{font-size:.875rem}.hero-footer{bottom:30px;gap:14px;font-size:.625rem;letter-spacing:.06em}.motion-toggle{font-size:.6875rem;padding:7px 10px}.scroll-line{height:32px}.intro{padding-block:70px 76px}.intro>.eyebrow{margin-bottom:28px;font-size:.75rem}.intro-grid{grid-template-columns:1fr;gap:32px}.intro h2{font-size:3.5rem}.intro-note p{font-size:1rem}.intro-note .text-link{font-size:.875rem}.journey{min-height:240svh}.journey-stage{height:100svh;min-height:740px;max-height:1080px}.scene-top{top:96px;font-size:.75rem}.scene-top .eyebrow{font-size:.75rem}.scene-shade{background:linear-gradient(0deg,rgba(3,8,13,.98),rgba(3,8,13,.25) 65%,rgba(3,8,13,.55)),linear-gradient(90deg,rgba(3,8,13,.3),transparent)}.map-panel{left:auto;right:var(--gutter);top:140px;width:160px;opacity:.8}.map-caption{display:none}.map-north{font-size:.75rem}.scene-copy{left:var(--gutter);right:var(--gutter);top:auto;bottom:235px}.scene-kicker{max-width:220px;line-height:1.7;margin-bottom:8px;font-size:.6875rem}.scene-copy h3{font-size:clamp(3.75rem,16vw,5.4rem);line-height:1.05}.scene-copy h3 span{display:inline-block;margin:12px 0 0 12px;vertical-align:top}.scene-copy>p:not(.scene-kicker){font-size:1rem;max-width:300px;margin-top:15px}.scene-copy .button{padding:12px 20px;margin-top:23px;min-height:48px;font-size:.875rem}.city-switcher{bottom:100px;gap:0}.city-switcher button{font-size:.9375rem;padding:17px 4px 17px 0}.city-switcher button small{display:block;margin:0 0 7px;font-size:.6875rem}.scene-bottom{bottom:43px;font-size:.625rem;letter-spacing:.04em}.scene-bottom>span{max-width:185px}.scene-bottom a{align-self:start;white-space:nowrap}.cities,.local-picks{padding-block:75px}.section-head{display:block;margin-bottom:32px}.section-head .eyebrow{font-size:.75rem;margin-bottom:20px}.section-head>p{margin-top:24px;max-width:none;font-size:.9375rem}.section-head>p br{display:none}h2{font-size:2.625rem}.city-grid{gap:12px}.city-card{height:320px}.city-card-top{top:17px;left:16px;right:16px;font-size:.75rem}.city-card-copy{left:16px;right:16px;bottom:20px}.city-card-copy h3{font-size:1.9375rem}.city-card-copy>span{font-size:.625rem;letter-spacing:.025em;line-height:1.5;display:block;max-width:145px}.city-card-copy p{font-size:.8125rem;line-height:1.5;margin-top:10px}.planning{padding-block:75px}.plan-grid{gap:12px}.plan-card{min-height:320px;padding:22px 16px}.plan-num{top:17px;left:16px;font-size:.75rem}.plan-art{top:40px;right:6px;width:85px;height:85px}.plan-label{font-size:.625rem;letter-spacing:.025em}.plan-card h3{font-size:1.5rem;line-height:1.1}.plan-card p{font-size:.875rem;line-height:1.55}.plan-action{font-size:.8125rem;margin-top:20px}.affiliate-note{font-size:.875rem;margin-block:25px 35px}.provider-group>summary{font-size:1.1875rem;padding:23px 0;line-height:1.3}.provider-group summary small{font-size:.6875rem}.provider-links{gap:10px}.provider-links>a{min-height:115px;padding:15px}.provider-links strong{font-size:1.125rem}.provider-links span{font-size:.8125rem;line-height:1.4}.provider-content>p,.quiet-link{font-size:.875rem}.picks-grid{gap:30px 24px}.local-pick h3{font-size:1.4rem}.local-pick p{font-size:.875rem;line-height:1.65}.local-pick .text-link{font-size:.8125rem}.pick-city{font-size:.6875rem}.editorial-grid{grid-template-columns:1fr;gap:28px}.edition-image{height:250px}.edition-copy h3{font-size:1.75rem}.edition-copy{padding-bottom:8px}.edition-notice{font-size:.8125rem;line-height:1.6}.edition-next{display:block;margin-top:35px}.edition-next .button{margin-top:22px}.social-inner{padding-block:65px 45px}.social-inner>.eyebrow{font-size:.75rem}.social-inner h2{font-size:3.3125rem}.social-inner>p:not(.eyebrow){font-size:1rem}.social-links{gap:9px}.social-links a{min-width:0;padding:11px 17px;font-size:.875rem}.social-wordmark{font-size:14vw;margin-top:45px}.site-footer{padding-block:50px 24px}.footer-top{grid-template-columns:1fr;gap:27px;margin-bottom:35px}.footer-links{font-size:.8125rem;gap:15px}.footer-bottom{flex-direction:column;align-items:start;gap:12px;font-size:.6875rem}.footer-detail{font-size:.8125rem}}
@media(max-width:370px){h1{font-size:10.7vw}.hero-content{bottom:137px}.hero-actions{gap:15px}.hero-actions .button{padding-inline:18px}.city-grid,.plan-grid,.picks-grid{grid-template-columns:1fr}.city-card{height:380px}.plan-card{min-height:280px}.plan-art{right:20px;width:100px;height:100px}.provider-links{grid-template-columns:1fr}.city-switcher button{font-size:.8125rem}.scene-copy h3{font-size:15vw}.map-panel{width:130px}.hero-topline>span:first-child{max-width:135px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.journey{min-height:0}.journey-stage{position:relative}.hero-media,.city-card,.scene-image{transform:none!important}}
.motion-off{scroll-behavior:auto}.motion-off *,.motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .journey{min-height:0}.motion-off .journey-stage{position:relative}.motion-off .hero-media,.motion-off .city-card,.motion-off .scene-image{transform:none!important}
.tokyo-pin{left:70.22%;top:49.55%}.kyoto-pin{left:54.15%;top:52.55%}.osaka-pin{left:53.06%;top:53.95%}.fukuoka-pin{left:32.16%;top:58.77%}
/* Live forecast and an actual extruded, lit WebGL Japan map. */
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;opacity:0;transition:opacity 1.2s}.hero-video.playing{opacity:1}.hero-map{position:absolute;right:3%;top:17%;width:clamp(190px,30vw,420px);height:46%;pointer-events:none;z-index:0;opacity:.85}.hero-map canvas,.hero-map-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.hero-map-fallback{opacity:.4;transform:perspective(600px) rotateY(-16deg) rotateX(8deg)}.hero-map canvas{opacity:0}.hero-map canvas.ready{opacity:1}.hero-map:has(canvas.ready) .hero-map-fallback{visibility:hidden}.hero-map>span{position:absolute;right:12%;bottom:2%;font-size:.75rem;line-height:1.8;letter-spacing:.15em;color:#b5d6e0}.weather-badge{display:flex;flex-direction:column;gap:5px;margin-block:12px 8px;color:#fff;font-size:.875rem}.weather-time{font-size:.75rem;font-weight:400;line-height:1.5;color:#d4dce2}.weather-attribution{font-size:.875rem;color:var(--muted);line-height:1.7;margin-top:24px}.weather-attribution a{text-decoration:underline;text-underline-offset:3px}.scene-weather{font-size:.875rem!important;color:#b5d6e0!important;max-width:36em;line-height:1.6}.motion-off .hero-video{visibility:hidden}.city-card{min-height:400px}
@media(max-width:850px){.hero-map{top:20%;right:-3%;height:32%;width:40vw;opacity:.65}.hero-map>span{display:none}}
@media(max-width:620px){.hero-map{top:18%;right:-5%;height:27%;width:48vw}.hero-video{object-position:center 40%}.weather-badge{font-size:.8125rem}.weather-time{font-size:.75rem}.city-card{min-height:350px}.scene-weather{font-size:.8125rem!important}}
@media(prefers-reduced-motion:reduce){.hero-video{visibility:hidden}}
/* Consistent travel-service photo cards. */
.photo-plan>img{object-position:center 30%;transition:transform .7s ease}.photo-plan:hover>img{transform:scale(1.035)}.photo-plan:after{background:linear-gradient(180deg,rgba(6,8,13,.12) 0%,rgba(6,8,13,.14) 30%,rgba(6,8,13,.78) 57%,rgba(6,8,13,.97) 100%)}.plan-card{min-height:430px}.plan-label{color:#e1e6ec}.plan-card p{color:#e1e6ec}.plan-num{color:white;text-shadow:0 2px 8px #000}.travel-basics{padding-block:70px}.travel-basics .section-head{margin-bottom:35px}.travel-basics .eyebrow{display:block;margin-bottom:18px}.check-grid,.area-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.check-item,.area{border-top:1px solid var(--line);padding-top:22px}.check-item h3,.area h3{font-size:1.35rem;margin:12px 0}.check-item p,.area p{color:var(--muted);font-size:1rem;line-height:1.7}.check-no,.area small{font-size:.875rem;color:var(--red)}
@media(max-width:850px){.check-grid,.area-grid{grid-template-columns:repeat(2,1fr)}.plan-card{min-height:390px}}
@media(max-width:620px){.plan-grid{grid-template-columns:1fr}.plan-card{min-height:410px;padding:28px}.plan-num{left:28px;top:24px}.plan-label{font-size:.875rem}.plan-card h3{font-size:2rem}.plan-card p{max-width:290px;font-size:1rem}.plan-action{font-size:.9375rem}.travel-basics{padding-block:50px}.check-grid,.area-grid{gap:26px}}
.hero-video,.hero-media>img{object-position:center center}.hero-map{opacity:.6}.hero-video{transition:opacity 1s ease}.hero-shade{background:linear-gradient(90deg,rgba(5,10,16,.55),rgba(5,10,16,.08) 80%),linear-gradient(0deg,rgba(5,10,16,.95),rgba(5,10,16,.08) 65%,rgba(5,10,16,.4))}
@media(max-width:620px){.hero-video{object-position:center}.hero-media>img{object-position:80% center}.hero-map{opacity:.45}.hero-shade{background:linear-gradient(0deg,rgba(5,10,16,.97),rgba(5,10,16,.14) 72%,rgba(5,10,16,.4))}}