/* V2: the home chapters, tied to native scroll. */
.dock .dock-logo{display:flex!important;align-items:center;justify-content:center;flex-shrink:0;padding:8px 14px;font-size:0;line-height:1}
.dock .dock-logo img{display:block;width:72px;height:auto;max-width:none}
.logo-motion{width:84%;max-width:min(850px,var(--logo-resolution-limit,850px))}
.motion-home .hero{height:185svh}
.logo-parts{display:none;position:absolute;inset:0;pointer-events:none}
.logo-motion .logo-parts img{position:absolute;max-width:none;height:auto}
.logo-parts .logo-left{left:0;top:0;width:17.5419%;transform:translate3d(calc(-1*var(--logo-opening-x,0px)),0,0);will-change:transform}
.logo-parts .logo-core{left:16.31285%;top:12.5%;width:66.03352%}
.logo-parts .logo-right{left:82.34637%;top:0;width:17.65363%;transform:translate3d(var(--logo-opening-x,0px),0,0);will-change:transform}
@media(min-height:651px) and (prefers-reduced-motion:no-preference){.logo-motion.has-logo-parts>.logo-base{opacity:0}.logo-motion.has-logo-parts>.logo-parts{display:block}}
.intro-heading{position:relative;padding-right:125px}
.intro-heading h2{margin-bottom:0}
.intro-heading>.crew-peek{left:auto;right:0;bottom:0;width:105px;height:140px}
.crew-peek::before,.crew-peek::after{display:none;content:none}
.motion-home .intro .services>a{position:relative;border-top:0;isolation:isolate;overflow:clip}
.motion-home .intro .services>a::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:#c2d2cc}
.motion-home .intro .services>a::after{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#1d2945,#4cb387 45%,#50c0e0 75%,#4cb387);translate:var(--line-x,-120%) 0;will-change:translate}
.motion-home .intro .services h3{margin-top:10px}
.brand-reveal{--brand-open:1;--bracket-spread:50vw;position:absolute;inset:0 0 115px;display:grid;place-items:center;overflow:clip;pointer-events:none}
.motion-stack .brand-reveal strong{position:relative;max-width:84%;text-align:center;font-size:clamp(45px,7vw,100px);opacity:var(--brand-open);clip-path:inset(0 calc((1 - var(--brand-open))*50%));will-change:clip-path,opacity}
.brand-bracket{position:absolute;top:50%;left:50%;height:min(220px,var(--bracket-resolution,220px));width:auto;max-width:none;z-index:2;will-change:transform}
.bracket-left{transform:translate(calc(-100% - var(--bracket-spread)),-50%)}
.bracket-right{transform:translate(var(--bracket-spread),-50%)}
.footprints{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible;pointer-events:none}
.walk-mark{fill:#2b6877;stroke:none;opacity:0}
.footprints>.walk-mark{position:absolute;width:clamp(42px,7vw,96px);height:auto;aspect-ratio:16/7;transform:translate(-50%,-50%) rotate(-36deg)}
.motion-stack .web-demo{position:relative;z-index:1}
.motion-stack .element-sequence{display:block;background:#1d2945;overflow:hidden;isolation:isolate;transform:none;border:1px solid #ffffff55}
.element-sequence img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;will-change:opacity}
.element-sequence img:first-child{opacity:1}
.motion-stack .art-growth>strong{color:#2e7043}
.motion-home .brand-scene::before{background:url('assets/jkb-rajadas.webp') center/cover no-repeat;opacity:1}
.motion-home .brand-scene::after{background:linear-gradient(90deg,#0b263188,#10283895 50%,#0c2336c0)}
@media(min-height:651px) and (prefers-reduced-motion:no-preference){.motion-stack{padding-bottom:0}.motion-stack>.stack-tail{height:130svh}.motion-stack .project-card:nth-child(3){margin-bottom:0}}
@media(max-width:720px){
 .dock .dock-logo{padding:8px 10px}.dock .dock-logo img{width:62px}
 .logo-motion{width:98%}.motion-home .hero{height:170svh}
 .intro-heading{padding-right:0}.intro-heading>.crew-peek{position:relative;inset:auto;margin:12px 0 30px auto;width:85px;height:110px}
 .motion-stack .brand-reveal strong{font-size:10.8vw;max-width:90%;line-height:1.1}
 .brand-bracket{height:min(160px,var(--bracket-resolution,160px))}
 .motion-stack .element-sequence{right:-5%;width:58vw;height:58vw;top:47%}
}
@media(max-height:650px){.motion-home .hero{height:auto}}
@media(prefers-reduced-motion:reduce){
 .motion-home .hero{height:100svh}
 .motion-home .intro .services>a::after{translate:0 0}
 .brand-reveal{--brand-open:1!important;--bracket-spread:50vw!important}.walk-mark{opacity:.45!important}
 .element-sequence img{opacity:0!important}.element-sequence img:first-child{opacity:1!important}
}

@media(max-height:650px),(prefers-reduced-motion:reduce){.stack-tail{display:none}}

@media(max-width:720px){.motion-stack .art-growth .art-caption{bottom:auto;top:42%}}
@media(max-height:650px){.element-sequence img{opacity:0!important}.element-sequence img:first-child{opacity:1!important}}

@media(max-width:720px){.motion-stack .art-growth{align-items:flex-start}.motion-stack .element-sequence{right:6%;width:52vw;height:52vw}}
@media(max-height:650px){.brand-reveal{--brand-open:1!important;--bracket-spread:50vw!important}.walk-mark{opacity:.45!important}.motion-stack .art-growth>strong{color:#2e7043!important}}