/* The complete electrical service range shares one visual hierarchy. */
html { scroll-padding-top:140px; }
.hero { background:#06182f; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); min-height:720px; gap:5vw; padding-top:64px; padding-bottom:64px; }
.hero:before { background:radial-gradient(ellipse at 85% 15%,#11467b66,transparent 65%); }
.hero h1 { font-size:clamp(2.3rem,4.6vw,4.3rem); }
.hero .intro { color:#d6e3f3; font-size:1.125rem; }
.hero-film { min-width:0; border:1px solid #ffffff30; background:#0b294b; border-radius:8px; overflow:hidden; box-shadow:0 28px 60px #0004; }
.film-media { position:relative; aspect-ratio:4/3; background:#102f4c; }
.film-media video { width:100%; height:100%; object-fit:cover; display:block; }
#film-toggle { position:absolute; bottom:18px; right:18px; border:1px solid #ffffff80; background:#061b3aeb; color:#fff; padding:12px 17px; min-height:44px; border-radius:4px; font:700 .875rem Manrope,Arial,sans-serif; cursor:pointer; }
.film-caption { padding:24px 28px; }
.film-caption .eyebrow { margin-bottom:8px; font-size:.875rem; }
.film-caption>p:not(.eyebrow) { margin:0 0 12px; font-size:1.6rem; font-weight:800; line-height:1.25; }
.film-caption span { color:#d1e6fa; font-size:.875rem; }
.film-caption small { display:block; margin-top:10px; color:#b0c7df; font-size:.75rem; }
.service-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; border:0; }
.service-grid article { border:1px solid #dbe3ed; padding:0 28px 28px; border-radius:7px; overflow:hidden; background:#fff; }
.service-photo { margin:0 -28px 26px; aspect-ratio:16/9; overflow:hidden; background:#e6edf4; }
.service-photo img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.service-grid article:hover .service-photo img { transform:scale(1.045); }
.service-grid article:nth-child(2) img { object-position:75% 48%; }
.service-grid article:nth-child(6) img { object-position:25% 60%; }
.service-grid h3 { margin:14px 0 12px; font-size:1.5rem; }
.service-grid p,.client-list p { font-size:1rem; }
.service-grid article a { font-size:1rem; padding-top:6px; }
.service-grid article:before { display:none; }
.service-grid article:hover { background:#f8fbff; transform:translateY(-3px); }
.services { background:#f6f9fc; }
.service-ribbon { position:relative; }
.ribbon-track { animation:none; flex-wrap:wrap; justify-content:center; width:auto; }
.ribbon-track span { white-space:normal; padding:13px 20px; }
.ribbon-track span[aria-hidden] { display:none; }
.ribbon-track span:before { display:none; }
@media(max-width:1100px) { .hero { grid-template-columns:1fr; } .hero-film { max-width:760px; } .film-media { aspect-ratio:16/9; } }
@media(max-width:600px) { .service-grid { grid-template-columns:1fr; gap:24px; } .hero { padding:42px 20px 48px; min-height:0; gap:36px; } .film-caption { padding:20px; } .film-caption>p:not(.eyebrow) { font-size:1.35rem; } .service-grid article { padding:0 22px 24px; } .service-photo { margin:0 -22px 22px; } .ribbon-track span { font-size:.875rem; padding:10px 14px; } }
@media(prefers-reduced-motion:reduce) { .service-photo img { transition:none; } .service-grid article:hover .service-photo img { transform:none; } }
.film-media { aspect-ratio:16/9; }
#film-toggle { top:14px; bottom:auto; right:14px; }