*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f1f0f2;color:#37313d;font:16px/1.7 Arial,sans-serif}a{color:inherit;text-underline-offset:6px}img{max-width:100%;display:block}header{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;background:#f1f0f2;gap:24px}.logo{text-decoration:none;font-size:28px;letter-spacing:-1px;font-weight:700;line-height:1}.logo small{display:block;font-size:9px;letter-spacing:3px;text-transform:uppercase;margin-top:8px}nav{display:flex;gap:28px;font-size:13px}nav a{text-decoration:none}.button{display:inline-block;padding:13px 23px;border:1px solid #534b5b;text-decoration:none;font-size:13px;background:#534b5b;color:white}.light{background:transparent;color:inherit;border-color:currentColor}.hero{min-height:690px;position:relative;display:flex;align-items:center;color:white;background:linear-gradient(90deg,rgba(31,26,39,.8),rgba(31,26,39,.12)),url('/assets/projects/living-room-v2-1800.jpg') center/cover}.herotext{width:700px;padding:70px 8%}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:2.7px;font-weight:600}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.08}h1{font-size:clamp(48px,6vw,84px);margin:24px 0}h2{font-size:clamp(34px,4vw,56px);margin:18px 0 26px}h3{font-size:30px;margin:20px 0}p{max-width:620px;color:#625a69}.hero p{color:#eee;max-width:430px;margin-bottom:30px}.hero .button{background:#f1f0f2;color:#534b5b;border:0}.strip{padding:23px 5%;display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #d9d5dd;font-size:10px;letter-spacing:1.6px;text-transform:uppercase}.section{padding:100px 8%}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:center}.intro p{font-size:18px}.services{background:#e9e6ed}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.card{border-top:1px solid #bcb5c3;padding-top:20px}.card .num{font-size:11px;letter-spacing:2px}.card p{font-size:14px}.card a{font-size:12px}.scene{display:grid;grid-template-columns:1.1fr 1fr;min-height:570px;background:#534b5b;color:#f1f0f2}.scene img{height:100%;width:100%;object-fit:cover}.scene .copy{padding:70px 12%}.scene p{color:#efebf2}.scene-controls{display:flex;gap:8px;margin:30px 0 12px}.scene-controls button{padding:10px 14px;border:1px solid #afaab2;background:transparent;color:white;cursor:pointer}.scene-controls button[aria-pressed=true]{background:#f1f0f2;color:#534b5b}.caption{font-size:11px!important;opacity:.75}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.process article{border-top:1px solid #bcb5c3;padding-top:25px}.process h3{font-size:26px}.process p{font-size:14px}.areas{background:#e9e6ed}.places{display:flex;flex-wrap:wrap;gap:12px 35px;font:28px Georgia,serif;margin-top:35px}.faq{max-width:900px;margin:auto}details{border-bottom:1px solid #d2ccd8;padding:22px 0}summary{cursor:pointer;font-size:18px}details p{font-size:15px}.contact{background:#534b5b;color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:12%}.contact p{color:#efebf2}.contact a{color:white}.contact .button{background:#f1f0f2;color:#534b5b}.contactinfo{padding-top:35px}footer{padding:35px 8%;font-size:12px;display:flex;justify-content:space-between;gap:25px}.subhero{padding:75px 8%;background:#e9e6ed}.subhero h1{max-width:950px;font-size:64px}.article{max-width:1000px;margin:auto}.article h2{font-size:38px}.article p{max-width:850px}.back{font-size:12px}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;z-index:10;background:white;color:black;padding:10px}:focus-visible{outline:3px solid #7b87fc;outline-offset:5px}@media(max-width:760px){header{flex-wrap:wrap;padding:22px 6%}nav{order:3;overflow-x:auto;width:100%;gap:22px}header>.button{padding:8px 12px}.hero{min-height:650px}.herotext{padding:65px 7%;width:100%}h1{font-size:clamp(40px,8.5vw,58px)}.strip{flex-wrap:wrap;font-size:9px}.section{padding:65px 7%}.intro,.grid,.process,.contact,.scene{grid-template-columns:1fr;gap:28px}.scene img{height:320px}.scene .copy{padding:50px 7%}.sectionhead{display:block}.subhero{padding:55px 7%}.subhero h1{font-size:46px}footer{flex-direction:column}.places{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:0 30px;margin:30px 0}.service-links a{display:block;padding:18px 0;border-bottom:1px solid #d2ccd8;text-decoration:none;font-size:16px}@media(max-width:760px){.service-links{grid-template-columns:1fr}.subhero h1{font-size:clamp(36px,8vw,46px);overflow-wrap:break-word}}
.brand-list{display:flex;flex-wrap:wrap;gap:24px 45px;margin-top:40px;font:26px Georgia,serif}

