/* One continuous scene track. Artwork stays sharp; only the glass UI blurs. */
:root{color-scheme:light}
html{scroll-behavior:auto}
.journey-home{--warm-ink:#3f5268;background:#f8f2e8}
.journey-track{height:400svh;position:relative}
.journey-viewport{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate;background:#eee2d0}
.journey-scene{position:absolute!important;inset:0!important;width:100%;height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;isolation:isolate;overflow:hidden;visibility:hidden;pointer-events:none;z-index:1}
.journey-scene:first-child{visibility:visible}
.journey-scene[data-active=true]{pointer-events:auto}
.journey-scene .home-art,.journey-scene .world-art,.journey-scene .desk-backdrop{inset:0;z-index:-3}
.journey-scene .home-art img,.journey-scene .world-art img,.journey-scene .desk-backdrop img{transform:none;filter:none;image-rendering:auto;object-position:center;will-change:transform}
.journey-scene .scene-content{will-change:transform,opacity}
.journey-home .topbar{background:#fbf6ecbf;backdrop-filter:blur(14px);box-shadow:none;border-bottom:1px solid #fffbf23d}
.journey-home .nav-wrap{height:76px}
.journey-home .nav-download{background:#fffaf099;color:#49627c;transition:background .2s,box-shadow .2s}
.journey-home .nav-download:hover{background:#fffaf0;box-shadow:0 4px 18px #56708215}
.journey-home .topbar nav{color:#516782}
.journey-home .button{min-width:140px;justify-content:center;font-size:12px;letter-spacing:.03em}
.journey-home .button.primary{background:#fff0ce;color:#554b42;border-color:#fff8e4;box-shadow:0 6px 28px #1c26362a}
.journey-home .button.primary:hover{background:#fff8e7}
.journey-home .button.ghost{color:#fff9f0;border-color:#fff4e48c;background:#fff8ef13}
.journey-home .rain-hero .home-shade{background:linear-gradient(90deg,#26314455,transparent 52%),linear-gradient(0deg,#14263b3d,transparent 40%)}
.journey-home .rain-hero-copy{left:8%;top:27%;width:45%;color:#fff8ed}
.journey-home .rain-hero h1{font-size:clamp(68px,6.8vw,116px);line-height:1.15;font-weight:500;letter-spacing:-.045em}
.journey-home .rain-hero-copy>.eyebrow{font-size:10px;letter-spacing:.24em;margin-bottom:27px}
.journey-home .rain-hero-copy>p{font-size:16px;color:#fff3e4;letter-spacing:.13em;margin:26px 0 32px}
.journey-home .rain-hero-demo{width:min(34vw,490px);right:7%;bottom:8%;padding:16px;background:#f8efdfbd;backdrop-filter:blur(10px);border-radius:17px;box-shadow:0 15px 44px #24375130}
.journey-home .rain-hero-demo .rain-demo-heading{color:#415775}
.journey-home .hero-voice{color:#415775}
.journey-home .rain-language-row{bottom:8%;color:#fff4e6;font-size:11px;gap:26px}
.journey-home .window-reflections{animation:glass-shimmer 10s ease-in-out infinite alternate;left:26%;width:68%;top:0;height:74%;opacity:.65}
.journey-home .warm-light{animation:lamp-breathe 6s ease-in-out infinite alternate;inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 94% 47%,#ffd89135,transparent 27%);mix-blend-mode:screen}
.journey-home .rain-canvas{z-index:0;opacity:.65;mask-image:none;clip-path:none;width:100%;height:100%}
.journey-home .cinema-world{color:#344f6e}
.journey-home .world-cloud-layer{background:linear-gradient(90deg,#fff8e847,transparent 65%)}
.journey-home .world-copy{top:18%;left:8%}
.journey-home .world-copy h2{font-size:clamp(50px,5.5vw,90px);color:#375678;text-shadow:0 2px 20px #fff4e585;font-weight:500;line-height:1.25}
.journey-home .world-copy .eyebrow{color:#4b6c8d;margin-bottom:25px}
.journey-home .world-copy>p{color:#415f7b;font-size:16px;margin-top:28px}
.journey-home .world-voice{background:#fff8ecb5;border-color:#fffdf9c7;color:#345271;backdrop-filter:blur(8px);box-shadow:0 8px 30px #3249611c;animation:greeting-float 5s ease-in-out infinite alternate}
.journey-home .world-voice>span{color:#677d93}
.journey-home .world-voice p{color:#345271;font-size:15px}
.journey-home .voice-en{left:11%;top:69%;animation-delay:-2s}
.journey-home .voice-ja{left:47%;top:49%;animation-delay:-1s}
.journey-home .voice-ko{right:12%;top:38%;animation-delay:-4s}
.journey-home .voice-cn{left:66%;bottom:17%;animation-delay:-3s}
.journey-home .connection-base{stroke:#fcf4e7ba;stroke-width:1;stroke-dasharray:2 8}
.journey-home .connection-stream{stroke:#fff6ce;stroke-width:2.4;filter:drop-shadow(0 0 5px #fff7e7);animation-duration:7s}
.journey-home .world-particles{opacity:1}
.journey-home .listen-room{background:#6c7c88;color:#fff8e9}
.listen-room .desk-backdrop img{object-position:center}
.listen-room .desk-shade{background:linear-gradient(90deg,#112e4950,transparent 80%),linear-gradient(0deg,#2035433b,transparent 45%)}
.listen-copy{position:absolute;left:8%;top:22%;width:33%;z-index:3}
.listen-copy .eyebrow{font-size:10px;color:#faf1dc;letter-spacing:.22em}
.listen-copy h2{font-size:clamp(44px,4.5vw,73px);font-weight:500;line-height:1.28;text-shadow:0 3px 25px #122f3c3b}
.listen-copy p{color:#fef2df;font-size:14px;margin:25px 0}
.quiet-link{display:inline-block;padding:7px 0;border-bottom:1px solid #faf2de66;font-size:12px;color:#fff4df;transition:border-color .2s}
.quiet-link:hover{color:#fff;border-color:#fff}
.journey-home .listening-stage{position:absolute;width:min(51vw,820px);right:6%;top:38%;padding:23px;border-radius:22px;background:#f7efe5bb;border:1px solid #fff9ecbd;box-shadow:0 17px 56px #132e483a;backdrop-filter:blur(10px);z-index:3}
.listening-stage .rain-demo-heading{color:#526780;font-size:12px}
.listening-stage .demo-status{color:#607a7f}
.listening-voice>span{font-size:9px;color:#6a7c90;letter-spacing:.1em}
.listening-voice .voice-spectrum{height:34px;margin:3px 0}
.listening-voice .live-source{font-size:18px;color:#46627e;min-height:32px;line-height:1.6;margin:7px 0 16px}
.journey-home .native-motion img{width:100%;height:auto}
.voice-route{display:flex;align-items:center;gap:16px;margin:17px 2px 0;color:#667b8e;font-size:9px}
.voice-route i{flex:1;height:1px;background:linear-gradient(90deg,#88a1b522,#7295b7,#88a1b522);background-size:200% 100%;animation:voice-route 2s linear infinite}
.journey-home .communication-section{color:#fff8ed;background:#566e7d}
.journey-home .communication-section .desk-backdrop img{object-position:68% 55%}
.journey-home .communication-section .desk-shade{background:linear-gradient(0deg,#182e4361,#18304929)}
.journey-home .communication-heading{position:absolute;top:15%;left:7%;width:86%;padding:0;text-align:left;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between}
.journey-home .communication-heading .eyebrow{width:100%;margin-bottom:13px}
.journey-home .communication-heading h2{font-size:clamp(32px,3.2vw,52px);line-height:1.3;white-space:nowrap}
.journey-home .communication-heading h2 br{display:none}
.journey-home .communication-heading h2 span{color:#ffedcb}
.journey-home .target-languages{margin:0 0 5px;gap:9px}
.journey-home .target-languages button{background:#fff7e42e;color:#fff9ef;border-color:#fff4df63}
.journey-home .target-languages button[aria-pressed=true]{background:#fff2d7;color:#48607a}
.journey-home .communication-stage{position:absolute;top:33%;left:7%;width:86%;max-width:none;padding:0;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:5%;align-items:start}
.journey-home .speech-console{padding:19px 22px;border-radius:20px;background:#fff6e8c2;backdrop-filter:blur(10px);min-height:0}
.journey-home .recognized-speech{margin-top:13px}
.journey-home .recognized-speech .voice-spectrum{height:20px;margin:4px 0;gap:3px}
.journey-home .recognized-speech .voice-spectrum i{width:2px}
.journey-home .recognized-text{font-size:14px;min-height:24px}
.journey-home .translation-result{margin-top:10px;padding-top:9px;min-height:63px}
.journey-home .foreign-result{font-size:18px;margin:5px 0 9px;min-height:27px}
.journey-home .native-quick-preview{background:#f1e9e74d}
.journey-home .game-view{height:345px;transform:none;border-radius:20px;background:#203b538c;backdrop-filter:blur(8px)}
.journey-home .game-landscape{background:linear-gradient(#24435b22,#263f5180),url('/assets/journey-20261010/sky-lossless.webp') center/cover}
.journey-home .game-chat{background:#edf2f0d9;color:#375778}
.journey-home .chat-history{height:125px}
.journey-home .chat-form input{color:#375778;background:#fff8edd9;border-color:#9eb4c480}
.journey-home .chat-form button{background:#91afc8;color:#fff}
.journey-home .chat-message{color:#355875}
.journey-home .chat-message>span{color:#607d91}
.journey-home .chat-message.my-message{color:#2f587b;font-weight:600}
.journey-home .chat-message.my-message>span{color:#607d91;font-weight:400}
.journey-home .chat-form input::placeholder{color:#6c8298}
.journey-home .keyboard-demo{color:#fff2dc}
.journey-home .keyboard-demo kbd{background:#48648194;color:#fff5e4;border-color:#ffefd085}
.journey-home .world-cloud-layer:after{content:'';position:absolute;inset:-10%;background:radial-gradient(ellipse at 24% 38%,#fff8e835,transparent 31%),radial-gradient(ellipse at 80% 12%,#fff9e62e,transparent 25%);mix-blend-mode:screen;animation:cloud-breath 18s ease-in-out infinite alternate;pointer-events:none}
.journey-home .world-voice[data-speaking=true]{box-shadow:0 0 0 6px #fff8ec26,0 9px 35px #faebc642}
.listening-stage[data-phase="2"] .voice-spectrum i,.listening-stage[data-phase="3"] .voice-spectrum i,.listening-stage[data-phase="4"] .voice-spectrum i,.listening-stage[data-phase="5"] .voice-spectrum i,[data-communication]:not([data-state="0"]):not([data-state="1"]) .voice-spectrum i{animation:none;transform:scaleY(.18);opacity:.45}
.listening-stage[data-phase="0"] .voice-route span:first-child,.listening-stage[data-phase="1"] .voice-route span:nth-of-type(2),.listening-stage[data-phase="5"] .voice-route span:last-child{color:#335e8b;font-weight:600}
@keyframes cloud-breath{from{transform:translate3d(-18px,0,0);opacity:.4}to{transform:translate3d(18px,-8px,0);opacity:.9}}
.journey-home .keyboard-demo{margin-top:14px}
.journey-home .communication-footer{position:absolute;bottom:3%;left:7%;width:86%;padding:0;text-align:center}
.journey-home .communication-timeline{font-size:9px}
.journey-home .communication-footer .fine{margin:8px 0;font-size:8px;color:#f7eddd}
.journey-home .home-end{overflow:hidden;isolation:isolate;padding:100px 24px 85px;background:#f7ead3;color:#fff4e5}
.end-art{position:absolute;inset:0;z-index:-2;background:linear-gradient(#28415b6b,#233d55a3),url('/assets/journey-20261010/home-lossless.webp') center 50%/cover}
.journey-home .home-end h2{color:#fff6e8}
.journey-home .home-end>.eyebrow,.journey-home .home-end>p{color:#f2e6d5}
.journey-home footer{background:#f6f0e5}
@keyframes glass-shimmer{from{opacity:.35;transform:translateX(-1%)}to{opacity:.75;transform:translateX(1%)}}
@keyframes lamp-breathe{0%,100%{opacity:.55}50%{opacity:1}}
@keyframes greeting-float{from{translate:0 0}to{translate:0 -12px}}
@keyframes voice-route{to{background-position:-200% 0}}
@media(min-width:761px) and (max-height:780px){
 .journey-home .rain-hero-copy{top:23%}
 .journey-home .rain-hero h1{font-size:72px}
 .journey-home .communication-heading{top:16%}
 .journey-home .communication-stage{top:34%}
 .journey-home .speech-console{padding:13px 16px}
 .journey-home .recognized-speech{margin-top:8px}
 .journey-home .translation-result{min-height:52px}
 .journey-home .game-view{height:300px}
 .journey-home .communication-footer{bottom:2%}
 .journey-home .communication-footer .fine{display:none}
 .journey-home .keyboard-demo{margin-top:8px}
}
@media(max-width:1000px) and (min-width:761px){
 .journey-home .listen-copy{left:6%;width:34%}
 .journey-home .listen-copy h2{font-size:44px}
 .journey-home .listening-stage{right:4%;width:54vw;padding:18px}
 .journey-home .communication-heading,.journey-home .communication-stage{left:5%;width:90%}
 .journey-home .communication-stage{gap:3%}
 .journey-home .speech-console{padding:16px}
 .journey-home .console-top{font-size:9px}
 .journey-home .communication-heading h2{font-size:32px}
 .journey-home .target-languages button{padding:7px 12px;font-size:10px}
}
/* Compact screens retain natural scrolling, with moving art and no trapped panels. */
@media(max-width:760px){
 .journey-track{height:auto}
 .journey-viewport{position:relative;top:auto;height:auto;overflow:visible}
 .journey-scene{position:relative!important;inset:auto!important;visibility:visible!important;pointer-events:auto!important;min-height:820px!important;height:100svh!important;max-height:none!important}
 .journey-home .nav-wrap{height:68px}
 .journey-home .home-art img{object-position:45% center}
 .journey-home .rain-hero-copy{left:7%;top:18%;width:86%}
 .journey-home .rain-hero h1{font-size:64px}
 .journey-home .rain-hero-copy>p{font-size:12px}
 .journey-home .rain-hero-demo{width:auto;left:7%;right:7%;bottom:9%;padding:13px}
 .journey-home .rain-language-row{bottom:4%;font-size:9px}
 .journey-home .world-art img{object-position:42% center}
 .journey-home .world-copy{left:7%;top:13%}
 .journey-home .world-copy h2{font-size:43px}
 .journey-home .world-copy>p{font-size:12px}
 .journey-home .world-voice p{font-size:11px}
 .journey-home .voice-en{left:8%;top:49%}
 .journey-home .voice-ja{left:38%;top:65%}
 .journey-home .voice-ko{right:7%;top:41%}
 .journey-home .voice-cn{left:20%;bottom:11%}
 .journey-home .listen-copy{left:7%;top:12%;width:86%}
 .journey-home .listen-copy h2{font-size:43px}
 .journey-home .listen-copy p{font-size:12px;margin:19px 0}
 .journey-home .listening-stage{left:7%;right:7%;width:auto;top:auto;bottom:9%;padding:17px}
 .journey-home .listening-voice .live-source{font-size:15px}
 .journey-home .listen-room .desk-backdrop img{object-position:40% center}
 .journey-home .listen-room .desk-shade{background:linear-gradient(#20365040,#20365050)}
 .journey-home .communication-section{height:auto!important;min-height:1100px!important;padding:70px 0 38px!important}
 .journey-home .communication-heading{position:relative;top:auto;left:auto;display:block;width:86%;margin:0 auto;text-align:center}
 .journey-home .communication-heading h2{font-size:29px;white-space:normal}
 .journey-home .communication-heading h2 br{display:block}
 .journey-home .target-languages{margin:23px 0}
 .journey-home .communication-stage{position:relative;top:auto;left:auto;width:86%;display:flex;flex-direction:column;gap:24px;margin:0 auto}
 .journey-home .speech-console{padding:17px;width:100%}
 .journey-home .foreign-result{font-size:19px}
 .journey-home .chat-scene{width:100%}
 .journey-home .game-view{height:300px}
 .journey-home .chat-history{height:100px}
 .journey-home .communication-footer{position:relative;left:auto;bottom:auto;width:86%;margin:25px auto 0}
 .journey-home .communication-timeline{gap:12px;font-size:8px}
 .journey-home .home-end{padding:75px 24px}
}
@media(prefers-reduced-motion:reduce){
 .journey-track{height:auto}
 .journey-viewport{position:relative;height:auto;overflow:visible}
 .journey-scene{position:relative!important;inset:auto!important;visibility:visible!important;pointer-events:auto!important;height:100svh!important;min-height:820px!important;opacity:1!important}
 .journey-scene img,.scene-content{transform:none!important}
 .journey-home .world-voice,.journey-home .warm-light,.journey-home .window-reflections,.journey-home .world-cloud-layer:after,.voice-route i{animation:none!important}
 .journey-home .rain-canvas,.journey-home .world-particles{display:none!important}
 .journey-home .communication-section{height:1100px!important}
}