.hero h1.seo-home-title{font-size:clamp(36px,5.5vw,78px);max-width:1050px;line-height:1.08}.service-links{display:flex;flex-wrap:wrap;gap:16px 30px;margin-top:30px}.service-links a,.service-card-copy h3 a{border-bottom:1px solid currentColor}.service-links a{font-size:15px;padding:8px 0}.detail-header{background:#050505;color:white;padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;gap:24px}.detail-header nav{display:flex;flex-wrap:wrap;gap:16px 26px;font-size:14px}.detail-header img{min-width:120px}.detail-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:5vw;padding:60px 6vw 80px;align-items:center}.detail-hero nav{font-size:13px;margin-bottom:24px}.detail-hero h1{font-size:clamp(36px,4.8vw,68px);line-height:1.06;letter-spacing:-.045em;margin:20px 0 28px}.detail-hero p,.detail-section p,.detail-contact p{font-size:17px;line-height:1.8;max-width:800px}.detail-hero>img{width:100%;aspect-ratio:4/5;object-fit:cover}.detail-button{display:inline-block;padding:17px 24px;background:#111;color:white;margin-top:28px;font-size:14px}.detail-section{padding:65px 6vw;border-top:1px solid #ccc}.detail-section h2,.detail-contact h2{font-size:clamp(28px,3.5vw,44px);line-height:1.15;letter-spacing:-.035em;margin:12px 0 30px}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:26px 0}.detail-section h3{font-size:23px;line-height:1.25;margin-bottom:16px}.detail-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.detail-card{background:#fff}.detail-card img{width:100%;aspect-ratio:4/3;object-fit:cover}.detail-card>div{padding:28px}.detail-card a{display:inline-block;margin-top:20px;text-decoration:underline}.detail-section details{border-top:1px solid #ccc;padding:22px 0}.detail-section summary{font-size:19px;cursor:pointer}.detail-section details p{margin-top:16px}.detail-section>p+h2{margin-top:50px}.detail-contact{padding:65px 6vw;background:#111;color:white}.detail-contact address{font-style:normal;line-height:1.8;margin:20px 0}.detail-contact .detail-button{background:#fff;color:#111}.brochure-link{display:inline-block;margin:24px;text-decoration:underline}footer{gap:20px;flex-wrap:wrap}.skip-link{position:absolute;left:20px;top:-100px;background:#fff;padding:16px;z-index:100}.skip-link:focus{top:10px}a:focus-visible,summary:focus-visible{outline:3px solid #a76d27;outline-offset:5px}.brand-search{padding:45px 0 0}.brand-search p{max-width:850px;line-height:1.8}.brand-search a{text-decoration:underline}.brand-search h3{font-size:24px;margin-bottom:16px}@media(max-width:760px){.detail-header{align-items:flex-start;flex-direction:column}.detail-header nav{font-size:13px;gap:14px}.detail-hero{grid-template-columns:1fr;padding-top:32px}.detail-hero>img{aspect-ratio:16/10}.detail-hero nav{margin-bottom:30px}.detail-grid,.detail-projects{grid-template-columns:1fr}.detail-section,.detail-contact{padding:45px 6vw}.detail-hero p,.detail-section p,.detail-contact p{font-size:16px}.brochure-link{margin-left:0;display:block}.hero h1.seo-home-title{font-size:clamp(32px,8vw,54px)}}


/* Fill the two remaining desktop gallery columns beside the final photo. */
.project-totals{grid-column:span 2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;gap:32px;padding:40px clamp(24px,4vw,64px)}
.project-total+ .project-total{border-left:1px solid #00000026;padding-left:32px}
.project-total strong{display:block;font-size:clamp(64px,7vw,110px);font-weight:400;letter-spacing:-.065em;line-height:1;color:#111;font-variant-numeric:lining-nums}
.project-total strong span{font-size:.6em;vertical-align:top;display:inline-block;margin-top:.12em;margin-left:.08em;color:#777}
.project-total p{margin:18px 0 0;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#555;line-height:1.6}
@media(max-width:1180px){.project-totals{grid-column:auto;grid-template-columns:1fr;gap:28px;padding:32px}.project-total+ .project-total{border-left:0;border-top:1px solid #00000026;padding:28px 0 0}.project-total strong{font-size:64px}}
@media(max-width:760px){.project-totals{padding:30px 8px;gap:24px}.project-total strong{font-size:64px}.project-total p{font-size:11px}}
/* Service pages share the homepage typography, navigation and section rhythm. */
.detail-page{background:var(--paper);padding-top:88px}
.detail-hero{padding:48px 7vw 40px;gap:4vw;grid-template-columns:1fr 1fr}
.detail-hero h1{font-weight:500;letter-spacing:-.055em;font-size:clamp(44px,4.8vw,76px);line-height:.98}
.detail-hero .kicker,.detail-section .kicker,.detail-contact .kicker{font-size:16px;letter-spacing:.17em;line-height:1.5}
.detail-hero p:not(.kicker),.detail-section p,.detail-contact p:not(.kicker){font-size:15px;line-height:1.85}
.detail-hero p:not(.kicker),.detail-section p{color:#666}
.detail-section{padding:56px 7vw;border:0;background:#fff}.detail-hero+.detail-section{padding-top:24px}
.detail-section:nth-of-type(even){background:var(--paper)}
.detail-section h2,.detail-contact h2{font-size:clamp(38px,4.5vw,68px);font-weight:500;line-height:1.02;letter-spacing:-.055em;max-width:1000px}
.detail-button{background:transparent;color:inherit;padding:16px 0;border-bottom:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:11px}
.service-hero-photo{margin:0;min-width:0}
.service-hero-photo img{display:block;width:100%;aspect-ratio:4/5;max-height:560px;object-fit:cover}.service-hero-photo img[src*="star-ceiling-cinema"]{aspect-ratio:4/3}
.service-hero-photo figcaption{font-size:10px;letter-spacing:.1em;text-transform:uppercase;line-height:1.7;margin-top:16px;color:#666}
.installation-section{background:#050505!important;color:#fff}
.installation-section .kicker{color:#aaa}
.installation-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}
.installation-gallery:has(>figure:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}
.installation-gallery figure{margin:0;min-width:0}
.installation-gallery img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block}
.installation-gallery figcaption{padding-top:24px}
.installation-gallery h3{font-size:23px;letter-spacing:-.025em;font-weight:500}
.installation-gallery p{color:#aaa;font-size:13px;line-height:1.8}
.detail-contact{padding:64px 7vw;background:#050505}
.detail-contact .detail-button{background:transparent;color:#fff}
.related-services{display:flex;flex-wrap:wrap;gap:20px 40px;padding:30px 7vw;background:#050505;color:#fff;border-top:1px solid #222;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
@media(max-width:1180px){.detail-page .topbar{grid-template-columns:1fr auto}.installation-gallery{gap:18px}}
@media(max-width:760px){.detail-hero{grid-template-columns:1fr;padding:32px 24px;gap:28px}.detail-hero h1{font-size:44px}.detail-section,.detail-contact{padding:40px 24px}.detail-hero .kicker,.detail-section .kicker,.detail-contact .kicker{font-size:14px}.service-hero-photo img{aspect-ratio:4/5}.installation-gallery,.installation-gallery:has(>figure:last-child:nth-child(2)){grid-template-columns:1fr;gap:40px}.installation-gallery img{aspect-ratio:4/5}.related-services{padding:30px 24px;flex-direction:column}.detail-section h2,.detail-contact h2{font-size:40px}}

.detail-projects:has(>.detail-card:only-child){grid-template-columns:1fr}.detail-projects>.detail-card:only-child{display:grid;grid-template-columns:1fr 1fr;align-items:center}.detail-projects>.detail-card:only-child img{height:100%;min-height:320px;object-fit:cover}.detail-projects>.detail-card:only-child>div{padding:clamp(24px,4vw,60px)}@media(max-width:760px){.detail-projects>.detail-card:only-child{grid-template-columns:1fr}.detail-projects>.detail-card:only-child img{height:auto;min-height:0}}

.installation-photo-link{display:block;overflow:hidden;cursor:zoom-in}.installation-photo-link:focus-visible{outline:2px solid white;outline-offset:5px}.installation-gallery{row-gap:32px}.installation-photo-link img[src*="lighting-scene-keypads"],.installation-photo-link img[src*="hallway-home-control"],.installation-photo-link img[src*="climate-scene-controls"]{object-position:75% center}@media(min-width:761px) and (max-width:1100px){.installation-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.automation-project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;margin-top:30px}.automation-project-gallery figure{margin:0;min-width:0}.automation-project-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.automation-project-gallery figcaption{padding:24px 0 0}.automation-project-gallery h3{font-size:24px;letter-spacing:-.025em;margin-bottom:12px}.automation-project-gallery p{font-size:13px;line-height:1.8}@media(max-width:760px){.automation-project-gallery{grid-template-columns:1fr;gap:36px}}

.automation-project-gallery>figure:last-child:nth-child(odd){grid-column:1/-1}.automation-project-gallery>figure:last-child:nth-child(odd) img{aspect-ratio:16/9;max-height:600px}.installation-gallery img[src*="automation-technician"]{object-position:center 65%}

/* Taller service photography across desktop and mobile cards. */
.service-card-image{height:clamp(180px,16vw,260px);flex-shrink:0}
@media(max-width:760px){.service-card-image{height:clamp(190px,50vw,280px)}}
/* Compact photo library, shared with the service-page galleries. */
.photo-library{background:#050505;color:#fff;padding-top:64px;padding-bottom:64px}
.photo-library-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:36px}
.photo-library-item{display:block;overflow:hidden;background:#181818;cursor:zoom-in}
.photo-library-item img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .25s ease}
.photo-library-item:hover img{transform:scale(1.035)}
.photo-library-item:focus-visible{outline:2px solid white;outline-offset:4px}
@media(min-width:1101px){.installation-gallery,.installation-gallery:has(>figure:last-child:nth-child(2)),.automation-project-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 18px}.installation-gallery img,.automation-project-gallery img,.automation-project-gallery>figure:last-child:nth-child(odd) img{aspect-ratio:4/3;max-height:none}.automation-project-gallery>figure:last-child:nth-child(odd){grid-column:auto}.installation-gallery h3,.automation-project-gallery h3{font-size:19px}.installation-gallery figcaption,.automation-project-gallery figcaption{padding-top:16px}}
@media(max-width:900px){.photo-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(max-width:600px){.photo-library{padding:40px 24px}.photo-library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:26px}}
@media(prefers-reduced-motion:reduce){.photo-library-item img{transition:none}.photo-library-item:hover img{transform:none}}

.photo-library-grid{row-gap:30px}.photo-library-card{margin:0;min-width:0}.photo-library-card figcaption{padding-top:16px}.photo-library-card h3{color:#fff;font-size:19px;font-weight:500;letter-spacing:-.025em;line-height:1.25;margin:0 0 10px}.photo-library-card p{color:#aaa;font-size:13px;line-height:1.8;margin:0}@media(max-width:600px){.photo-library-card h3{font-size:16px}.photo-library-card p{font-size:12px;line-height:1.6}.photo-library-card figcaption{padding-top:12px}}

.detail-contact .contact-whatsapp{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;margin:4px 0 4px 8px;padding:6px;background:#25d366;color:#071d0f;border-radius:50%;font-size:12px;font-weight:700;line-height:1.4;text-decoration:none;vertical-align:middle}.detail-contact .contact-whatsapp:hover{background:#55df89}.detail-contact .contact-whatsapp:focus-visible{outline:2px solid #fff;outline-offset:4px}

.map-address .contact-phone-number{white-space:nowrap}

/* Draw directional links as vectors so mobile browsers cannot substitute emoji. */
.link-arrow{display:inline-block;width:1em;height:1em;flex-shrink:0;vertical-align:-.1em;transition:transform .2s ease}
.talk-link{display:inline-flex;align-items:center;gap:12px}
.talk-link .link-arrow,.sector-copy a .link-arrow,.contact-form button .link-arrow,.detail-button .link-arrow,.related-services .link-arrow{width:20px;height:20px}
.service-card-copy h3 a{display:flex;align-items:baseline;gap:12px;text-decoration:none}
.service-card-copy h3 a span{min-width:0}
.service-card-copy h3 .link-arrow{width:20px;height:20px;margin-left:auto}
.detail-button .link-arrow,.related-services .link-arrow{margin-left:8px}
a:hover>.link-arrow,button:hover>.link-arrow,a:focus-visible>.link-arrow,button:focus-visible>.link-arrow{transform:translate(2px,-2px)}
@media(prefers-reduced-motion:reduce){.link-arrow{transition:none}a:hover>.link-arrow,button:hover>.link-arrow,a:focus-visible>.link-arrow,button:focus-visible>.link-arrow{transform:none}}

/* Keep the mobile project link in the rightmost header column. */
@media(max-width:760px){
  .topbar,.detail-page .topbar{grid-template-columns:minmax(0,1fr) auto}
  .topbar .talk-link{grid-column:2;justify-self:end}
}

/* Photo library images are display-only. */
.photo-library-item{cursor:default}
.photo-library-item:hover img{transform:none}
