/* Scroll-driven FramyGo experience */
.scroll-progress{position:fixed;inset:0 auto auto 0;height:3px;background:#ff785d;width:calc(var(--page-progress,0)*100%);z-index:100;pointer-events:none}.hero-photo{animation:none;background-image:url('/assets/city.jpg');transform:translateY(calc(var(--hero-progress,0)*160px)) scale(calc(1.04 + var(--hero-progress,0)*.18));will-change:transform}.hero-copy{transform:translateY(calc(var(--hero-progress,0)*-85px));opacity:calc(1 - var(--hero-progress,0)*.8)}.hero-shade{background:linear-gradient(90deg,#071c21c7,#071c2120 90%),linear-gradient(0deg,#141b17,transparent 65%)}.hero-devices{width:285px;top:22%;right:11%;transform:translateY(calc(var(--hero-progress,0)*85px)) rotate(calc(var(--hero-progress,0)*-12deg));transform-origin:center}.hero-device{width:285px;height:620px;border:7px solid #101113;border-radius:42px;overflow:hidden;position:relative;transform:rotate(8deg);box-shadow:0 40px 80px #0009;outline:1px solid #a7afb36b;z-index:2;background:#fff}.hero-device iframe{width:100%;height:100%;border:0;pointer-events:none}.hero-snapshot{position:absolute;background:#ecebdc;width:180px;padding:8px 8px 11px;box-shadow:0 20px 45px #0006;transition:transform .1s linear}.hero-snapshot img{display:block;width:100%;height:175px;object-fit:cover}.hero-snapshot span{display:block;font:6px monospace;letter-spacing:1px;padding-top:9px;color:#263524}.snapshot-a{left:-95px;top:20px;transform:translateX(calc(var(--hero-progress,0)*-90px)) rotate(calc(-20deg - var(--hero-progress,0)*10deg))}.snapshot-b{right:-105px;bottom:10px;z-index:3;transform:translateX(calc(var(--hero-progress,0)*80px)) rotate(calc(18deg + var(--hero-progress,0)*16deg))}.hero-devices .glass-note{z-index:4;left:-55px;bottom:48px;font-size:10px;background:#304242a0}.hero{min-height:940px;max-height:1200px}.hero-copy{width:58%}.hero-foot{z-index:5}.ticker>div{animation:none;transform:translateX(calc(var(--ticker-shift,0)*-1px))}.gallery-scroll{height:260vh;position:relative;background:#efeee5;color:#141b17}.gallery-pin{position:sticky;top:0;height:100svh;min-height:640px;padding:65px 0 32px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.gallery-pin .section-heading{margin:0 7vw 30px}.gallery-pin .section-heading h2{font-size:clamp(34px,4vw,60px);letter-spacing:-2px}.gallery-pin .section-heading>p:last-child{font-size:12px}.gallery-window{overflow:hidden;padding:15px 0 25px;flex:1;min-height:300px}.gallery-track{display:flex;gap:30px;height:100%;padding:0 7vw;width:max-content;transform:translateX(calc(var(--gallery-x,0)*-1px));will-change:transform}.scene-card{width:clamp(300px,50vw,760px);height:100%;max-height:540px;min-height:280px;position:relative;overflow:hidden;border-radius:18px;transform:rotate(var(--card-rotate,0deg));background:#21352b;color:white}.scene-card img{height:100%;width:100%;object-fit:cover;transform:scale(1.12) translateX(var(--photo-x,0px));will-change:transform}.scene-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 20%,#07190fbb)}.scene-card>div{position:absolute;bottom:32px;left:35px;right:20px;z-index:1}.scene-card small{font-size:9px;letter-spacing:2px}.scene-card h3{font-size:clamp(20px,2.6vw,37px);font-weight:500;letter-spacing:-1px;margin:12px 0}.scene-card p{font-size:12px;margin:0;color:#e1e7d8}.scene-number{position:absolute;top:20px;left:28px;font-size:11px;z-index:1;border:1px solid #ffffff66;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.gallery-meter{display:flex;align-items:center;gap:25px;margin:0 7vw;font:9px monospace;letter-spacing:1px}.gallery-meter>div{height:2px;background:#1a2f2020;flex:1}.gallery-meter i{display:block;height:100%;width:calc((.08 + var(--gallery-progress,0)*.92)*100%);background:#bc654c}.app-journey{height:340vh;position:relative;background:#11191e;color:#efeee5}.journey-pin{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:50px 8vw;gap:5vw;isolation:isolate;background:radial-gradient(ellipse at 77% 45%,var(--journey-glow,#30466c) 0%,transparent 63%);transition:background-color .6s}.journey-backword{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);font-size:clamp(230px,42vw,640px);letter-spacing:-.06em;line-height:1;font-weight:900;color:transparent;-webkit-text-stroke:1px #ffffff12;z-index:-1;white-space:nowrap}.journey-copy{z-index:3;max-width:470px}.journey-copy h2{font-size:clamp(37px,4.5vw,67px);font-weight:500;letter-spacing:-3px;line-height:1.32;margin:22px 0 25px}.journey-copy em{font-style:normal;color:var(--journey-accent,#88a9fa)}.journey-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;color:#c6cad0}.journey-step{display:flex;align-items:center;gap:12px;margin-top:35px;max-width:140px;font:10px monospace;color:#929ca9}.journey-step>span:first-child{color:var(--journey-accent,#88a9fa);font-size:16px}.journey-step i{height:1px;background:#ffffff40;flex:1}.journey-tabs{display:inline-flex;border:1px solid #ffffff30;border-radius:99px;padding:5px;margin:22px 0 10px;gap:5px}.journey-tabs button{padding:13px 27px;border:0;border-radius:99px;background:transparent;color:#d2d7df;font-size:14px}.journey-tabs button.active{background:var(--journey-accent,#88a9fa);color:#111b28}.journey-hint{font-size:9px!important;letter-spacing:1px;margin-top:23px;color:#a3abb8!important}.journey-hint span{display:inline-block;margin-left:16px;font-size:20px}.journey-device-stage{height:100%;max-height:750px;position:relative;display:grid;place-items:center;perspective:1400px;min-height:560px}.journey-device{height:min(72svh,680px);min-height:520px;aspect-ratio:402/874;border-radius:42px;overflow:hidden;background:#fff;border:7px solid #17191d;outline:1px solid #a9b9ce90;box-shadow:20px 40px 90px #000a;z-index:2;transform:translateY(var(--device-y,0px)) rotateY(var(--device-ry,-15deg)) rotateZ(var(--device-rz,-7deg)) scale(var(--device-scale,.92));will-change:transform}.journey-device iframe{display:block;width:100%;height:100%;border:0;pointer-events:none}.device-halo{position:absolute;width:450px;height:450px;background:var(--journey-accent,#88a9fa);filter:blur(100px);opacity:.16;border-radius:50%;transform:scale(calc(.6 + var(--journey-progress,0)*.5))}.journey-orbit{position:absolute;width:120%;height:70%;border:1px solid #ffffff20;border-radius:50%;transform:rotate(var(--orbit-rotate,25deg))}.device-tag{position:absolute;font:8px monospace;letter-spacing:2px;color:#c3cddd;z-index:3}.tag-top{top:0;right:0}.tag-bottom{bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;letter-spacing:1px}.journey-timeline{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff15}.journey-timeline i{display:block;height:100%;width:calc(var(--journey-progress,0)*100%);background:var(--journey-accent,#88a9fa)}.try-app{display:block;background:none;border:0;border-bottom:1px solid #ffffff60;padding:10px 0;font-size:11px;color:#e7eafa;margin-top:3px}.try-app span{margin-left:20px}.app-dialog{width:min(390px,92vw);height:min(850px,92svh);padding:7px;background:#16191d;border-radius:35px;overflow:visible}.app-dialog iframe{width:100%;height:100%;border:0;border-radius:28px;background:white}.app-dialog>.dialog-close{right:-12px;top:-12px;background:#202634;border-color:#ffffff80;width:37px;height:37px;z-index:5}.manifesto{position:relative;min-height:760px;display:flex;flex-direction:column;justify-content:center}.manifesto h2{background:linear-gradient(90deg,#202b23 0%,#202b23 calc(var(--read-progress,0)*100%),#a7afa0 calc(var(--read-progress,0)*100%),#a7afa0 100%);color:transparent;background-clip:text;-webkit-background-clip:text}.manifesto .values{transform:translateY(calc((1 - var(--read-progress,0))*40px))}.closing-photo{background-image:linear-gradient(#14211755,#142117b8),url('/assets/cafe.jpg');transform:translateY(calc(var(--closing-progress,0)*65px)) scale(1.22);will-change:transform}.closing{min-height:760px}.film-picture{transition:transform .15s linear,background-image .7s}.hero-topline,.hero-foot{position:relative}.hero-foot{position:absolute}.js .reveal{transition:opacity .7s,transform .7s}
@media(min-width:1600px){.hero-devices{width:320px}.hero-device{width:320px;height:697px}.hero-copy{margin-top:110px}}@media(max-width:1050px){.hero-devices{right:9%;width:250px}.hero-device{width:250px;height:544px;border-radius:36px}.hero-snapshot{width:140px}.hero-snapshot img{height:140px}.snapshot-a{left:-50px}.snapshot-b{right:-60px}.gallery-pin .section-heading>p:last-child{position:static;margin-top:12px}.gallery-pin{padding-top:45px}.journey-pin{padding-left:6vw;padding-right:6vw;gap:3vw}.journey-copy h2{font-size:42px}.journey-device{height:65svh}.journey-tabs button{padding:11px 23px}}
@media(max-width:760px){.hero{height:auto;min-height:1120px;padding-top:108px}.hero-copy{width:100%;margin-top:40px}.hero-devices{position:relative;right:auto;top:auto;width:224px;margin:57px auto 60px;transform:translateY(calc(var(--hero-progress,0)*30px))}.hero-device{width:224px;height:487px;border-width:6px;border-radius:33px;transform:rotate(5deg)}.hero-snapshot{width:115px;padding:5px}.hero-snapshot img{height:120px}.hero-snapshot span{font-size:4px;padding:5px 0}.snapshot-a{left:-50px;top:35px}.snapshot-b{right:-45px;bottom:30px}.hero-devices .glass-note{bottom:-14px;left:0;padding:11px 15px;font-size:9px}.hero-devices .glass-note small{font-size:4px}.hero-devices .note-spark{font-size:25px}.hero-photo{background-position:65% center}.hero-copy{transform:translateY(calc(var(--hero-progress,0)*-35px))}.hero-topline{font-size:7px}.hero-foot{bottom:22px}.gallery-scroll{height:240vh}.gallery-pin{min-height:570px;padding:45px 0 25px}.gallery-pin .section-heading{margin:0 6vw 20px}.gallery-pin .section-heading h2{font-size:28px;letter-spacing:-1px}.gallery-pin .section-heading p:last-child{font-size:11px}.gallery-window{padding:10px 0 22px}.gallery-track{gap:18px;padding:0 6vw}.scene-card{width:82vw;border-radius:15px;min-height:250px;max-height:530px}.scene-card>div{left:22px;bottom:27px}.scene-card h3{font-size:24px;line-height:1.4;max-width:250px}.scene-card small{font-size:8px}.scene-card p{font-size:10px}.scene-number{left:20px;top:20px}.gallery-meter{margin:0 6vw;font-size:7px;gap:12px}.app-journey{height:330vh}.journey-pin{padding:30px 6vw 25px;display:flex;flex-direction:column;gap:12px;min-height:650px;justify-content:space-between}.journey-copy{width:100%;max-width:none;position:relative}.journey-copy .eyebrow{font-size:7px;margin-bottom:13px}.journey-copy h2{font-size:30px;line-height:1.25;letter-spacing:-1px;margin:0 0 10px}.journey-copy h2 br{display:none}.journey-copy h2 em{display:block}.journey-copy>p:not(.eyebrow){font-size:10px;margin:5px 0}.journey-step{position:absolute;right:0;top:30px;margin:0;width:65px;gap:7px}.journey-step span:first-child{font-size:12px}.journey-tabs{padding:3px;gap:3px;margin:10px 0 0}.journey-tabs button{padding:8px 19px;font-size:11px}.journey-hint{display:none}.try-app{position:absolute;right:0;bottom:7px;padding:7px 0;font-size:10px}.try-app span{margin-left:8px}.journey-device-stage{min-height:0;flex:1;width:100%;height:auto;max-height:570px;margin-top:2px}.journey-device{height:100%;max-height:515px;min-height:0;width:auto;border-radius:31px;border-width:5px;aspect-ratio:402/874;transform:translateY(var(--device-y,0px)) rotateY(var(--device-ry,0deg)) rotateZ(var(--device-rz,0deg)) scale(.94)}.journey-backword{top:59%;font-size:58vw}.device-halo{width:250px;height:350px;filter:blur(70px)}.tag-top{font-size:6px;right:-2px;top:40px;writing-mode:vertical-rl}.tag-bottom{bottom:-15px;font-size:6px}.journey-orbit{height:65%;width:105%}.manifesto{min-height:650px}.closing{min-height:650px}.app-dialog{height:min(850px,90svh)}.app-dialog .dialog-close{right:-7px;top:-7px}}
@media(max-width:370px){.journey-copy h2{font-size:26px}.journey-copy .eyebrow{font-size:6px}.try-app{font-size:9px}.journey-tabs button{padding:8px 16px}.snapshot-a{left:-38px}.snapshot-b{right:-32px}}
@media(prefers-reduced-motion:reduce){.hero-photo,.hero-copy,.hero-devices,.hero-snapshot,.scene-card,.scene-card img,.journey-device,.closing-photo,.manifesto .values{transform:none!important;opacity:1!important}.gallery-scroll,.app-journey{height:auto}.gallery-pin,.journey-pin{position:relative;height:auto;min-height:0;overflow:hidden}.gallery-window{overflow:auto;min-height:0;padding-bottom:25px}.gallery-track{transform:none!important;gap:20px}.scene-card{height:420px}.gallery-meter{display:none}.journey-pin{min-height:730px}.journey-device-stage{height:600px}.journey-device{height:560px}.journey-hint{display:none}.manifesto h2{background:none;color:#202b23}.journey-timeline{display:none}.hero-copy{opacity:1}.ticker>div{transform:none!important}@media(max-width:760px){.journey-pin{min-height:850px}.journey-device-stage{height:520px;flex:auto}.journey-device{height:500px}}}