/* Application references: environment and unchanged product photography stay separate. */
body.page-bg-installation-projects .sj122-applications .installation-hero{min-height:0;height:auto;margin:24px auto 48px;padding:0;border-radius:24px}
body.page-bg-installation-projects .sj122-applications .installation-hero::before{background:linear-gradient(90deg,rgba(20,43,63,.88),rgba(20,43,63,.52) 65%,rgba(20,43,63,.1))}
body.page-bg-installation-projects .sj122-applications .installation-hero-copy{width:100%;min-height:0;padding:46px 44px;position:relative;z-index:1;justify-content:center}
body.page-bg-installation-projects .sj122-applications .installation-hero h1{max-width:630px;font-size:clamp(36px,4vw,52px);line-height:1.13;letter-spacing:-.035em;margin:0 0 18px}
body.page-bg-installation-projects .sj122-applications .installation-hero-copy>p:not(.content-kicker){max-width:550px;color:#f0f5fa;font-size:16px;line-height:1.7;margin:0 0 14px}
.sj122-applications .sj122-illustration-label{display:block;color:#e4edf5;font-size:12px;line-height:1.6;margin-bottom:20px}
body.page-bg-installation-projects .sj122-applications .installation-hero-copy>a{display:inline-flex;min-height:44px;margin:0;padding:11px 20px;border-radius:8px;font-size:13px;background:#f5f9fc;color:#24465e;text-transform:none}
body.page-bg-installation-projects .sj122-applications :is(.installation-gallery,.installation-process){margin:48px auto;border-radius:24px}
body.page-bg-installation-projects .sj122-applications .installation-gallery{padding:34px}
.sj122-applications .content-heading.split{grid-template-columns:1.15fr .85fr;gap:40px;align-items:end;margin-bottom:28px}
.sj122-applications .content-heading h2{max-width:620px;font-size:clamp(27px,2.7vw,36px);line-height:1.22}
.sj122-applications .content-heading>p{color:#526b7e;font-size:15px;line-height:1.7}
.sj122-applications .content-kicker{margin-bottom:12px;color:#a8c9e0}
.sj122-applications .content-kicker.dark,.sj122-applications .installation-process .content-kicker{color:#4f7590}
.sj122-applications .installation-grid{gap:22px;align-items:stretch}
body.page-bg-installation-projects .sj122-applications .installation-grid>article{display:flex;flex-direction:column;overflow:hidden;border:1px solid #cfdee8;border-radius:16px;background:#fafdff;box-shadow:0 8px 24px #203f5610}
.sj122-applications .installation-grid figure{position:relative;aspect-ratio:16/10;height:auto;margin:0;overflow:hidden;background:#e3ebf1}
.sj122-applications .installation-grid figure>img{display:block;width:100%;height:100%;object-fit:cover;filter:none;transform:none}
.sj122-applications .installation-grid figure>span{position:absolute;left:14px;top:14px;display:grid;place-items:center;width:32px;height:32px;color:#fff;background:#294c63eb;border-radius:50%;font-size:11px}
.sj122-applications .installation-grid figcaption{position:absolute;right:10px;bottom:10px;max-width:calc(100% - 20px);padding:5px 9px;color:#fff;background:#1b3c52de;border-radius:5px;font-size:11px;line-height:1.5}
.sj122-applications .installation-grid .sj122-application-copy{display:flex;flex:1;flex-direction:column;padding:24px 22px}
.sj122-applications .installation-grid h3{margin:0 0 12px;font-size:24px;line-height:1.25;letter-spacing:-.02em}
.sj122-applications .installation-grid .sj122-application-copy>p{margin:0 0 16px;color:#526b7e;font-size:15px;line-height:1.7}
.sj122-applications .sj122-application-copy>ul{margin:0 0 24px;padding-left:18px;color:#405f74;font-size:14px;line-height:1.65}
.sj122-applications .sj122-application-copy>ul li+li{margin-top:8px}
.sj122-applications .sj122-related-product{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;min-height:118px;margin-top:auto;padding:12px;border:1px solid #d4e3ec;border-radius:10px;background:#edf4f8;text-decoration:none;color:#294b60}
.sj122-applications .sj122-related-product>img{display:block;width:88px;height:88px;object-fit:contain;background:#fff;border-radius:6px}
.sj122-applications .sj122-related-product>span{display:grid;gap:7px;min-width:0}
.sj122-applications .sj122-related-product small{font-size:9px;font-weight:700;letter-spacing:.06em;color:#5d7a8e;line-height:1.5}
.sj122-applications .sj122-related-product strong{font-size:13px;line-height:1.5}
.sj122-applications .sj122-related-product>span>span{font-size:12px;font-weight:600}
.sj122-applications a:focus-visible{outline:3px solid #568eaf;outline-offset:4px}
body.page-bg-installation-projects .sj122-applications .installation-process>.content-shell{padding:34px}
.sj122-applications .planning-steps{gap:24px;margin-top:24px}
.sj122-applications .planning-steps article{padding:24px;background:#f9fcfe;border:1px solid #d4e2ec;border-radius:12px}
.sj122-applications .planning-steps h3{font-size:21px;line-height:1.3;margin:12px 0}
.sj122-applications .planning-steps p{font-size:15px;line-height:1.75;color:#526b7e}
body.page-bg-installation-projects .sj122-applications .content-cta{margin:48px auto;padding:40px;border-radius:24px}
.sj122-applications .content-cta h2{max-width:780px;font-size:clamp(28px,3.1vw,42px);line-height:1.2}
.sj122-applications .content-cta>a{min-height:44px;border-radius:8px}
@media(max-width:1000px){.sj122-applications .installation-grid{grid-template-columns:1fr}.sj122-applications .installation-grid>article{display:grid;grid-template-columns:.9fr 1.1fr}.sj122-applications .installation-grid figure{height:100%;min-height:280px;aspect-ratio:auto}.sj122-applications .content-heading.split{gap:24px}}
@media(max-width:700px){
 body.page-bg-installation-projects .sj122-applications .installation-hero{margin:16px auto 28px;border-radius:18px}
 body.page-bg-installation-projects .sj122-applications .installation-hero-copy{padding:30px 22px}
 body.page-bg-installation-projects .sj122-applications .installation-hero h1{font-size:36px;max-width:400px}
 body.page-bg-installation-projects .sj122-applications :is(.installation-gallery,.installation-process){margin:28px auto;border-radius:18px}
 body.page-bg-installation-projects .sj122-applications .installation-gallery,body.page-bg-installation-projects .sj122-applications .installation-process>.content-shell{padding:24px 16px}
 .sj122-applications .content-heading.split{grid-template-columns:1fr;gap:14px;margin-bottom:24px}
 .sj122-applications .content-heading h2{font-size:28px}
 .sj122-applications .installation-grid{gap:24px}
 .sj122-applications .installation-grid>article{display:flex}
 .sj122-applications .installation-grid figure{min-height:0;height:auto;aspect-ratio:16/10}
 .sj122-applications .installation-grid .sj122-application-copy{padding:22px 20px}
 .sj122-applications .installation-grid h3{font-size:25px}
 .sj122-applications .installation-grid .sj122-application-copy>p,.sj122-applications .planning-steps p{font-size:16px}
 .sj122-applications .planning-steps{grid-template-columns:1fr;gap:14px}
 body.page-bg-installation-projects .sj122-applications .content-cta{padding:28px 22px;margin:28px auto;border-radius:18px}
}
/* Keep every product visible in the existing hero illustration. */
body.page-bg-installation-projects .sj122-applications .installation-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:20px;align-items:center;padding:28px;background:var(--sg-glass)!important}
body.page-bg-installation-projects .sj122-applications .installation-hero::before{display:none}
body.page-bg-installation-projects .sj122-applications .installation-hero-copy{padding:16px}
body.page-bg-installation-projects .sj122-applications .installation-hero h1{color:#244359;font-size:clamp(34px,3.4vw,46px)}
body.page-bg-installation-projects .sj122-applications .installation-hero .content-kicker{color:#527c98}
body.page-bg-installation-projects .sj122-applications .installation-hero-copy>p:not(.content-kicker){color:#526b7e;font-size:15px}
.sj122-applications .sj122-illustration-label{color:#526b7e}
body.page-bg-installation-projects .sj122-applications .installation-hero-copy>a{border:1px solid #315e79;background:#315e79;color:#fff}
.sj122-applications .sj122-application-hero-image{width:100%;min-width:0;margin:0;overflow:hidden;border:1px solid #d3e2ec;border-radius:16px;background:#e8f0f5}
.sj122-applications .sj122-application-hero-image img{display:block;width:100%;height:auto;object-fit:contain;filter:none;transform:none}
@media(max-width:850px){body.page-bg-installation-projects .sj122-applications .installation-hero{grid-template-columns:1fr;gap:18px;padding:20px}body.page-bg-installation-projects .sj122-applications .installation-hero-copy{padding:4px}body.page-bg-installation-projects .sj122-applications .installation-hero h1{font-size:36px}}