/* Supplied Connect brand palette; dark neutral preserves text contrast. */
:root{--connect-periwinkle:#7b87fc;--connect-violet:#bb6af2;--connect-mint:#90d8c2;--connect-gold:#fabf4d;--connect-ink:#534b5b;--connect-gray:#afaab2;--connect-paper:#f1f0f2}
header{border-top:4px solid transparent;border-image:linear-gradient(90deg,#bb6af2,#7b87fc) 1}.logo{display:block;flex-shrink:0}.logo img{width:210px;height:auto}.logo small{color:#534b5b;font-size:9px;letter-spacing:3px;margin-top:12px}.button{border-radius:2px}.button:hover{box-shadow:0 0 0 2px #7b87fc}.eyebrow{letter-spacing:2.2px}.card{border-top:2px solid #7b87fc}.card:nth-child(2){border-color:#bb6af2}.card:nth-child(3){border-color:#90d8c2}.strip{border-bottom:2px solid #90d8c2}.service-links a:hover{color:#534b5b;text-decoration:underline;text-decoration-color:#7b87fc}.scene-controls button[aria-pressed=true]{border-color:#90d8c2;background:#90d8c2;color:#37313d}.contact{border-top:4px solid #7b87fc}.brand-icon{display:block;width:64px;height:64px;background-image:none;background-size:800px 450px;background-repeat:no-repeat;margin:0 0 22px;mix-blend-mode:multiply}.icon-wifi{background-position:-107px -194px}.icon-tv{background-position:-213px -194px}.icon-audio{background-position:-319px -194px}.icon-security{background-position:-425px -194px}.icon-display{background-position:-531px -194px}.icon-home{background-position:-636px -194px}.subhero .brand-icon{margin-bottom:28px}@media(max-width:760px){.logo img{width:185px}.logo small{font-size:8px}header>.button{font-size:12px}.card .brand-icon{margin-top:0}}
@font-face{font-family:"Connect Open Sans";src:url("/assets/open-sans-semibold.ttf") format("truetype");font-style:normal;font-weight:600;font-display:swap}
h1,h2,h3,nav,.button,.eyebrow,.logo small,.brand-list,.places,summary,.scene-controls button{font-family:"Connect Open Sans",Arial,sans-serif;font-weight:600;font-synthesis:none}
h1,h2,h3{letter-spacing:-.035em;overflow-wrap:break-word}h1 em{font-style:normal}h1{font-size:clamp(44px,5.3vw,74px)}h2{font-size:clamp(30px,3.6vw,50px)}h3{font-size:27px}.brand-list,.places{font-size:23px}.hero .herotext{width:790px}.subhero h1{font-size:clamp(38px,5.3vw,64px)}
@media(max-width:760px){h1{font-size:clamp(32px,7.7vw,52px)}h2{font-size:32px}.hero .herotext{width:100%}.subhero h1{font-size:clamp(32px,7.7vw,46px)}.brand-list,.places{font-size:21px}nav{font-size:12px}}

.plans-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}.plan{background:#fff;padding:30px 22px;border-top:3px solid #7b87fc;display:flex;flex-direction:column}.plan:nth-child(2){border-color:#90d8c2}.plan:nth-child(3){border-color:#bb6af2}.plan:nth-child(4){border-color:#fabf4d}.plan h3{font-size:23px}.plan-price{font:600 42px "Connect Open Sans",Arial,sans-serif;color:#534b5b;margin:8px 0 24px}.plan-price span{display:block;font:14px Arial,sans-serif}.plan ul{list-style:none;padding:0;margin:0 0 28px;flex:1}.plan li{font-size:14px;padding:15px 0;border-bottom:1px solid #e9e6ed}.plan-note{font-size:13px;margin-top:28px}.service-links a .brand-icon{width:42px;height:42px;float:left;margin:0 14px 0 0;background-size:525px 295px}.service-links a{min-height:80px;display:flex;align-items:center;gap:12px}.service-links a .brand-icon{flex-shrink:0}.service-links .icon-wifi{background-position:-70px -127px}.service-links .icon-home{background-position:-417px -127px}.service-links .icon-audio{background-position:-209px -127px}
@media(max-width:1100px){.plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.plans-grid{grid-template-columns:1fr}.plan{padding:28px 24px}.subhero .button{margin-bottom:12px}.service-links a .brand-icon{margin-right:0}}
/* Original icon artwork copied unchanged from the existing Connect website. */
.brand-icon.icon-control,.service-links .brand-icon.icon-control{background-image:url("/assets/original-control.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-wifi,.service-links .brand-icon.icon-wifi{background-image:url("/assets/original-wifi.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-theater,.service-links .brand-icon.icon-theater{background-image:url("/assets/original-theater.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-camera,.service-links .brand-icon.icon-camera{background-image:url("/assets/original-camera.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-lighting,.service-links .brand-icon.icon-lighting{background-image:url("/assets/original-lighting.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-audio,.service-links .brand-icon.icon-audio{background-image:url("/assets/original-audio.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-support,.service-links .brand-icon.icon-support{background-image:url("/assets/original-support.png");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}

/* Extensions to the original solid-purple, rounded-line icon set. */
.brand-icon.icon-golf,.service-links .brand-icon.icon-golf{background-image:url("/assets/matched-golf.svg");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-shades,.service-links .brand-icon.icon-shades{background-image:url("/assets/matched-shades.svg");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}
.brand-icon.icon-commercial,.service-links .brand-icon.icon-commercial{background-image:url("/assets/matched-commercial.svg");background-size:contain;background-position:center;background-repeat:no-repeat;mix-blend-mode:normal}

.project-hero{display:grid;grid-template-columns:46% 54%;background:#534b5b;min-height:650px;overflow:hidden}.project-hero .herotext{width:auto!important;padding:65px 12% 70px 16%;z-index:1}.project-hero h1{font-size:clamp(42px,4.4vw,66px)}.project-hero .hero-project-photo{width:100%;height:100%;min-height:650px;object-fit:cover;object-position:57% center}.project-showcase{display:grid;grid-template-columns:1fr 1fr;background:#534b5b;color:#f1f0f2}.project-showcase>div:first-child{background:#e9e6ed}.project-showcase img{width:100%;height:620px;object-fit:cover;object-position:center 52%}.project-showcase .copy{padding:80px 14%}.project-showcase p{color:#efebf2}.photo-section:nth-of-type(even){background:#e9e6ed}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:35px}.project-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid figure{margin:0;min-width:0}.project-grid img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;object-position:center}.project-grid a{display:block;overflow:hidden}.project-grid a:focus-visible{outline-offset:4px}.project-grid figcaption{font-size:13px;color:#625a69;padding-top:15px;line-height:1.6}.project-grid figure:only-child{grid-column:1/-1;max-width:1000px}.project-grid figure:only-child img{aspect-ratio:16/9}.project-grid img[src*="architectural-speaker"],.project-grid img[src*="fabric-speaker-panel"],.project-grid img[src*="room-scheduling"]{aspect-ratio:3/4;object-fit:contain;background:#e9e6ed}.project-grid img[src*="system-racks"]{object-position:center 35%}nav{gap:22px}
@media(max-width:1000px){.project-hero{grid-template-columns:1fr 1fr}.project-hero .herotext{padding:50px 10%}.project-hero h1{font-size:42px}.project-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.project-showcase .copy{padding:60px 10%}}
@media(max-width:760px){.project-hero{grid-template-columns:1fr;min-height:0}.project-hero .herotext{padding:45px 7%}.project-hero h1{font-size:clamp(36px,8vw,52px)}.project-hero .hero-project-photo{height:auto;min-height:0;aspect-ratio:4/3;object-fit:contain}.project-showcase{grid-template-columns:1fr}.project-showcase img{height:auto;max-height:650px;object-fit:contain}.project-showcase .copy{padding:55px 7%}.project-grid,.project-grid.three{grid-template-columns:1fr;gap:32px}.project-grid img{aspect-ratio:auto;object-fit:contain}.project-grid img[src*="architectural-speaker"],.project-grid img[src*="fabric-speaker-panel"],.project-grid img[src*="room-scheduling"]{aspect-ratio:auto;max-height:600px}.sectionhead a{display:inline-block;margin-top:15px}nav{gap:20px;white-space:nowrap}}

@media(max-width:760px){.project-hero .hero-project-photo{order:-1;aspect-ratio:4/3;object-fit:cover}.project-hero .herotext{padding-top:35px}}

.project-grid img[src*="gallery-wall-display-v2"]{object-fit:contain;aspect-ratio:3/2;background:#e9e6ed}.project-grid img[src*="garden-audio-v2"]{object-position:50% 48%}

.contact-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:9%}.contact-layout a{overflow-wrap:anywhere}.inquiry-panel{padding:36px;background:#e9e6ed}.inquiry-panel h2{font-size:34px}.inquiry-panel label{display:block;margin:20px 0 7px;font-size:14px;font-weight:bold}.inquiry-panel input,.inquiry-panel select,.inquiry-panel textarea{font:16px/1.5 Arial,sans-serif;width:100%;padding:12px;border:1px solid #afaab2;border-radius:2px;color:#37313d;background:#fff}.inquiry-panel textarea{resize:vertical}.inquiry-panel button{margin-top:22px;cursor:pointer}.inquiry-panel .inquiry-note{font-size:12px}.contact-layout h3{font-size:23px}.inquiry-panel p{font-size:14px}header nav{font-size:12px;gap:16px}footer{flex-wrap:wrap}@media(max-width:1100px){header{flex-wrap:wrap}header nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto}}@media(max-width:760px){.contact-layout{grid-template-columns:1fr;gap:40px}.inquiry-panel{padding:25px}.contact-layout h2{font-size:30px}}

.breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;padding:22px 8%;font-size:13px;line-height:1.6;background:#e9e6ed;white-space:normal}.breadcrumbs a{text-decoration:underline}.search-intro{padding-top:55px;padding-bottom:55px;max-width:1150px}.search-intro h2{font-size:clamp(28px,3vw,42px);max-width:900px}.search-intro p{max-width:850px}.service-questions{padding-top:45px}.service-related{margin-top:30px}.brand-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;margin:40px 0}.brand-categories article{padding:25px;background:#e9e6ed}.brand-categories h3{font-size:26px}button:disabled{opacity:.65;cursor:wait}@media(max-width:760px){.breadcrumbs{padding:18px 6%;font-size:12px}.brand-categories{grid-template-columns:1fr;gap:20px}}
@media(max-width:760px){header nav{flex-wrap:wrap;white-space:normal;overflow:visible;gap:12px 18px}header nav a{padding:4px 0}}

.guide-article{max-width:1080px;margin:auto}.guide-article h2{font-size:clamp(26px,3vw,38px);margin-top:38px}.guide-article p{line-height:1.8}.article-date{font-size:13px!important;line-height:1.7}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.guide-grid article{padding:28px;background:#e9e6ed}.guide-grid h3{font-size:25px;line-height:1.3}.guide-grid h3 a{text-decoration:none}.guide-topic{padding-top:50px;padding-bottom:50px}@media(max-width:760px){.guide-grid{grid-template-columns:1fr}.guide-grid article{padding:24px}.subhero h1{overflow-wrap:anywhere}}

.cookie-settings{border:0;background:none;color:inherit;text-decoration:underline;font:inherit;cursor:pointer;padding:0}.cookie-notice[hidden]{display:none}.cookie-notice{position:fixed;bottom:18px;left:18px;right:18px;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;background:#f8f7fa;color:#332e3b;border:1px solid #b0a3c7;box-shadow:0 8px 30px #26203226}.cookie-notice strong{font-size:1rem}.cookie-notice p{font-size:.83rem;line-height:1.6;max-width:720px;margin:8px 0 0}.cookie-actions{display:flex;gap:10px;flex-shrink:0}.cookie-actions button{font:inherit;font-size:.8rem;padding:12px 16px;background:transparent;color:#332e3b;border:1px solid #81718f;cursor:pointer}.cookie-actions button:hover,.cookie-actions button:focus-visible{background:#e7e0f2}.privacy-copy{max-width:850px;margin:auto}.privacy-copy h2{font-size:1.5rem;margin-top:2rem}@media(max-width:800px){.cookie-notice{flex-direction:column;align-items:stretch;padding:18px;gap:12px}.cookie-actions button{flex:1;padding:12px 8px}.cookie-actions{flex-shrink:1}}