.journey-cinema{height:190vh;min-height:1100px;background:#e8eddf;color:#233725;position:relative;--journey:0}.cinema-pin{position:sticky;top:0;min-height:100svh;display:flex;align-items:center;overflow:hidden}.cinema-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;width:100%;padding-top:65px!important;padding-bottom:65px!important}.cinema-copy .section-label{color:#60705a}.landing .cinema-copy h2{font-size:clamp(32px,3.7vw,54px);margin:0 0 45px}.cinema-chapters{position:relative;min-height:200px}.cinema-chapter{position:absolute;inset:0;opacity:0;translate:0 28px;filter:blur(5px);transition:opacity .6s,translate .8s var(--ease),filter .7s;pointer-events:none}.cinema-chapter[data-chapter='0']{opacity:1;translate:none;filter:none}.journey-cinema[data-phase='1'] .cinema-chapter[data-chapter='0'],.journey-cinema[data-phase='2'] .cinema-chapter[data-chapter='0']{opacity:0;translate:0 -25px;filter:blur(5px)}.journey-cinema[data-phase='1'] .cinema-chapter[data-chapter='1'],.journey-cinema[data-phase='2'] .cinema-chapter[data-chapter='2']{opacity:1;translate:none;filter:none}.cinema-chapter>span{font-size:9px;letter-spacing:.16em;color:#6b7c61}.cinema-chapter h3{font-size:clamp(28px,3vw,44px);letter-spacing:-.06em;font-weight:500;line-height:1.1;margin:15px 0}.cinema-chapter p{font-size:13px;line-height:1.8;max-width:290px;color:#65735d}.cinema-progress{display:flex;gap:8px;margin:20px 0 18px;max-width:240px}.cinema-progress i{height:3px;flex:1;background:#23372520;border-radius:10px;overflow:hidden}.cinema-progress i:after{content:'';display:block;background:#456740;height:100%;transform-origin:left;transform:scaleX(clamp(0,calc(var(--journey)*3),1))}.cinema-progress i:nth-child(2):after{transform:scaleX(clamp(0,calc(var(--journey)*3 - 1),1))}.cinema-progress i:nth-child(3):after{transform:scaleX(clamp(0,calc(var(--journey)*3 - 2),1))}.cinema-scroll{font-size:8px;letter-spacing:.15em;color:#66745e;display:flex;align-items:center;gap:30px}.cinema-scroll span{animation:down-cue 1.5s infinite}
.transit-universe{position:relative;aspect-ratio:1;perspective:1000px;isolation:isolate;border-radius:38px;background:#d6e2c9;box-shadow:0 50px 90px -50px #263b2560;transform:perspective(1000px) rotateY(calc((var(--journey) - .5)*-12deg)) rotateX(calc((var(--journey) - .5)*5deg));transition:transform .15s linear}.map-grid{position:absolute;inset:0;border-radius:inherit;overflow:hidden;background-image:linear-gradient(#4e70490b 1px,transparent 1px),linear-gradient(90deg,#4e70490b 1px,transparent 1px);background-size:25px 25px}.map-halo{position:absolute;inset:-5%;border:1px solid #41653820;border-radius:50%;animation:map-halo 7s ease-in-out infinite}.map-halo:after{content:'';position:absolute;inset:-7%;border:1px dashed #41653820;border-radius:50%;animation:asterisk-turn 80s linear infinite}.cinema-map{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.map-river{fill:none;stroke:#aecbaf;stroke-width:44;opacity:.55}.map-streets{fill:none;stroke:#eef3e8;stroke-width:7}.map-route{fill:none;stroke:#3f613a;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.route-back{opacity:.15}.route-progress{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--journey))}.map-stop{fill:#eaf1e2;stroke:#3f613a;stroke-width:4}.map-ping{fill:none;stroke:#426b36;stroke-width:1;transform-origin:460px 110px;animation:map-ping 3s ease-out infinite}.map-bus{offset-path:path('M100 460 L100 260 Q100 220 140 220 H400 Q460 220 460 160 V110');offset-distance:calc(var(--journey)*100%);offset-rotate:0deg;filter:drop-shadow(0 8px 7px #23372530);transition:offset-distance .16s linear}.map-bus rect{fill:#233725;stroke:#e7f4d7;stroke-width:3}.map-bus text{fill:#fff;font:700 12px var(--font)}.map-label{position:absolute;font-size:8px;letter-spacing:.1em;font-weight:700;color:#36502e;background:#e9f1dfdd;padding:6px 8px;border-radius:5px}.label-home{left:8%;top:80%}.label-stop{left:18%;top:28%}.label-dest{right:7%;top:10%}.departure-board{position:absolute;right:-4%;top:39%;width:240px;background:#233725;color:#eaf2df;padding:25px;border-radius:20px;box-shadow:0 24px 50px #23372535;rotate:7deg;animation:board-float 7s ease-in-out infinite alternate}.departure-board>span{font-size:8px;letter-spacing:.17em;color:#bfccb4}.flip-time{display:flex;gap:4px;align-items:center;margin:15px 0 10px;perspective:400px}.flip-time b{position:relative;background:linear-gradient(#384b31 49%,#17291b 50%,#30472c 52%);padding:3px 7px;border-radius:5px;font-size:43px;font-weight:500;line-height:1.2;animation:flip-board 7s cubic-bezier(.2,.8,.2,1) infinite;transform-origin:center}.flip-time b:nth-of-type(2){animation-delay:.1s}.flip-time b:nth-of-type(3){animation-delay:.2s}.flip-time i{font-size:28px;font-style:normal}.flip-time small{font-size:9px;align-self:end;margin-bottom:8px}.departure-board p{font-size:10px;margin:0;color:#bdcdb2}.map-ticket{position:absolute;left:5%;bottom:-3%;display:flex;align-items:center;gap:13px;background:#ffac87;color:#3b291d;padding:17px 23px;border-radius:14px;rotate:-6deg;box-shadow:0 20px 40px #23372520;animation:chip-drift 5s ease-in-out infinite alternate}.ticket-symbol{font-size:28px}.map-ticket b{display:block;font-size:14px;font-weight:600}.map-ticket div>span{font-size:10px}.map-stamp{position:absolute;left:-5%;top:7%;width:84px;height:84px;display:grid;align-content:center;text-align:center;background:#bfe3a0;color:#2a4526;border:1px solid #3f613a40;border-radius:50%;font-size:29px;font-weight:700;line-height:1.1;rotate:-12deg;animation:stamp-rock 8s ease-in-out infinite}.map-stamp span{font-size:7px;letter-spacing:.13em;line-height:2}
.cinema-word{display:inline-block;transform-origin:50% 100%;opacity:0;transform:translateY(100%) rotateX(-70deg);filter:blur(6px);transition:transform .85s cubic-bezier(.16,1,.3,1),opacity .7s,filter .8s;transition-delay:calc(var(--word)*55ms)}.word-mask{display:inline-block;overflow:hidden;vertical-align:bottom;padding-bottom:.1em;margin-bottom:-.1em;perspective:600px}.heading-arrived .cinema-word{opacity:1;transform:none;filter:none}.click-ring{position:fixed;pointer-events:none;border:1px solid #ff966f;border-radius:50%;width:18px;height:18px;margin:-9px;z-index:1001;animation:click-bloom .75s ease-out forwards}.landing .tour-strip>li{perspective:800px}.landing .tour-strip>li .demo-open{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.landing .tour-strip>li .demo-open:hover{transform:rotateY(-7deg) rotateZ(-1deg) scale(1.025)}.landing .tour-nav button:hover{rotate:12deg;scale:1.08}.landing .section-label:before{content:'';display:inline-block;width:6px;height:6px;background:currentColor;border-radius:50%;margin-right:10px;animation:label-pulse 2s ease-in-out infinite}.landing .android .steps li.lit .n{animation:number-pop .6s cubic-bezier(.2,1.8,.4,1)}.landing .closing .play-badge{animation:badge-rock 6s ease-in-out infinite}.landing .stage-scene{scale:var(--cinema-scale,1);transition:scale .15s linear}.landing .stack:after{content:'';position:absolute;left:24px;top:0;height:7px;width:5px;border-radius:10px;background:#6b934f;box-shadow:0 0 14px #8cae60;animation:timeline-signal 9s linear infinite;pointer-events:none}
@keyframes map-halo{50%{scale:1.035;opacity:.5}}@keyframes map-ping{from{scale:.4;opacity:.8}to{scale:2.6;opacity:0}}@keyframes board-float{to{translate:0 -14px;rotate:3deg}}@keyframes flip-board{0%,80%,100%{transform:none}88%{transform:rotateX(-85deg)}90%{transform:rotateX(50deg)}}@keyframes stamp-rock{50%{rotate:12deg;scale:1.05}}@keyframes click-bloom{to{scale:5;opacity:0}}@keyframes label-pulse{50%{opacity:.3;scale:.65}}@keyframes number-pop{from{transform:rotate(-25deg) scale(.7)}to{transform:none}}@keyframes badge-rock{45%,55%{rotate:0deg}48%{rotate:-3deg}52%{rotate:3deg}}@keyframes timeline-signal{from{top:2%;opacity:0}10%,90%{opacity:1}to{top:98%;opacity:0}}
@media(max-width:900px){.cinema-layout{gap:35px}.departure-board{width:190px;padding:18px}.flip-time b{font-size:32px}.map-stamp{width:64px;height:64px;font-size:23px}.map-ticket{padding:12px 16px}.map-ticket b{font-size:12px}}
@media(max-width:699px){.journey-cinema{height:170svh;min-height:1000px}.cinema-pin{min-height:100svh}.cinema-layout{grid-template-columns:1fr;gap:18px;padding-top:32px!important;padding-bottom:42px!important}.landing .cinema-copy h2{font-size:29px;margin-bottom:19px}.cinema-copy .section-label{font-size:7px!important;margin-bottom:14px}.cinema-chapters{min-height:110px}.cinema-chapter h3{font-size:25px;margin:7px 0}.cinema-chapter h3 br{display:none}.cinema-chapter p{font-size:11px;margin:7px 0;max-width:300px}.cinema-chapter>span{font-size:7px}.cinema-progress{margin:10px 0 0;max-width:160px}.cinema-scroll{display:none}.transit-universe{width:85%;margin:10px auto 0;border-radius:24px}.departure-board{width:157px;padding:14px;right:-8%;border-radius:13px}.flip-time{margin:9px 0;gap:3px}.flip-time b{font-size:26px;padding:3px 5px}.flip-time i{font-size:20px}.departure-board>span{font-size:6px}.departure-board p{font-size:8px}.map-ticket{bottom:-5%;left:0;padding:10px 13px;gap:8px}.map-ticket b{font-size:10px}.map-ticket div>span{font-size:8px}.ticket-symbol{font-size:21px}.map-label{font-size:5px;padding:4px}.map-stamp{width:50px;height:50px;font-size:19px}.map-stamp span{font-size:5px}.landing .stack:after{left:16px}}
@media(max-height:720px) and (min-width:700px){.cinema-layout{padding-top:30px!important;padding-bottom:30px!important}.transit-universe{max-height:75svh;max-width:75svh}.landing .cinema-copy h2{font-size:36px;margin-bottom:25px}}
html.motion-paused .cinema-word{opacity:1;transform:none;filter:none}html.motion-paused .transit-universe{transform:none}html.motion-paused .stage-scene{scale:1}html.motion-paused .click-ring{display:none}
@media(prefers-reduced-motion:reduce){.cinema-word{opacity:1;transform:none;filter:none}.transit-universe{transform:none}.click-ring{display:none}.landing .stage-scene{scale:1}}
@media(max-width:699px){.cinema-chapter h3 br{display:initial}.cinema-chapters{min-height:135px}}