/* Editorial service pages. Copy and anchors are sourced from the live documents. */
.service-page .cr-container{width:calc(100% - var(--gutter)*2);max-width:1280px;margin-inline:auto}
.service-page :is(h1,h2,h3){overflow-wrap:break-word}
.service-page h1{font-size:clamp(42px,4.2vw,64px);line-height:1.07;letter-spacing:-.045em}
.service-page h2{font-size:clamp(32px,3.1vw,46px);line-height:1.12;letter-spacing:-.04em}
.service-page h3{font-size:24px;line-height:1.22;letter-spacing:-.025em}
.service-page main p{font-size:17px;line-height:1.65;color:#62686c}
.service-page .cr-eyebrow{font-size:12px;line-height:1.5;letter-spacing:.09em;font-weight:500;color:#61696d;margin-bottom:22px}
.service-page .cr-actions{display:flex;flex-wrap:wrap;gap:12px 30px;margin-top:25px}
.service-page main .text-link{font-size:15px;color:#25292c}
.service-page :is(.sys-section,.svc-section,.cr-section){padding-block:100px}
.service-page :is(.sys-hero,.svc-hero,.cr-inner-hero){padding-block:86px 100px}
.service-page :is(.sys-hero-copy,.svc-hero-copy,.cr-inner-hero-grid>div){min-width:0}
.service-page :is(.sys-hero-copy,.svc-hero-copy)>p:not(.cr-eyebrow),.service-page .cr-inner-hero .cr-section-head>p:not(.cr-eyebrow){margin-top:28px;max-width:580px}
.service-page :is(.sys-hero-grid,.cr-inner-hero-grid){display:grid;grid-template-columns:1.04fr 1fr;gap:6%;align-items:center}
.service-page :is(.sys-hero-media,.svc-hero-media,.cr-inner-hero-media){display:flex;justify-content:center;align-items:center;min-width:0}
.service-page :is(.sys-hero-media,.svc-hero-media,.cr-inner-hero-media) img{width:100%;object-fit:contain}
.service-page .sys-hero{background:var(--surface-stone)}
.service-page .sys-hero-media{min-height:360px}
.service-page .sys-hero-media img{width:112%;max-width:112%}
.service-page :is(.sys-section-head,.svc-section-head){display:grid;grid-template-columns:1.1fr .8fr;gap:12%;align-items:end;margin-bottom:56px}
.service-page :is(.sys-section-head,.svc-section-head)>p{max-width:450px;padding-bottom:3px}
.service-page :is(.sys-section-head--compact,.svc-section-head--compact){display:block;max-width:700px}
.service-page .sys-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px 50px}
.service-page .sys-area{border-top:1px solid #dfe1e2;padding-top:21px}
.service-page :is(.sys-index,.sys-path-number,.sys-group-number,.svc-index,.svc-path-number,.svc-stage-number){display:block;color:#838a8e;font-size:12px;letter-spacing:.03em;line-height:1.5;margin-bottom:17px}
.service-page .sys-area p{margin-top:14px;font-size:16px}
.service-page .sys-evening{background:var(--surface-stone)}
.service-page .sys-evening-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.service-page .sys-evening-media img{width:100%;max-height:590px;object-fit:contain}
.service-page .sys-scene-label{font-size:11px;letter-spacing:.09em;color:#737a7f;display:block;margin-bottom:16px}
.service-page .sys-evening h2{max-width:520px}
.service-page .sys-scene-list{list-style:none;padding:0;margin:32px 0 26px}
.service-page .sys-scene-list li{display:flex;align-items:baseline;gap:23px;border-bottom:1px solid #dedfe1;padding-block:15px;font-size:16px;line-height:1.5}
.service-page .sys-scene-list li span{font-size:11px;color:#838a8e;flex-shrink:0}
.service-page .sys-supporting-copy{font-size:14px;max-width:480px}
.service-page .sys-path-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%}
.service-page .sys-path{padding-top:28px;border-top:1px solid #dfe1e2}
.service-page .sys-path-label{font-size:11px;letter-spacing:.1em;margin-bottom:20px}
.service-page .sys-path h3{font-size:29px;max-width:420px}
.service-page .sys-path>p:not(.sys-path-label){margin-top:20px}
.service-page .sys-path ul{margin:22px 0;padding-left:18px;color:#62686c;font-size:15px;line-height:1.8}
.service-page .sys-product-connection{background:var(--surface-stone)}
.service-page .sys-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}
.service-page .sys-product-intro>p:not(.cr-eyebrow){margin-top:28px}
.service-page .sys-product-intro .text-link{margin-top:16px}
.service-page .sys-product-media{margin-top:66px}
.service-page .sys-product-media img{width:100%;height:auto}
.service-page .sys-product-group{padding-block:30px;border-bottom:1px solid #dcdfe0}
.service-page .sys-product-group:first-child{padding-top:0}
.service-page .sys-product-group:last-child{border-bottom:0;padding-bottom:0}
.service-page .sys-product-group dl{margin:20px 0;display:grid;gap:10px;font-size:14px;line-height:1.5}
.service-page .sys-product-group dl>div{display:grid;grid-template-columns:74px 1fr;gap:12px}
.service-page .sys-product-group dt{color:#858b8f}
.service-page .sys-product-group dd{margin:0;color:#4d5459}
.service-page .sys-product-group>p{font-size:15px}
.service-page :is(.sys-delivery-list,.svc-delivery-list){list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:26px}
.service-page :is(.sys-delivery-list,.svc-delivery-list)>li{border-top:1px solid #dfe1e2;padding-top:24px}
.service-page :is(.sys-delivery-list,.svc-delivery-list)>li>span{display:block;font-size:12px;color:#838a8e;margin-bottom:22px}
.service-page :is(.sys-delivery-list,.svc-delivery-list) h3{font-size:21px}
.service-page :is(.sys-delivery-list,.svc-delivery-list) p{font-size:15px;margin-top:15px}
.service-page :is(.sys-final-cta,.svc-final-cta,.cr-slim-cta){padding-block:76px;background:var(--surface-stone)}
.service-page :is(.sys-final-cta-grid,.svc-final-cta-grid,.cr-slim-cta>.cr-container){display:grid;grid-template-columns:1fr .6fr;gap:10%;align-items:center}
.service-page :is(.sys-final-cta,.svc-final-cta,.cr-slim-cta) h2{max-width:680px}
.service-page :is(.sys-final-cta,.svc-final-cta,.cr-slim-cta) p:not(.cr-eyebrow){margin-top:24px;max-width:600px}
.service-page :is(.sys-final-cta,.svc-final-cta) .cr-actions{display:flex;flex-direction:column;align-items:start;margin-top:0;gap:9px}
/* Services: a wide, quiet control detail above an editorial list of five services. */
.service-page .svc-hero-copy{max-width:800px;margin-inline:auto;text-align:center}
.service-page .svc-hero-copy h1{font-size:clamp(44px,4.6vw,68px)}
.service-page .svc-hero-copy>p:not(.cr-eyebrow){margin-inline:auto;max-width:720px}
.service-page .svc-hero-copy .cr-actions{justify-content:center}
.service-page .svc-hero-media{margin:50px auto 0;max-width:880px}
.service-page .svc-hero-media img{max-height:290px}
.service-page .svc-core{background:var(--surface-stone)}
.service-page .svc-core-grid{display:block}
.service-page .svc-service{display:grid;grid-template-columns:60px 1fr 1.08fr;gap:30px;padding:30px 0;border-top:1px solid #dcdfe0;align-items:start}
.service-page .svc-service .svc-index{margin-top:5px;margin-bottom:0}
.service-page .svc-service h3{font-size:27px;max-width:360px}
.service-page .svc-service>p{font-size:16px;max-width:480px}
.service-page .svc-service .text-link{grid-column:3;margin-top:-18px;justify-self:start}
.service-page .svc-project-composition{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}
.service-page .svc-project-media img{width:100%;max-height:600px;object-fit:contain}
.service-page .svc-project-path{padding:28px 0;border-bottom:1px solid #dfe1e2}
.service-page .svc-project-path:first-child{padding-top:0}
.service-page .svc-project-path:last-child{border-bottom:0;padding-bottom:0}
.service-page .svc-project-path h3{font-size:20px;letter-spacing:-.02em}
.service-page .svc-project-path p{margin-top:15px}
.service-page .svc-project-path .text-link{margin-top:12px}
.service-page .svc-coordinate{background:var(--surface-stone)}
.service-page .svc-coordinate-grid{display:grid;grid-template-columns:.95fr 1fr;gap:12%}
.service-page .svc-coordinate-intro>p:not(.cr-eyebrow){margin-top:24px}
.service-page .svc-coordinate-intro .text-link{margin-top:20px}
.service-page .svc-coordinate-list{display:grid;gap:25px}
.service-page .svc-coordinate-item{border-top:1px solid #dcdfe0;padding-top:22px}
.service-page .svc-coordinate-item h3{font-size:23px}
.service-page .svc-coordinate-item p{font-size:16px;margin-top:10px}
.service-page .svc-delivery-list{grid-template-columns:repeat(4,1fr);gap:42px}
.service-page .svc-support{padding-top:0}
.service-page .svc-support-panel{border-top:1px solid #e1e3e4;padding-top:75px}
.service-page .svc-support-copy{max-width:690px;margin-inline:auto;text-align:center}
.service-page .svc-support-copy>p:last-child{margin-top:25px;max-width:620px;margin-inline:auto}
/* Installation: the tall room control stands beside the practical project story. */
.service-page .cr-inner-hero{background:var(--surface-stone)}
.service-page .cr-inner-hero-grid{grid-template-columns:1.25fr .75fr;gap:12%}
.service-page .cr-inner-hero h1{font-size:clamp(38px,3.7vw,56px)}
.service-page .cr-inner-hero-media{height:460px}
.service-page .cr-inner-hero-media img{width:auto;max-height:100%}
.service-page .cr-installation-journey article{display:grid;grid-template-columns:1.4fr .8fr;gap:12%;border-top:1px solid #dfe1e2;padding:44px 0}
.service-page .cr-installation-journey article:first-child{padding-top:0;border-top:0}
.service-page .cr-installation-journey article:last-child{padding-bottom:0}
.service-page .cr-installation-journey article>div{display:grid;grid-template-columns:48px 1fr;gap:25px}
.service-page .cr-installation-journey article>div>span{font-size:12px;color:#858b8f;line-height:1.5}
.service-page .cr-installation-journey .cr-eyebrow{margin-bottom:18px}
.service-page .cr-installation-journey h2{font-size:34px;max-width:560px}
.service-page .cr-installation-journey ul{padding:0;margin:0;list-style:none}
.service-page .cr-installation-journey li{font-size:16px;line-height:1.6;padding-block:7px;color:#62686c}
.service-page .cr-process{background:var(--surface-stone)}
.service-page .cr-process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:12%;align-items:start}
.service-page .cr-process-media{padding-top:80px}
.service-page .cr-process-media img{width:100%}
.service-page .cr-process-list{list-style:none;padding:0;margin:40px 0 0}
.service-page .cr-process-list li{display:grid;grid-template-columns:25px 1fr;gap:25px;padding:22px 0;border-top:1px solid #dcdfe0}
.service-page .cr-process-list li>span{font-size:12px;color:#858b8f;line-height:1.7}
.service-page .cr-process-list h3{font-size:23px}
.service-page .cr-process-list p{font-size:16px;margin-top:10px}
.service-page .cr-slim-cta{background:#fff}
@media(max-width:1050px){
 .service-page :is(.sys-hero-grid,.sys-evening-grid,.sys-product-grid,.svc-project-composition,.svc-coordinate-grid,.cr-inner-hero-grid,.cr-process-layout){gap:6%}
 .service-page :is(.sys-section-head,.svc-section-head){gap:6%}
 .service-page .sys-area-grid{gap:34px}
 .service-page :is(.sys-delivery-list,.svc-delivery-list){grid-template-columns:repeat(2,1fr);gap:34px}
 .service-page .svc-service{grid-template-columns:36px 1fr 1fr;gap:20px}
 .service-page .svc-service h3{font-size:24px}
 .service-page .cr-installation-journey article{gap:6%}
}
@media(max-width:760px){
 .service-page h1{font-size:42px}
 .service-page h2{font-size:34px}
 .service-page h3{font-size:23px}
 .service-page p{font-size:16px}
 .service-page .cr-eyebrow{font-size:11px;margin-bottom:19px}
 .service-page :is(.sys-section,.svc-section,.cr-section){padding-block:65px}
 .service-page :is(.sys-hero,.svc-hero,.cr-inner-hero){padding-block:56px 60px}
 .service-page :is(.sys-hero-grid,.sys-evening-grid,.sys-product-grid,.svc-project-composition,.svc-coordinate-grid,.cr-inner-hero-grid,.cr-process-layout){display:flex;flex-direction:column;gap:0}
 .service-page :is(.sys-hero-copy,.svc-hero-copy)>p:not(.cr-eyebrow),.service-page .cr-inner-hero .cr-section-head>p:not(.cr-eyebrow){margin-top:24px}
 .service-page .cr-actions{gap:8px 23px;margin-top:20px}
 .service-page .sys-hero-media{min-height:0;width:100%;margin-top:38px}
 .service-page .sys-hero-media img{width:100%;max-width:100%}
 .service-page :is(.sys-section-head,.svc-section-head){display:block;margin-bottom:36px}
 .service-page :is(.sys-section-head,.svc-section-head)>p{margin-top:25px}
 .service-page .sys-area-grid{grid-template-columns:1fr 1fr;gap:32px 25px}
 .service-page .sys-area h3{font-size:22px}
 .service-page .sys-area p{font-size:15px;margin-top:12px}
 .service-page .sys-evening-media{order:2;width:100%;margin-top:28px}
 .service-page .sys-evening-media img{max-height:390px}
 .service-page .sys-evening-copy{order:1}
 .service-page .sys-path-grid{display:block}
 .service-page .sys-path+.sys-path{margin-top:38px}
 .service-page .sys-path h3{font-size:27px}
 .service-page .sys-product-media{margin:38px auto 44px;max-width:480px}
 .service-page .sys-product-intro>p:not(.cr-eyebrow){margin-top:24px}
 .service-page .sys-product-groups{width:100%}
 .service-page .sys-product-group:first-child{padding-top:28px;border-top:1px solid #dcdfe0}
 .service-page :is(.sys-delivery-list,.svc-delivery-list){gap:28px 24px}
 .service-page :is(.sys-delivery-list,.svc-delivery-list) h3{font-size:21px}
 .service-page :is(.sys-final-cta,.svc-final-cta,.cr-slim-cta){padding-block:58px}
 .service-page :is(.sys-final-cta-grid,.svc-final-cta-grid,.cr-slim-cta>.cr-container){display:block}
 .service-page :is(.sys-final-cta,.svc-final-cta) .cr-actions{margin-top:24px}
 .service-page .cr-slim-cta .text-link{margin-top:22px}
 .service-page .svc-hero-copy{text-align:left}
 .service-page .svc-hero-copy h1{font-size:44px}
 .service-page .svc-hero-copy .cr-actions{justify-content:start}
 .service-page .svc-hero-media{margin-top:38px}
 .service-page .svc-service{grid-template-columns:25px 1fr;gap:10px 17px;padding-block:25px}
 .service-page .svc-service .svc-index{margin-top:4px}
 .service-page .svc-service h3{font-size:24px}
 .service-page .svc-service>p{grid-column:2}
 .service-page .svc-service .text-link{grid-column:2;margin-top:0}
 .service-page .svc-project-media{width:100%;max-width:390px;order:2;margin:30px auto 0}
 .service-page .svc-project-paths{order:1}
 .service-page .svc-coordinate-list{width:100%;margin-top:38px}
 .service-page .svc-support{padding-top:0}
 .service-page .svc-support-panel{padding-top:54px}
 .service-page .svc-support-copy{text-align:left}
 .service-page .cr-inner-hero h1{font-size:38px}
 .service-page .cr-inner-hero-media{height:315px;margin:38px auto 0}
 .service-page .cr-installation-journey article{display:block;padding-block:34px}
 .service-page .cr-installation-journey article>div{grid-template-columns:25px 1fr;gap:17px}
 .service-page .cr-installation-journey h2{font-size:29px}
 .service-page .cr-installation-journey ul{margin:20px 0 0 42px}
 .service-page .cr-process-media{order:2;padding-top:0;margin-top:30px;width:100%}
 .service-page .cr-process-layout>div{order:1}
 .service-page .cr-process-list{margin-top:30px}
 .service-page .cr-process-list li{gap:17px}
}
@media(max-width:360px){
 .service-page h1,.service-page .svc-hero-copy h1{font-size:38px}
 .service-page h2{font-size:31px}
 .service-page .cr-inner-hero h1{font-size:34px}
 .service-page .sys-area-grid{grid-template-columns:1fr}
 .service-page :is(.sys-delivery-list,.svc-delivery-list){grid-template-columns:1fr}
 .service-page .sys-product-group dl>div{grid-template-columns:65px 1fr}
}