@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;900&display=swap";.journey-page{font-family:Inter,Madefor,Arial,Helvetica,sans-serif;background:#000;color:#fff;overflow:hidden}.journey-scroll{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.journey-scroll::-webkit-scrollbar{display:none}.journey-scroll.scroll-previewing{scroll-snap-type:none}.phase-panel{scroll-snap-align:start;scroll-snap-stop:always;height:100dvh;width:100vw;position:relative;display:grid;grid-template-columns:40% 60%;background:#000;overflow:hidden}.phase-text{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,6vw,100px) clamp(32px,4vw,72px);gap:0}.phase-label{font-size:clamp(10px,.85vw,13px);font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--phase-accent, #fff);opacity:1;transform:none;transition:opacity .5s ease .05s,transform .5s ease .05s;margin-bottom:clamp(16px,2vw,28px)}.phase-brand-logo{display:block;width:clamp(150px,16vw,245px);height:auto;margin:0 0 clamp(14px,1.6vw,22px);object-fit:contain}.phase-name{font-size:clamp(52px,6.5vw,110px);font-weight:900;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;color:#fff;margin:0 0 clamp(20px,2.5vw,36px);opacity:1;transform:none;transition:opacity .55s ease .15s,transform .55s ease .15s}.phase-tagline{font-size:clamp(22px,2.4vw,36px);font-weight:300;line-height:1.25;color:#ffffffb8;margin:0 0 clamp(14px,1.8vw,24px);opacity:1;transform:none;transition:opacity .55s ease .28s,transform .55s ease .28s}.phase-desc{font-size:clamp(14px,1.1vw,17px);font-weight:400;line-height:1.65;color:#ffffff73;max-width:420px;margin:0 0 clamp(28px,3.5vw,52px);opacity:1;transform:none;transition:opacity .5s ease .4s,transform .5s ease .4s}.phase-cta{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;border:1px solid rgba(255,255,255,.65);border-radius:999px;color:#fff;text-decoration:none;font-size:clamp(11px,.85vw,13px);font-weight:700;letter-spacing:.12em;text-transform:uppercase;transition:background .25s ease,border-color .25s ease,color .25s ease,transform .25s ease;align-self:flex-start;opacity:1;transform:none;transition:opacity .5s ease .52s,transform .5s ease .52s,background .25s ease,border-color .25s ease,color .25s ease}.phase-cta:hover{background:#fff;border-color:#fff;color:#000;transform:translateY(-2px)}.phase-cta svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.phase-cta:hover svg{transform:translate(3px)}.phase-panel.is-active .phase-label,.phase-panel.is-active .phase-name,.phase-panel.is-active .phase-tagline,.phase-panel.is-active .phase-desc,.phase-panel.is-active .phase-cta{opacity:1;transform:translateY(0)}.phase-canvas-wrap{position:relative;width:100%;height:100%;overflow:hidden}.phase-canvas-wrap canvas{position:absolute;inset:0;width:100%;height:100%}.journey-logo{position:fixed;top:28px;left:clamp(20px,4vw,52px);z-index:50;text-decoration:none;display:block}.journey-logo img{width:clamp(80px,7vw,110px);height:auto;filter:invert(1) brightness(1);display:block}.journey-lang{position:fixed;top:32px;right:clamp(20px,4vw,52px);z-index:50;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.journey-lang .lang-active{color:#fff}.journey-lang .lang-sep{color:#ffffff40}.journey-lang .lang-link{color:#ffffff61;text-decoration:none;transition:color .2s ease}.journey-lang .lang-link:hover{color:#ffffffd9}.journey-service-nav{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:50;display:flex;align-items:center;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#0000006b;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.journey-service-nav a{padding:8px 12px;border-radius:999px;color:#ffffffc7;text-decoration:none;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.journey-service-nav a:hover{background:#ffffff1a;color:#fff}.phase-indicator{position:fixed;right:clamp(16px,2.5vw,36px);top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:20px}.phase-dot{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;background:none;border:none;padding:0}.phase-dot svg.ring{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}.ring-track{stroke:#ffffff26;fill:none;stroke-width:2}.ring-fill{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:119.38;stroke-dashoffset:119.38;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1),stroke .4s ease;stroke:#ffffff4d}.phase-dot .dot-icon{position:relative;z-index:1;width:22px;height:22px;display:flex;align-items:center;justify-content:center;color:#ffffff59;transition:color .35s ease}.phase-dot .dot-icon svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.phase-dot.is-active .ring-fill{stroke-dashoffset:0}.phase-dot.is-active .dot-icon{color:var(--dot-accent, #fff)}.phase-dot[data-phase="1"].is-active .ring-fill{stroke:var(--accent-real-estate)}.phase-dot[data-phase="2"].is-active .ring-fill{stroke:var(--accent-architecture)}.phase-dot[data-phase="3"].is-active .ring-fill{stroke:var(--accent-construction)}.phase-dot[data-phase="4"].is-active .ring-fill{stroke:var(--accent-solar-films)}.phase-dot:before{content:attr(data-label);position:absolute;right:calc(100% + 12px);top:50%;transform:translateY(-50%) translate(6px);background:#ffffff14;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#ffffffd9;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;padding:5px 10px;border-radius:6px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease}.phase-dot:hover:before,.phase-dot:focus-visible:before{opacity:1;transform:translateY(-50%) translate(0)}.scroll-cue{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:50;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:0;pointer-events:none;transition:opacity .5s ease}.scroll-cue.visible{opacity:1}.scroll-cue span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#fff6}.scroll-cue svg{width:20px;height:20px;stroke:#fff6;fill:none;stroke-width:1.5;animation:cue-bounce 1.8s ease-in-out infinite}@keyframes cue-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.phase-panel:after{content:"";position:absolute;left:40%;top:10%;height:80%;width:1px;background:linear-gradient(to bottom,transparent,var(--phase-accent, rgba(255,255,255,.08)),transparent);opacity:.3;z-index:1;pointer-events:none}.phase-panel[data-phase="1"]{--phase-accent: var(--accent-real-estate)}.phase-panel[data-phase="2"]{--phase-accent: var(--accent-architecture)}.phase-panel[data-phase="3"]{--phase-accent: var(--accent-construction)}.phase-panel[data-phase="4"]{--phase-accent: var(--accent-solar-films)}@media(prefers-reduced-motion:reduce){.phase-label,.phase-name,.phase-tagline,.phase-desc,.phase-cta{opacity:1!important;transform:none!important;transition:none!important}.scroll-cue svg{animation:none}.ring-fill{transition:stroke .4s ease}}@media(max-width:767px){html,.journey-page{overflow:hidden}.journey-scroll{height:100dvh;overflow-y:scroll;scroll-snap-type:y mandatory}.phase-panel{height:100dvh;min-height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(180px,34dvh) minmax(0,1fr);scroll-snap-align:start;scroll-snap-stop:always}.phase-canvas-wrap{order:-1;height:min(34dvh,280px);width:100%}.phase-text{padding:22px 24px 96px;gap:0;justify-content:flex-start}.phase-label{margin-bottom:12px}.phase-brand-logo{width:138px;margin-bottom:12px}.phase-name{font-size:clamp(36px,9vw,54px);margin-bottom:14px}.phase-tagline{font-size:clamp(18px,4.5vw,26px);margin-bottom:12px}.phase-desc{font-size:14px;line-height:1.45;margin-bottom:22px}.phase-cta{padding:12px 22px}.phase-panel:after{display:none}.phase-indicator{position:fixed;inset:auto auto 20px 50%;transform:translate(-50%);flex-direction:row;gap:14px;background:#0006;padding:8px 16px;border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.phase-dot:before{display:none}.phase-dot{width:36px;height:36px}.journey-logo{top:16px;left:16px}.journey-logo img{width:72px}.journey-lang{top:18px;right:16px}.journey-service-nav{top:58px;left:12px;right:12px;transform:none;overflow-x:auto;justify-content:flex-start;border-radius:18px;scrollbar-width:none}.journey-service-nav::-webkit-scrollbar{display:none}.journey-service-nav a{font-size:9px;padding:8px 10px}}@media(min-width:768px)and (max-width:1023px){.phase-panel{grid-template-columns:45% 55%}.phase-name{font-size:clamp(44px,5.5vw,72px)}.phase-indicator{right:14px;gap:16px}.phase-dot{width:38px;height:38px}}