.installation-page{background:#08090a}




.installation-page main{overflow:hidden}
.installation-page h1,.installation-page h2,.installation-page .installation-section-title{position:static;top:auto;width:auto;white-space:normal;font-family:'Playfair Display',Georgia,serif;font-weight:400;font-size:clamp(30px,3.6vw,58px);line-height:1.08;letter-spacing:-.025em}
.installation-page h4{font-family:'Playfair Display',Georgia,serif;font-size:clamp(16px,1.35vw,22px);font-weight:400;line-height:1.4;text-transform:uppercase}
.installation-opening,.installation-system{display:grid;grid-template-columns:26% 74%}
.installation-copy{padding:clamp(32px,4vw,64px) 24px clamp(32px,4vw,64px) 4.6vw}
.installation-label{font-size:12px;letter-spacing:1.8px;text-transform:uppercase;line-height:1.6}
.installation-services > h3.installation-label{font-weight:400}
.installation-label::after{content:'';display:inline-block;vertical-align:middle;width:20px;height:1px;margin-left:14px;background:currentColor;opacity:.5}
.installation-rule{display:block;width:24px;height:1px;background:currentColor;opacity:.65;margin:10px 0 22px}
.installation-body,.service-options p,.system-steps p{font-size:clamp(14px,1.3vw,20px);font-weight:300;line-height:1.55}
.installation-copy .installation-body{margin-top:28px}
.installation-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:56% center;min-height:480px}
.installation-opening{background:#d8cfbd;color:#141410}
.installation-system{background:#000;padding-bottom:20px}
.system-assembly{min-width:0;padding:20px 3vw 0 0;display:flex;flex-direction:column;justify-content:center}
.system-diagram{width:100%;height:auto;display:block}
.system-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0 1% 0 9%;margin-top:-15px}
.system-steps li{text-align:center;min-width:0}
.step-number{font-size:14px;display:block;margin-bottom:6px}
.step-number::before{content:'';display:block;height:24px;border-left:1px dotted #888;width:0;margin:0 auto 8px}
.system-steps p{font-size:clamp(13px,1.05vw,16px);margin-top:10px}
.system-steps br{display:none}
.installation-detail{position:relative;isolation:isolate;min-height:360px;height:32vw;max-height:550px;color:#141410;background:#c9bea9}
.detail-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}
.installation-detail::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(225,217,200,.82),rgba(225,217,200,.5) 29%,transparent 48%);pointer-events:none}
.detail-copy{padding:4.4vw 4.6vw;width:46%}
.detail-copy .installation-body{margin-top:20px}
.installation-services{padding:40px 4.6vw 40px}
.services-intro{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}
.services-intro>.installation-body{border-left:1px solid #777;padding:0 0 0 6vw;max-width:620px}
.service-options{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-top:48px}
.service-options article{display:grid;grid-template-columns:95px 1fr;gap:32px;align-items:start}
.service-options article+article{border-left:1px solid #777;padding-left:4vw}
.service-options svg{width:100%;fill:none;stroke:#c6c5bf;stroke-width:1}
.service-options p{margin-top:12px}

@media(prefers-reduced-motion:no-preference){.system-steps li:nth-child(2){transition-delay:.12s}.system-steps li:nth-child(3){transition-delay:.24s}.installation-page img.reveal-on-scroll{transform:none;transition:opacity 1.2s ease}}
@media(max-width:1100px){.installation-opening,.installation-system{grid-template-columns:30% 70%}.installation-copy{padding-left:4vw;padding-right:20px}.installation-page h1,.installation-page h2,.installation-page .installation-section-title{font-size:32px}.installation-photo{min-height:430px}.system-steps{gap:14px;padding-left:3%;margin-top:0}.system-steps h4{font-size:14px}.service-options article{grid-template-columns:64px 1fr;gap:20px}.detail-copy{width:47%}}
@media(max-width:700px){
 .installation-opening,.installation-system{display:flex;flex-direction:column}.installation-copy{padding:36px 6%}.installation-page h1,.installation-page h2,.installation-page .installation-section-title{font-size:clamp(32px,8vw,44px)}.installation-body,.service-options p{font-size:16px}.installation-photo{height:auto;min-height:0;aspect-ratio:4/3;object-position:center}.installation-copy .installation-body{margin-top:22px}
 .system-assembly{padding:0 6% 28px}.system-diagram{width:112%;max-width:none;margin-left:-6%}.system-steps{grid-template-columns:1fr;padding:0;gap:24px;margin-top:12px}.system-steps li{text-align:left;display:grid;grid-template-columns:32px 1fr;column-gap:14px}.step-number{grid-row:1/3;margin:2px 0 0}.step-number::before{display:none}.system-steps h4{font-size:17px}.system-steps p{grid-column:2;font-size:15px;margin-top:6px}
 .installation-detail{height:auto;max-height:none;min-height:0;display:flex;flex-direction:column;background:#d8cfbd}.detail-photo{position:static;order:2;height:auto;aspect-ratio:16/9;object-fit:cover}.installation-detail::after{display:none}.detail-copy{width:100%;padding:32px 6%;order:1}.detail-copy .installation-body{margin-top:20px}
 .installation-services{padding:36px 6% 36px}.services-intro,.service-options{grid-template-columns:1fr;gap:24px}.services-intro>.installation-body{padding:0;border:0}.service-options{margin-top:32px}.service-options article+article{padding:24px 0 0;border-left:0;border-top:1px solid #555}.service-options article{grid-template-columns:58px 1fr;gap:20px}.installation-page h4{font-size:18px}
}
/* Revised compact introduction, framed detail and three service choices. */
.installation-opening .installation-copy{padding-top:32px;padding-bottom:32px}
.installation-opening .installation-photo{min-height:0;height:clamp(380px,34vw,520px);mask-image:linear-gradient(90deg,transparent,#000 19%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 19%)}
.installation-opening #installation-title{font-size:clamp(30px,3vw,48px)}
.installation-system{padding-bottom:52px}
.system-steps{margin-top:-4.5vw;position:relative}
.services-intro{grid-template-columns:1fr;gap:24px}
.services-intro>.installation-body{border:0;padding:0;max-width:760px}
.service-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.service-options article{display:flex;flex-direction:column;align-items:center;padding:0 3vw;gap:22px}
.service-options article>div{max-width:100%;text-align:center}
.service-options article:first-child{padding-left:0}
.service-options article+article{padding-left:3vw}
.service-options article:last-child{padding-right:0}
.service-options svg{width:100px;height:100px;align-self:center}



@media(min-width:701px){
 .detail-photo{left:34%;width:66%;object-position:center 58%}
 .detail-copy{width:38%;padding-right:2vw}
 .detail-copy .installation-section-title{font-size:clamp(28px,3vw,48px)}
 .installation-detail::after{background:linear-gradient(90deg,#d8cfbd 0%,#d8cfbd 31%,rgba(216,207,189,.85) 35%,rgba(216,207,189,.30) 42%,transparent 49%)}
}
@media(max-width:700px){
 .installation-opening .installation-photo{height:auto;mask-image:linear-gradient(180deg,transparent,#000 22%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 22%)}
 .installation-opening #installation-title{font-size:clamp(32px,8vw,44px)}
 .installation-system{padding-bottom:24px}.system-steps{margin-top:-12px}
 .service-options{grid-template-columns:1fr;gap:24px}.service-options article,.service-options article+article{padding:24px 0 0;display:grid;grid-template-columns:58px 1fr;gap:20px}.service-options article:first-child{padding-top:0}.service-options svg{width:58px;height:68px}

}