.installation-hero{min-height:calc(100svh - 138px);display:flex;align-items:center;padding:80px 0;background:linear-gradient(90deg,rgba(20,35,45,.96),rgba(20,35,45,.86) 35%,rgba(20,35,45,.2) 78%),url('field-services/installation-workshop-sae.webp') center/cover;color:white}
.installation-hero-copy{max-width:760px}.installation-hero .section-kicker{color:#EF682A}.installation-hero h1{font-size:clamp(40px,4.8vw,68px);font-weight:600;line-height:1.12;color:white;margin:24px 0}.installation-hero h1 span{font-weight:400}.installation-hero p{font-size:18px;line-height:1.75;color:#e1e6e9;max-width:650px;margin:0}.installation-actions{display:flex;flex-wrap:wrap;gap:16px;margin-top:32px;align-items:center}.installation-outline{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;padding:12px 22px;border:1px solid currentColor;border-radius:2px;font:500 14px/1.5 Inter,Arial,sans-serif;min-height:48px}.installation-outline:hover{border-color:#EF682A;color:#EF682A}
.installation-intro,.installation-method,.installation-training,.installation-planning{padding:80px 0}.installations-page main section:not(.site-project-cta) h2{font:600 clamp(28px,3vw,42px)/1.2 Sora,Arial,sans-serif;letter-spacing:-.035em;margin:20px 0 24px}.installations-page main section:not(.site-project-cta) h2 span{font-weight:400}.installation-intro p{max-width:none;margin:0;line-height:1.8}.installation-links{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:32px}.installation-links a{border-top:1px solid #cdd5da;padding-top:18px;display:flex;justify-content:space-between;font-size:14px;font-weight:500;gap:16px}.installation-links a:hover{color:#EF682A}
.installation-method{background:#14232D;color:white}.installation-method h2,.installation-method h3{color:white}.installation-method .section-kicker{color:#EF682A}.installation-heading p{color:#b7c5ce}.installation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 32px;margin-top:42px}.installation-step-number{display:flex;gap:16px;align-items:center;color:#EF682A;font-size:12px;letter-spacing:.14em}.installation-step-number i{height:1px;background:#64778466;flex:1}.installation-steps h3{font:600 19px/1.4 Sora,Arial,sans-serif;margin:18px 0 12px}.installation-steps p{color:#c6d0d6;font-size:15px;line-height:1.8;margin:0}.installation-manual{border-top:1px solid #64778466;padding-top:28px;margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:36px}.installation-manual p{color:#b7c5ce;max-width:800px;font-size:13px;margin:0}.installation-manual a{flex-shrink:0}
.installation-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,80px);align-items:center}.installation-split>*{min-width:0}.installation-training figure{margin:0;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));overflow:hidden}.installation-training img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:75% center;transition:transform .35s}.installation-training figure:hover img{transform:scale(1.04)}.installation-training ul{padding-left:18px;margin:24px 0;color:#647784;font-size:15px}.installation-training li{margin:9px 0}.installation-training li::marker{color:#EF682A}.installation-planning{background:#F4F3EF}.installation-planning dl{margin:0}.installation-planning dl>div{border-top:1px solid #ccd3d7;padding:19px 0}.installation-planning dt{font:600 16px/1.5 Sora,Arial,sans-serif}.installation-planning dd{margin:8px 0 0;color:#647784;font-size:15px}.installations-page main a:focus-visible{outline:2px solid #EF682A;outline-offset:5px}
@media(max-width:900px){.installation-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.installation-split{gap:32px}.installation-hero{background-position:65% center}.installation-hero-copy{max-width:620px}.installation-hero p{max-width:560px}}
@media(max-width:650px){.installation-hero{min-height:calc(100svh - 120px);padding:64px 0;background-image:linear-gradient(90deg,rgba(20,35,45,.94),rgba(20,35,45,.76)),url('field-services/installation-workshop-sae.webp')}.installation-hero h1{font-size:38px}.installation-hero p{font-size:16px}.installation-intro,.installation-method,.installation-training,.installation-planning{padding:52px 0}.installation-links,.installation-steps,.installation-split{grid-template-columns:1fr}.installation-links{gap:20px}.installation-manual{flex-direction:column;align-items:flex-start;gap:24px}.installation-steps{gap:30px}.installation-training figure{max-height:380px}}
@media(prefers-reduced-motion:reduce){.installation-training img{transition:none}}