#intro-guard .product-intro__name,#intro-detective .product-intro__name{font-size:clamp(34px,4.2vw,56px)}
.product-intro__transition{font-size:20px;line-height:1.5;color:#d2dbd8;margin:0 0 22px}
.onsite__flow{background:transparent;border-radius:0;padding:30px 0;gap:16px;margin-top:40px;border-top:1px solid #303b39;border-bottom:1px solid #303b39}
.onsite__node h3{margin:0 0 10px;font-size:25px}
.site-footer{border-top:1px solid #303b39;margin-top:64px;padding-top:56px}
@media(max-width:800px){#intro-guard{padding-block:48px}.onsite__flow{grid-template-columns:1fr;gap:18px;padding-block:26px}.onsite__node h3{font-size:23px;margin-bottom:4px}.onsite__connector{font-size:22px}.site-footer{margin-top:44px;padding-top:40px}}
/* Distinct problem and solution chapters, without image fades or scroll effects. */
#hero,#hero .herofilm{border-radius:0;border-bottom:0}
#act-1{padding:0;background:#090d0e}
.solution-intro{display:grid;place-items:center;background:#090d0e;color:#f2f3ed;text-align:center;padding:clamp(88px,11vw,160px) 24px;min-height:540px}
.solution-intro__inner{max-width:960px}
.solution-intro h2{font-family:var(--font-display);font-size:clamp(42px,5.6vw,80px);font-weight:500;line-height:1.1;letter-spacing:-.025em;margin:0 0 30px;color:#c6ff4b;text-wrap:balance}
.solution-intro__statement{font-family:var(--font-display);font-size:clamp(28px,3.4vw,46px);font-weight:500;line-height:1.2;margin:0 0 28px;text-wrap:balance}
.solution-intro__detail{font-family:var(--font-body);font-size:clamp(18px,1.7vw,22px);line-height:1.65;color:#c5cfca;margin:0}
#intro-guard{background:var(--surface-inverse-alt);min-height:0;padding-block:76px}
@media(max-width:800px){.solution-intro{min-height:0;padding:88px 24px}.solution-intro h2{font-size:clamp(36px,7.5vw,56px)}#intro-guard{padding-block:56px}}

/* Restore the photographic problem composition; restrained depth on the image only. */
.problem-scene{overflow:hidden}
.problem-scene__image{transform:translateY(var(--problem-drift,0px)) scale(1.06);transform-origin:center;will-change:auto}
#intro-guard{text-align:center;background:linear-gradient(180deg,#090d0e 0%,#090d0e 30%,var(--surface-inverse-alt) 100%);padding-top:32px;padding-bottom:80px}
#intro-guard .product-intro__in{width:min(960px,100%);max-width:960px;margin-inline:auto}
#intro-guard .product-intro__line{margin-inline:auto}
#intro-guard .product-intro__beats{justify-content:center;border-top:0;padding-top:4px}
.solution-intro{padding-bottom:64px}
@media(max-width:800px){.problem-scene__image{transform:translateY(var(--problem-drift,0px)) scale(1.04)}.solution-intro{padding-bottom:48px}#intro-guard{padding-top:24px;padding-bottom:56px}}
@media(prefers-reduced-motion:reduce){.problem-scene__image{transform:none}}

/* Compact solution bridge and actual hero-to-problem scroll layering. */
.solution-intro{min-height:0;padding:40px 24px 12px}
.solution-intro h2{font-size:clamp(24px,2.4vw,32px);line-height:1.25;margin:0}
#intro-guard{padding-top:16px}
.problem-scene__image{transform:none}
#hero .hero-layout{transform:translate3d(0,var(--hero-exit-offset,0px),0)}
@media(prefers-reduced-motion:reduce){#hero .hero-layout{transform:none}}

/* Whole photograph, subordinate to the problem statement. */
.problem-scene{min-height:0;aspect-ratio:1672/941}
.problem-scene__image{object-fit:contain;object-position:center;width:100%;height:100%;opacity:.72}
.problem-scene::after{display:block;background:linear-gradient(90deg,rgba(9,13,14,.94) 0%,rgba(9,13,14,.72) 33%,rgba(9,13,14,.18) 76%)}
.problem-scene__copy{width:54%;padding-left:6%;padding-block:64px}
.problem-scene__copy h2{font-size:clamp(40px,4.8vw,72px);max-width:16ch}
.problem-scene__copy p{font-size:clamp(18px,1.5vw,22px);max-width:32ch}
.solution-intro{padding:clamp(80px,8vw,120px) 24px 32px}
.solution-intro__inner,#intro-guard .product-intro__in{transform:translate3d(0,var(--solution-offset,0px),0)}
#intro-guard{padding-top:24px;padding-bottom:clamp(80px,8vw,120px)}
@media(max-width:800px){
 .problem-scene{aspect-ratio:auto;min-height:540px;justify-content:flex-start}
 .problem-scene__copy{width:auto;padding:64px 6% 220px}
 .problem-scene__copy h2{font-size:clamp(36px,7vw,52px)}
 .problem-scene__image{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center bottom;opacity:.78}
 .problem-scene::after{background:linear-gradient(180deg,#090d0e 0%,rgba(9,13,14,.95) 32%,rgba(9,13,14,.25) 70%,rgba(9,13,14,.12))}
 .solution-intro{padding-top:80px;padding-bottom:24px}
}
@media(prefers-reduced-motion:reduce){.solution-intro__inner,#intro-guard .product-intro__in{transform:none}}
/* Statement first; the solution returns to the page's shared left rail. */
.problem-scene{width:100%;max-width:none;min-height:620px;aspect-ratio:16/9;align-items:center;justify-content:center}
.problem-scene__image{object-fit:cover;object-position:center;width:100%;height:100%;opacity:.65}
.problem-scene::after{background:rgba(5,10,11,.48)}
.problem-scene__copy{width:min(1100px,88%);padding:72px 0;text-align:center;margin-inline:auto}
.problem-scene__copy h2{max-width:none;margin-inline:auto;font-size:clamp(40px,5vw,72px)}
.problem-scene__copy p{max-width:48ch;margin-inline:auto}
.solution-intro{text-align:left;display:block;padding-inline:0}
.solution-intro__inner{width:min(1280px,88%);max-width:none;margin-inline:auto}
#intro-guard{text-align:left;padding-inline:0}
#intro-guard .product-intro__in{width:min(1280px,88%);max-width:none;margin-inline:auto}
#intro-guard .product-intro__line{margin-left:0;margin-right:0}
#intro-guard .product-intro__beats{justify-content:flex-start}
@media(max-width:800px){.problem-scene{min-height:560px;aspect-ratio:auto;justify-content:center}.problem-scene__image{object-position:right center;opacity:.6}.problem-scene__copy{width:88%;padding:64px 0}.problem-scene__copy h2{font-size:clamp(36px,7vw,52px)}.problem-scene::after{background:rgba(5,10,11,.5)}}

/* Visible photography, with contrast concentrated behind the statement. */
.problem-scene__image{opacity:1}
.problem-scene::after{background:radial-gradient(ellipse 65% 36% at 50% 48%,rgba(4,10,12,.65),rgba(4,10,12,.22) 70%,rgba(4,10,12,.06))}
.problem-scene__copy{text-shadow:0 2px 6px #000}
#act-1{position:relative;overflow:hidden}
.problem-scene{transform:translate3d(0,var(--problem-exit-offset,0px),0)}
.solution-intro{position:relative;z-index:2;margin-top:-80px;padding-top:96px;background:#090d0e;border-top:1px solid #35413c;min-height:210px}
.solution-intro__inner,#intro-guard .product-intro__in{transform:none}
.onsite__flow{margin-top:64px;padding:48px 0;column-gap:28px}
.onsite__node h3{margin-bottom:16px}
.onsite__bottom{padding-top:32px}
#act-9 .head{color:#f2f3ed}
#act-9 .eyebrow{color:#c6ff4b}
#act-9 .industry-stack__hint{color:#c1ccc7}
#act-9 .industry-stack__all{background:#c6ff4b;color:#11170e}
@media(max-width:800px){.solution-intro{margin-top:-40px;padding-top:72px;min-height:160px}.onsite__flow{margin-top:44px;padding:36px 0;row-gap:28px}.onsite__node h3{margin-bottom:12px}.onsite__bottom{padding-top:26px}.problem-scene::after{background:radial-gradient(ellipse 100% 35% at 50% 48%,rgba(4,10,12,.7),rgba(4,10,12,.25) 75%,rgba(4,10,12,.08))}}
@media(prefers-reduced-motion:reduce){.problem-scene{transform:none}.solution-intro{margin-top:0}}