/* V4.9.4.2 — scoped additions. The contact section intentionally stays unchanged. */
.flow-on .project,.flow-on .project:not(:first-child){clip-path:none;overflow:hidden}
.flow-on .project:not(:first-child){visibility:hidden}
.flow-on .project>a{will-change:transform}
.flow-on .flow-word{position:relative;overflow:hidden;background:none;color:#969e91;-webkit-text-fill-color:currentColor}
.flow-word-mask{display:none}
.flow-on .flow-word-mask{display:block;position:absolute;inset:0;overflow:hidden;pointer-events:none;transform:translate3d(-100%,0,0)}
.flow-word-ink{display:block;color:#181f19;transform:translate3d(100%,0,0)}
.flow-on .service-list:after,.flow-on .process:before{display:none}
.service-progress-line,.process-progress-line{display:none}
.flow-on .service-progress-line{display:block;position:absolute;inset:0 auto 0 -28px;width:1px;background:#c9ad79;transform-origin:top;pointer-events:none}
.flow-on .process-progress-line{display:block;position:absolute;inset:-1px 0 auto;height:2px;background:#ab884b;transform-origin:left;pointer-events:none}
.flow-on .service-list details{min-height:32svh;padding:22px 0}
.flow-on .studio{height:190svh}
.service-example{margin-top:24px;border-left:2px solid #c9ad79;padding:2px 0 2px 16px}
.service-example span{display:block;font-size:12px;letter-spacing:.08em;color:#c9ad79;margin-bottom:8px}
.service-content .service-example p{font-size:16px;line-height:1.65}
.service-example a{display:inline-block;margin-top:10px;text-decoration:underline;text-underline-offset:5px;font-size:14px}
.process .process-output{font-size:13px;color:#49573f;border-top:1px solid #39492e30;padding-top:10px;margin-top:14px}
.case-proof{padding:60px 0 90px;border-top:1px solid var(--line)}
.case-proof-header{display:flex;gap:40px;align-items:end;justify-content:space-between;margin-bottom:42px}
.case-proof-header h2{font-size:clamp(34px,4.5vw,66px)}
.case-proof-header p{max-width:360px;font-size:16px;line-height:1.7;color:#626b60}
.case-evidence{display:grid;grid-template-columns:minmax(0,1fr) minmax(160px,.27fr);gap:24px;align-items:start}
.case-evidence figure{margin:0;min-width:0}
.case-evidence a{display:block;overflow:hidden;border:1px solid #c5ccc0;background:#dce0d7}
.case-evidence img{display:block;width:100%;height:auto}
.case-evidence figcaption{font-size:13px;color:#596451;line-height:1.6;margin-top:12px}
.case-decisions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:48px}
.case-decisions article{border-top:1px solid #b7bfb1;padding-top:22px}
.case-decisions span{font-size:12px;color:#69745f;letter-spacing:.07em}
.case-decisions h3{font-size:24px;letter-spacing:-.04em;margin:14px 0}
.case-decisions p{font-size:16px;line-height:1.75;color:#586350}
.case-demo-note{font-size:13px;color:#66715d;margin-top:28px;line-height:1.7}
@media(min-width:701px) and (max-width:1050px) and (max-aspect-ratio:6/5){
 .is-enhanced .hero-panel{padding-top:22vh}
 .hero-baseline{display:block}
 .hero-baseline .circle-link{margin-top:24px}
 .is-enhanced .build-panel,.is-enhanced .ai-panel{padding-left:48%;padding-top:23vh}
 .panel-desc{font-size:16px}
 .flow-on .studio-statement>p{font-size:5.1vw}
}
@media(max-width:700px){
 .flow-on .studio{height:auto}
 .flow-on .service-list details{min-height:0;padding:22px 0}
 .flow-on .service-progress-line{left:-10px}
 .flow-on .process-progress-line{inset:0 auto 0 0;height:auto;width:2px;transform-origin:top}
 .flow-on .service-content p,.flow-on .studio-statement>div>p,.flow-on .process p{font-size:16px}
 .flow-on .process .process-output{font-size:13px}
 .case-proof{padding:36px 0 50px}
 .case-proof-header{display:block;margin-bottom:26px}
 .case-proof-header p{margin-top:20px}
 .case-evidence{grid-template-columns:minmax(0,1fr);gap:28px}
 .case-evidence figure:last-child{width:min(70%,280px);justify-self:center}
 .case-decisions{grid-template-columns:1fr;gap:22px;margin-top:32px}
 .masthead nav{overflow-y:auto;overscroll-behavior:contain}
 .masthead nav.open .mobile-nav-links>a{transition-delay:var(--rushly-nav-delay,.07s)}
}
@media(max-width:360px) and (min-height:621px){
 .is-enhanced .hero-panel,.is-enhanced .build-panel,.is-enhanced .ai-panel{padding-top:130px}
 .is-enhanced .hero-panel h1{font-size:13.2vw}
 .hero-baseline{margin-top:16px}
 .hero-baseline .circle-link{margin-top:14px;gap:8px}
 .hero-baseline .circle-link b{width:36px;height:36px}
 .is-enhanced .build-panel h2,.is-enhanced .ai-panel h2{font-size:11.5vw}
 .panel-desc{font-size:14px;line-height:1.65;margin:18px 0 14px}
 .story-panel .inline-tags{font-size:11px}
 .story-panel .underlined{margin-top:14px}
}
@media(min-width:701px) and (max-height:760px){
 .flow-on .studio-stage{min-height:0;height:100svh;padding-block:4svh}
 .flow-on .studio .section-label{padding-bottom:3svh}
 .flow-on .studio-statement>p{font-size:clamp(40px,5.5vw,78px)}
 .flow-on .studio-statement>div>p{font-size:15px;line-height:1.65}
 .flow-on .process{margin-top:3svh}
 .flow-on .process article{padding-top:16px}
 .flow-on .process h3{font-size:23px;margin-top:16px}
 .flow-on .process p{font-size:14px}
 .flow-on .process .process-output{margin-top:8px;padding-top:6px}
}
@media(prefers-reduced-motion:reduce){.flow-word-mask{display:none!important}}
