/* Biltech: shared rhythm and page-specific compositions. Loaded after legacy styles. */
:root{--space-section:clamp(68px,7.5vw,112px);--motion-ease:cubic-bezier(.22,.61,.36,1);--motion-distance:18px}
html{scroll-padding-top:100px}
body{line-height:1.65}
img{max-width:100%}
.container{width:min(1240px,calc(100% - 80px))}
main h1,main h2,main h3{text-wrap:balance}
main h2{line-height:1.12;letter-spacing:-.045em}
main p{text-wrap:pretty}
main :is(.hero-actions,.contact-actions){flex-wrap:wrap}
:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.button{min-height:50px;padding:13px 22px;gap:24px;border-radius:2px;font-size:12px;line-height:1.4;font-weight:700;transition:background .2s,border-color .2s,color .2s}
.button:hover{transform:none}
.button span,.text-link span,.quote-link span,.home-arrow-link span{display:inline-block;transition:transform .22s var(--motion-ease)}
:is(.button,.text-link,.quote-link,.home-arrow-link):hover span{transform:translateX(3px)}
.eyebrow,.home-kicker{font-size:10px;line-height:1.6;letter-spacing:.12em}
/* No invisible content if JS fails or is disabled. */
html body [data-reveal]{opacity:1;transform:none;transition:none}
html.motion-ready body [data-reveal]{transition:opacity 600ms var(--motion-ease),transform 600ms var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
html.motion-ready body [data-reveal]:not(.visible){opacity:0;transform:translateY(var(--motion-distance))}
html.motion-ready body [data-reveal].visible{opacity:1;transform:none}
html.motion-ready body figure[data-reveal]{transition-duration:700ms}
/* Compact, high contrast navigation. Original logo asset is kept. */
html body .site-header{z-index:100;background:#fff;border-bottom:1px solid #dfe6ed;backdrop-filter:none;transition:box-shadow .25s,border-color .25s}
html body .site-header.is-scrolled{background:#fff;box-shadow:0 5px 20px #08152408;border-bottom-color:#cad6e1}
html body .site-header .nav-wrap{min-height:78px;gap:28px}
html body .site-header .brand img{width:165px;opacity:1;filter:none}
html body .site-header .brand:after{display:none}
html body .site-header .main-nav>a,html body .site-header :is(.services-toggle,.policies-toggle){color:#405064;font-size:12px}
html body .site-header .main-nav>a.active,html body .site-header .main-nav>a:hover,html body .site-header :is(.services-toggle,.policies-toggle).active{color:var(--blue)}
html body .site-header .quote-link{display:inline-flex;min-height:44px;padding:10px 16px;border:1px solid #cbd8e6;background:#f4f7fb;color:#173451;border-radius:2px;font-size:11px;gap:15px}
html body .site-header .quote-link span{color:var(--blue)}
html body .site-header .quote-link:hover{background:#eaf1fa;border-color:#8facd2}
html body .site-header .mega-menu{backdrop-filter:none}
html body .site-header .mega-panel{border-radius:3px;box-shadow:0 18px 38px #08152412}
html body .site-header .mega-image{overflow:hidden}
html body .site-header .mega-image:after{display:none!important}
html body .site-header .mega-index{display:none}
html body .site-header .mega-copy{padding-top:18px}
html body .site-header .mega-copy p{font-size:11px;line-height:1.6}
html body .site-header .mega-footer{border-radius:2px}
.site-footer{padding:65px 0 24px;border-top:1px solid #293748}
.site-footer p,.footer-top>div:not(:first-child){font-size:12px;line-height:1.8}
.site-footer p{max-width:330px;color:#a1b0bf}
.footer-contact{color:#a1b0bf}
.footer-top{grid-template-columns:1.5fr 1.2fr .7fr 1fr;gap:42px}
.footer-top a:not(.brand){width:fit-content;padding:3px 0}
.footer-bottom{color:#8f9fb0;font-size:10px}
/* Home: company first, image in the landscape, services only once. */
.biltech-hero{position:relative;background:#f4f6f7;padding:145px 0 34px;color:var(--ink)}
.biltech-hero-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:64px;align-items:center}
.biltech-hero-copy{position:relative;z-index:1;padding:10px 0 26px}
.biltech-hero-copy .eyebrow{margin-bottom:28px}
.biltech-hero h1{margin:0 0 26px;max-width:650px;font-size:clamp(46px,4.65vw,68px);line-height:1.06;font-weight:600;letter-spacing:-.058em;text-wrap:initial}
.biltech-hero h1 em{font-style:normal;color:var(--blue)}
.biltech-hero-lead{max-width:430px;color:#566779;font-size:15px;line-height:1.85;margin-bottom:0}
.biltech-hero .hero-actions{margin-top:30px}
.biltech-hero .button-ghost{color:#294157;border-color:#bdcbd7;background:transparent}
.biltech-hero .button-ghost:hover{background:#e8eef3}
.biltech-hero-media{position:relative;margin:0;align-self:stretch;min-height:480px;background:#c3c5be}
.biltech-hero-media img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:43% center}
.biltech-hero-media:after{content:'';position:absolute;bottom:0;left:0;right:0;height:25%;background:linear-gradient(transparent,#08152499);pointer-events:none}
.biltech-hero-media figcaption{position:absolute;z-index:1;bottom:23px;left:24px;right:24px;display:flex;justify-content:space-between;gap:16px;color:white;font:10px/1.5 'DM Mono',monospace}
.biltech-hero-base{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-top:38px;padding-top:24px;border-top:1px solid #ccd6dc;align-items:start}
.biltech-hero-base p{max-width:540px;color:#617284;font-size:12px;line-height:1.75;margin:0}
.biltech-hero .hero-proof-line{display:flex;flex-wrap:wrap;gap:12px 28px;color:#526779;font:10px/1.7 'DM Mono',monospace;letter-spacing:.05em}
.biltech-hero .hero-proof-line span+span{padding-left:28px;border-left:1px solid #bfccd6}
@keyframes biltech-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-enter{animation:biltech-enter 620ms var(--motion-ease) both;animation-delay:var(--enter-delay,0ms)}}
.home-solutions{padding:var(--space-section) 0;background:#fff;border:0;--solution-line:#d6dfe6;--solution-image-height:290px}
.home-solutions .home-kicker{color:var(--blue)}
.home-solutions .home-section-head{margin-bottom:52px}
.home-solutions .home-section-head h2{color:var(--ink);font-size:clamp(34px,3.6vw,48px);max-width:710px}
.home-solutions .home-section-head>p{color:#627486;font-size:14px}
.solution-list{gap:0}
.solution-row{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);padding:30px 0;border:0;border-top:1px solid var(--solution-line);border-radius:0;background:transparent;overflow:visible;column-gap:8%}
.solution-row:last-child{border-bottom:1px solid var(--solution-line)}
.solution-row-reverse{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.solution-copy{padding:22px 0}
.solution-copy h3{color:var(--ink);font-size:clamp(27px,2.5vw,36px);max-width:440px}
.solution-copy p{font-size:14px;color:#617183;max-width:400px;margin-bottom:18px}
.solution-copy small{font-size:10px;color:#65788a;border:0;padding-top:0;line-height:1.9}
.solution-meta{color:var(--blue);margin-bottom:18px}
.solution-meta:after{display:none}
.solution-media:after{display:none}
.solution-media img{filter:none}
.solution-copy h3 a:hover{color:var(--blue)}
.home-development{padding:var(--space-section) 0;background:#091827}
.development-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:7%}
.development-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.12;letter-spacing:-.045em}
.development-copy>p:not(.home-kicker){font-size:15px}
.development-capabilities span{font-size:10px;line-height:1.6}
.gps-product{padding:0;min-width:0}
.gps-product-head small{color:#a6b9ca;font-size:10px}
.gps-screens{display:block;padding:16px 60px 30px 0;min-height:0}
.gps-screen-desktop{position:relative;margin:0;height:auto;aspect-ratio:3/2;padding:0;border:0;box-shadow:none;background:#102435;overflow:hidden}
.gps-screen-desktop img{display:block;width:100%;height:100%;object-fit:cover}
.gps-screen-mobile{right:0;bottom:0;width:23%;height:auto;aspect-ratio:865/1819;margin:0;padding:4px;border:1px solid #627484;border-radius:10px;overflow:hidden;background:#122434;box-shadow:0 12px 28px #0003}
.gps-screen-mobile img{display:block;width:100%;height:auto;border-radius:6px}
.gps-product-link{margin-top:24px}
.home-about{padding:var(--space-section) 0;background:#f6f7f5}
.home-about .about-image{min-height:470px;height:520px}
.home-about .about-image img{min-height:0;height:100%;object-position:44% center;filter:none}
.home-about .about-copy h2{font-size:clamp(34px,3.3vw,46px);line-height:1.13}
.home-about .about-copy>p:not(.home-kicker){font-size:14px}
.home-about .about-facts{grid-template-columns:1fr 1fr;gap:22px;margin-top:30px}
.home-about .about-facts div{min-height:0;padding:0;margin:0;border:0}
.home-about .about-facts strong,.home-about .about-facts div:first-child strong{font:500 12px/1.5 'DM Mono',monospace}
.home-about .about-facts span{font-size:11px}
.home-contact{padding:80px 0}
.home-contact h2{font-size:clamp(36px,4vw,54px);line-height:1.12}
/* Shared technical pages: fractions account for the gutters. */
.service-section{padding:var(--space-section) 0}
.electric-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:7%;min-height:0}
.electric-intro-grid,.solar-grid,.integration-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%}
.service-heading h2{font-size:clamp(32px,3.4vw,46px);line-height:1.14;letter-spacing:-.045em}
.service-heading>p:last-child{font-size:14px}
/* Electrical: restrained blueprint, prominent professional credential. */
.electric-page-hero{padding:145px 0 76px;background:#edf2f5;color:var(--ink)}
.electric-page-hero:before{opacity:.12;background-size:48px 48px;background-image:linear-gradient(#8295a533 1px,transparent 1px),linear-gradient(90deg,#8295a533 1px,transparent 1px)}
.electric-hero-copy .eyebrow{color:var(--blue)}
.electric-hero-copy h1{font-size:clamp(42px,4.4vw,62px);line-height:1.08;letter-spacing:-.05em}
.electric-hero-copy h1 span{color:#476279}
.electric-hero-copy .electric-lead{color:#223c53;font-size:18px}
.electric-hero-copy>p:not(.eyebrow):not(.electric-lead){color:#596f81;font-size:14px}
.electric-hero-copy .button-ghost{color:#284962;border-color:#b5c8d5}
.electric-hero-meta{color:#5a6e7e;font-size:10px;gap:12px;margin-top:28px}
.electric-hero-meta span:before{color:var(--blue)}
.electric-hero-visual{min-height:450px;background:#f8fafb;border:1px solid #c0cfd9}
.electric-grid-lines{background-image:linear-gradient(#47677e0a 1px,transparent 1px),linear-gradient(90deg,#47677e0a 1px,transparent 1px);background-size:32px 32px}
.electric-circuit{background:#8099ac;box-shadow:none}
.electric-circuit:after{border-color:#597b94;background:#fff}
.electric-node{color:#47667d;border-color:#9db0be;background:#f8fafb;box-shadow:none}
.electric-panel{top:27%;background:#f8fafb;border-color:#9aaebc;box-shadow:0 0 0 6px #f8fafb}
.electric-panel small,.electric-panel span{color:#587183;line-height:1.6}
.electric-panel strong{color:#1c405a}
.electric-panel i{background:var(--blue)}
.service-ingenieria-electrica .sec-badge{right:18px;left:18px;bottom:18px;width:auto;max-width:none;min-height:108px;background:#fff;border:1px solid #b9cbd8;gap:20px;padding:18px}
.service-ingenieria-electrica .sec-badge span{font-size:12px;color:#304e65}
.service-ingenieria-electrica .sec-badge b{color:#133c5e;font-size:17px}
.service-ingenieria-electrica .sec-badge small{font-size:11px;color:#617585}
.electric-intro-grid>div:last-child>p:not(.eyebrow),.solar-grid p:not(.eyebrow),.integration-strip>div:last-child>p{font-size:14px}
.electric-capabilities{background:#f5f7f8}
.service-ingenieria-electrica .capability-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;background:transparent;border:0;border-top:1px solid #cbd7df}
.capability-grid>div{padding:28px;min-height:0;border-right:1px solid #cbd7df;border-bottom:1px solid #cbd7df}
.capability-grid>div:nth-child(3n){border-right:0}
.capability-grid h3{margin:22px 0 14px;font-size:22px}
.capability-grid p{font-size:13px;line-height:1.8;min-height:0}
.capability-grid small{font-size:9px;line-height:1.8;color:#536f83}
.process-line span{font-size:12px;line-height:1.7}
.electric-solar{background:#fff;color:var(--ink)}
.electric-solar h2{color:var(--ink)}
.electric-solar .eyebrow{color:var(--blue)}
.electric-solar .solar-grid p:not(.eyebrow){color:#607486}
.electric-solar .solar-visual{margin:0;height:400px;min-height:0;border:0;background:#d3dbe0}
.solar-visual img{width:100%;height:100%;object-fit:cover;display:block}
.solar-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:17px 20px;background:#0b1c2de8;color:#fff;font:9px/1.5 'DM Mono',monospace}
.electric-solar .solar-tags span{color:#49647b;background:transparent;border-color:#c6d4de}
.integration-list span{font-size:12px}
/* Metal: larger photography, material detail, quieter visual diagrams. */
.metal-hero{padding:140px 0 76px;background:#192126}
.metal-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:6%}
.metal-hero-copy h1{font-size:clamp(42px,4.3vw,60px);line-height:1.08;letter-spacing:-.045em}
.metal-hero-copy h1 em{color:#c2d3dc}
.metal-hero-photo{height:540px;min-height:0;box-shadow:none;border:0}
.metal-hero-photo img{height:100%;min-height:0;filter:none;opacity:1;content:normal}
.metal-hero-photo:after{background:linear-gradient(transparent 72%,#09131bb3)}
.metal-hero-photo span{font-size:10px;color:#fff}
.metal-capabilities{background:#f4f4f1}
.metal-capability-grid article{min-height:0;padding:28px}
.metal-capability-grid h3{margin:28px 0 20px}
.metal-capability-grid ul{font-size:13px;line-height:2.05}
.metal-critical{background:#fff;color:var(--ink)}
.metal-critical-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:7%;align-items:center}
.metal-critical .eyebrow,.metal-access .eyebrow{color:var(--blue)}
.metal-critical-copy h2,.metal-access-copy h2{font-size:clamp(32px,3.4vw,46px);line-height:1.14;letter-spacing:-.045em}
.metal-critical-copy>p:not(.eyebrow),.metal-access-copy>p:not(.eyebrow){color:#607384;font-size:14px}
.metal-critical-copy strong{color:#263e50}
.metal-critical-visual{height:470px;min-height:0;border:0}
.metal-critical-visual img{height:100%;min-height:0;filter:none;object-position:center;content:normal}
.metal-visual-note{max-width:260px}
.metal-flow{border-color:#d0dce3;gap:12px}
.metal-flow b,.metal-flow i{color:var(--blue)}
.metal-flow span{color:#516a7c}
.metal-access{background:#eef1f1}
.metal-access-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7%}
.metal-access-visual{position:relative;margin:0;height:460px;overflow:hidden;background:#24333b}
.metal-access-visual img{display:block;width:100%;height:100%;object-fit:cover}
.metal-access-visual figcaption{position:absolute;bottom:0;left:0;right:0;padding:20px;color:#fff;background:#142330de;font:10px/1.6 'DM Mono',monospace}
.metal-integrations span{font-size:10px}
.metal-integration .eyebrow{color:var(--blue)}
.metal-integration-step,.metal-process-line>div{min-width:0;padding:14px}
.metal-integration-step strong,.metal-process-line strong{font-size:14px}
.metal-integration-step span,.metal-process-line span{font-size:12px}
.service-next{padding:76px 0}
/* Security retains its imagery and story; monitoring is a deliberate dark accent. */
.security-page h1{font-size:clamp(42px,4.5vw,64px);line-height:1.08;letter-spacing:-.045em}
.security-page h2{font-size:clamp(34px,3.6vw,50px);line-height:1.13;letter-spacing:-.045em}
.security-hero{padding:140px 0 76px}
.security-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%}
.security-hero-media{min-height:0;height:500px;box-shadow:none}
.security-hero-media img{min-height:0;height:100%;filter:none}
.security-section{padding:var(--space-section) 0}
.security-feature-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%}
.security-editorial-head{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.security-monitor{padding:28px;background:#0c1c2a;width:min(820px,100%);margin:56px 0 0 auto}
.security-monitor img{max-height:460px;object-fit:contain}
.security-monitor figcaption{color:#b3c4d1;font-size:12px;line-height:1.7}
.security-monitor figcaption span{color:#72d7df}
.security-cctv-media img{filter:none}
.security-closing:after{display:none}
.security-automation-slideshow .security-slides{position:relative;aspect-ratio:4/3;height:auto;min-height:0}
.security-automation-slideshow .security-slide{position:absolute;inset:0;width:100%;height:100%;min-height:0;animation:none;opacity:1;object-fit:cover}
.security-automation-slideshow .security-slide[hidden]{display:none}
.security-view-controls{position:absolute;z-index:3;top:16px;left:16px;display:flex;gap:4px;padding:4px;background:#0a1a29;border:1px solid #48606f;border-radius:3px}
.security-view-controls button{min-height:36px;padding:7px 14px;background:transparent;border:0;border-radius:2px;color:#c7d5df;font:600 11px Manrope,sans-serif;cursor:pointer}
.security-view-controls button[aria-pressed=true]{background:#fff;color:#17324a}
/* About: earlier photograph, open editorial treatment, concise text retained. */
.about-page .about-presentation{padding:128px 0 36px;background:#f6f7f5}
.about-page .about-presentation:before,.about-page .about-presentation:after{display:none}
.about-page .about-presentation-grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:5%;padding-top:0;align-items:center}
.about-page .about-presentation h1{font-size:clamp(38px,4vw,56px);line-height:1.1;letter-spacing:-.05em}
.about-page .about-presentation-copy{max-width:490px;font-size:15px;line-height:1.8;padding:26px 0 0}
.about-page .about-field{padding:0 0 48px;background:#f6f7f5;color:var(--ink)}
.about-page .about-field-visual{height:auto;aspect-ratio:4/5;background:#e3e3dd}
.about-page .about-field-visual img{object-position:center 65%}
.about-page .about-field-intro{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:5%;padding:24px 0 0}
.about-page .about-field-intro h2{max-width:460px;color:var(--ink);font-size:clamp(28px,2.6vw,36px);line-height:1.18}
.about-page .about-field-intro p,.about-page .about-facts p{color:#617383}
.about-page .about-facts{border-color:#ced8df}
.about-page .about-facts>div{border-color:#ced8df;min-height:0;padding-top:25px;padding-bottom:25px}
.about-page .about-facts strong{color:var(--blue)}
.about-page .about-approach{padding:54px 0}
.about-page .about-approach-heading{display:block;padding-bottom:26px}
.about-page .about-approach h2,.about-page .about-closing h2{font-size:clamp(30px,3vw,42px);line-height:1.15}
.about-page .about-principles article{min-height:0;padding-top:26px}
.about-page .about-principles article>span{margin-bottom:32px}
.about-page .about-closing{padding:48px 0}
.about-page .about-closing-inner{align-items:center}
.about-page .about-closing h2{max-width:520px}
/* Service directory and contact are part of the same system. */
.service-index-hero{padding:145px 0 66px;background:#f1f4f6}
.service-index-hero h1{max-width:850px;font-size:clamp(42px,4.8vw,64px);line-height:1.1;letter-spacing:-.05em}
.service-index-hero p:not(.eyebrow){max-width:610px;font-size:15px;line-height:1.8}
.service-index-row{padding:34px 0;grid-template-columns:50px minmax(0,1fr) auto;gap:28px}
.service-index-row h2{font-size:clamp(25px,2.7vw,36px)}
.service-index-row p{font-size:14px}
.service-index-row>a{font-size:12px;min-height:44px;display:inline-flex;align-items:center;gap:16px}
.service-index-row>a b{transition:transform .2s}
.service-index-row>a:hover b{transform:translate(2px,-2px)}
.contact-page-standalone{padding:145px 0 90px}
.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%}
.contact-copy h1{font-size:clamp(40px,4.3vw,60px);line-height:1.1;letter-spacing:-.045em}
.contact-form{padding:34px;border:1px solid #d6e0e7;background:#f4f7f9;gap:24px}
.contact-form label{font-size:12px;min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;font:14px/1.6 Manrope,sans-serif;border-radius:0}
.contact-form textarea{resize:vertical}
.contact-form :is(input,select,textarea):focus-visible{outline:2px solid var(--blue);outline-offset:3px}
/* Tablet: deliberate two-column layouts where readable, single-column elsewhere. */
@media(max-width:1050px){
 .container{width:calc(100% - 56px)}
 .biltech-hero-layout{column-gap:36px}.biltech-hero h1{font-size:50px}.biltech-hero-media{min-height:450px}
 .biltech-hero-base{gap:36px}
 .site-header .main-nav{gap:20px}
 .electric-hero-grid,.metal-hero-grid{gap:5%}
 .electric-hero-copy h1,.metal-hero-copy h1{font-size:46px}
 .electric-hero-visual{min-height:450px}
 .metal-hero-photo{height:480px}
 .metal-integration-flow,.metal-process-line{gap:6px}.metal-integration-step,.metal-process-line>div{padding:10px 8px}
 .security-hero-grid{gap:5%}.security-hero-media{height:460px}
 .footer-top{gap:28px}
}
@media(min-width:721px) and (max-width:900px){
 html body .site-header .nav-wrap{gap:18px}html body .site-header .brand img{width:135px}html body .site-header .main-nav{gap:18px}
 html body .site-header .quote-link{padding:9px 11px;font-size:10px;gap:8px}
 .biltech-hero-layout{column-gap:28px}.biltech-hero h1{font-size:43px}.biltech-hero-media{min-height:430px}
 .biltech-hero .button{padding:12px 15px;font-size:11px;gap:12px}
 .development-layout{grid-template-columns:1fr}.gps-product{margin-top:42px;max-width:680px}
 .about-page .about-presentation-grid{gap:6%}.about-page .about-presentation h1{font-size:44px}
}
@media(max-width:800px){
 .electric-hero-grid,.electric-intro-grid,.solar-grid,.integration-strip,.metal-hero-grid,.metal-critical-grid,.metal-access-grid,.security-hero-grid,.security-feature-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:36px}
 .electric-hero-copy{padding:0}.electric-hero-visual{margin:0;min-height:380px}.electric-panel{top:22%}
 .metal-hero-photo{margin:0;height:430px}.metal-critical-visual{margin:0;height:400px}
 .metal-access-copy{margin:0}.metal-access-visual{height:380px}
 .service-ingenieria-electrica .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .capability-grid>div:nth-child(3n){border-right:1px solid #cbd7df}.capability-grid>div:nth-child(2n){border-right:0}
 .solar-grid>div:last-child,.integration-strip>div:last-child,.electric-intro-grid>div:last-child{margin:0}
 .security-hero-media{height:420px}.security-feature-grid-reverse .security-feature-media{order:0}
 .contact-grid{gap:36px;grid-template-columns:minmax(0,1fr)}
 .contact-copy>p{max-width:560px}.contact-info{grid-template-columns:1fr 1fr;margin-top:30px}
}
/* Phone: comfortable type and touch targets; no oversized hero panels. */
@media(max-width:720px){
 :root{--space-section:64px;--motion-distance:12px}
 .container{width:calc(100% - 40px)}
 html{scroll-padding-top:84px}
 html body .site-header .nav-wrap{min-height:66px;gap:12px}
 html body .site-header .brand img{width:118px}
 html body .site-header .quote-link{order:2;margin-left:auto;min-height:38px;padding:8px 10px;font-size:9px;gap:6px}
 html body .site-header .quote-link span{font-size:13px}
 html body .site-header .menu-toggle{order:3;margin:0;padding:10px 4px;min-width:36px;min-height:44px}
 html body .site-header .menu-toggle span{background:#17324a}
 html body .site-header .main-nav{top:66px;right:0;left:0;max-height:calc(100dvh - 66px);overflow-y:auto;overscroll-behavior:contain;margin:0;padding:14px 20px 22px;background:#fff;border:0;border-bottom:1px solid #cbd8e3;box-shadow:0 12px 24px #08152412}
 html body .site-header .main-nav>a,html body .site-header :is(.services-toggle,.policies-toggle){font-size:14px;min-height:46px;padding:12px 0;border-bottom:1px solid #e3e9ef}
 html body .site-header .mega-menu{position:static;padding:8px 0 14px;margin:0;width:100%;max-height:none;box-shadow:none;background:transparent;border:0}
 html body .site-header .mega-menu:not(.open){display:none}
 html body .site-header .mega-panel{width:100%;margin:0;padding:0;border:0;box-shadow:none;background:transparent}
 html body .site-header .mega-head,html body .site-header .mega-footer,html body .site-header .mega-image{display:none}
 html body .site-header .mega-grid{display:grid;grid-template-columns:1fr;gap:0}
 html body .site-header .mega-item{display:block;padding:0;border:0;border-radius:0;background:none}
 html body .site-header .mega-copy{padding:0}
 html body .site-header .mega-copy b{min-height:0;margin:0;padding:12px 0 12px 14px;font-size:13px;line-height:1.5;font-weight:500}
 html body .site-header .mega-copy br{display:none}
 html body .site-header .mega-copy p,html body .site-header .mega-copy strong{display:none}
 .button{min-height:48px;padding:12px 18px}
 .biltech-hero{padding:105px 0 28px}
 .biltech-hero-layout{grid-template-columns:minmax(0,1fr);gap:0}
 .biltech-hero-copy{padding:0 0 30px}
 .biltech-hero-copy .eyebrow{margin-bottom:22px;font-size:9px}
 .biltech-hero h1{font-size:clamp(38px,9.7vw,52px);line-height:1.08;letter-spacing:-.05em;margin-bottom:22px}
 .biltech-hero-lead{font-size:14px;line-height:1.75;max-width:440px}
 .biltech-hero .hero-actions{gap:10px;margin-top:24px}
 .biltech-hero .button{font-size:11px;padding:12px 16px;gap:14px}
 .biltech-hero-media{min-height:0;height:300px}
 .biltech-hero-media img{object-position:40% 56%}
 .biltech-hero-media figcaption{left:16px;right:16px;bottom:16px;font-size:9px}
 .biltech-hero-base{display:block;margin-top:24px;padding-top:20px}
 .biltech-hero .hero-proof-line{font-size:9px;gap:18px}
 .biltech-hero .hero-proof-line span+span{padding-left:18px}
 .biltech-hero-base p{margin-top:16px;font-size:12px;max-width:440px}
 .home-section-head{display:block}.home-solutions .home-section-head{margin-bottom:32px}
 .home-solutions .home-section-head h2,.development-copy h2,.home-about .about-copy h2{font-size:34px;line-height:1.14}
 .home-solutions .home-section-head>p{margin-top:20px;font-size:14px}
 .solution-row,.solution-row-reverse{display:flex;gap:0;padding:24px 0 14px}
 .solution-media{height:240px;order:0}.solution-row-reverse .solution-media{order:0}
 .solution-copy{padding:24px 0 14px}.solution-copy h3{font-size:28px;margin-bottom:14px}
 .solution-copy p{margin-bottom:16px}.solution-copy small{font-size:10px}
 .solution-meta{font-size:9px;margin-bottom:14px}
 .development-layout{display:block}.development-copy>p:not(.home-kicker){font-size:14px}
 .development-capabilities{grid-template-columns:1fr 1fr}.development-capabilities span{font-size:9px;padding:14px 4px 14px 0}
 .development-capabilities span:nth-child(even){border-left:1px solid #294157;padding-left:12px}
 .gps-product{margin-top:40px}.gps-product-head small{display:block;font-size:9px}
 .gps-screens{padding:8px 32px 30px 0}.gps-screen-desktop{height:auto}.gps-screen-mobile{width:23%;height:auto}
 .home-about .about-image{height:350px;min-height:0}.home-about .about-copy{margin-top:32px}
 .home-about .about-facts{gap:20px}.home-about .about-facts div{border:0;padding:0}
 .home-contact{padding:64px 0}.home-contact h2{font-size:36px}
 .home-contact .contact-actions{gap:22px}
 .electric-page-hero,.metal-hero,.security-hero{padding:110px 0 54px}
 .electric-hero-copy h1,.metal-hero-copy h1,.security-page h1{font-size:clamp(38px,9.5vw,48px);line-height:1.1}
 .electric-hero-copy .electric-lead{font-size:16px}
 .electric-hero-meta{font-size:9px;gap:8px 14px}
 .electric-hero-visual{min-height:350px}
 .service-ingenieria-electrica .sec-badge{left:12px;right:12px;bottom:12px;padding:14px;gap:14px}
 .service-ingenieria-electrica .sec-badge b{font-size:15px}.service-ingenieria-electrica .sec-badge small{font-size:10px}
 .service-ingenieria-electrica .capability-grid{grid-template-columns:1fr}
 .capability-grid>div,.capability-grid>div:nth-child(3n){padding:26px 0;border-right:0}
 .capability-grid h3{margin:16px 0 12px}
 .service-heading h2,.electric-intro h2,.solar-grid h2,.integration-strip h2,.metal-critical-copy h2,.metal-access-copy h2,.security-page h2{font-size:32px;line-height:1.15}
 .service-heading>p:last-child{font-size:14px}
 .electric-solar .solar-visual{height:300px}
 .metal-hero-photo{height:350px;min-height:0}.metal-hero-photo img{min-height:0}
 .metal-capability-grid article{padding:25px 0}
 .metal-critical-visual,.metal-access-visual{height:320px;min-height:0}.metal-critical-visual img{min-height:0}
 .metal-flow{grid-template-columns:1fr 1fr}.metal-flow span{font-size:12px}
 .metal-integration-flow,.metal-process-line{gap:14px;grid-template-columns:1fr 1fr}
 .metal-integration-step,.metal-process-line>div{padding:14px 10px}
 .service-next{padding:64px 0}.service-next h2{font-size:34px}
 .security-hero-copy{padding:0}.security-hero-copy>p:not(.eyebrow){font-size:14px;margin:22px 0 26px}
 .security-hero-media,.security-hero-media img{min-height:0;height:330px;box-shadow:none}
 .security-cctv-media,.security-cctv-media img,.security-feature-media,.security-feature-media img{min-height:0}
 .security-cctv-media img{height:300px}.security-feature-media img{height:320px}
 .security-monitor{padding:16px;margin-top:36px}.security-monitor img{height:auto}
 .security-prose p,.security-editorial-head>p,.security-feature-copy p{font-size:14px}
 .security-automation-slideshow .security-slide{height:100%;min-height:0}
 .security-automation-slideshow figcaption{position:static;padding:16px;border-left:0;background:#102535}
 .security-automation-slideshow .security-slides{min-height:0}
 .security-closing{padding:64px 0}
 .about-page .about-presentation{padding:100px 0 24px}
 .about-page .about-presentation-grid{display:block;padding-top:0}
 .about-page .about-presentation h1{font-size:clamp(36px,9vw,46px);line-height:1.12}
 .about-page .about-presentation-copy{padding-top:25px;font-size:14px}
 .about-page .about-field{padding:0 0 36px}.about-page .about-field-visual{height:auto;aspect-ratio:4/5;max-width:480px;margin:26px auto 0}
 .about-page .about-field-intro{display:block;padding:12px 0 0}.about-page .about-field-intro h2{font-size:28px}
 .about-page .about-field-intro p{font-size:14px;margin-top:16px}
 .about-page .about-facts>div{padding:22px 0}
 .about-page .about-approach h2,.about-page .about-closing h2{font-size:32px;line-height:1.15}
 .about-page .about-principles article>span{margin-bottom:20px}
 .about-page .about-approach{padding:36px 0}
 .about-page .about-approach-heading{padding-bottom:20px}
 .about-page .about-principles article{padding-top:22px;padding-bottom:22px}
 .about-page .about-closing{padding:36px 0}
 .service-index-hero{padding:110px 0 48px}.service-index-hero h1{font-size:40px}
 .service-index-row{grid-template-columns:minmax(0,1fr);gap:15px;padding:28px 0}.service-index-row>span{display:none}
 .service-index-row h2{font-size:28px}.service-index-row p{margin-bottom:0}
 .contact-page-standalone{padding:110px 0 64px}.contact-copy h1{font-size:40px}
 .contact-form{padding:24px 20px;gap:22px}.contact-form :is(input,select,textarea){font-size:16px}
 .contact-info{gap:20px;font-size:13px}
 .footer-top{grid-template-columns:1fr 1fr;gap:32px 20px}.footer-top>div:first-child{grid-column:1/-1}
 .site-footer{padding:45px 0 24px}.footer-top>div:not(:first-child){font-size:12px;gap:8px}
 .footer-top a:not(.brand){padding:6px 0}.footer-bottom{margin-top:36px}
 html.motion-ready body [data-reveal]{transition-duration:480ms;transition-delay:calc(var(--reveal-delay,0ms) / 2)}
 html.motion-ready body figure[data-reveal]{transition-duration:550ms}
 .hero-enter{animation-duration:480ms;animation-delay:calc(var(--enter-delay,0ms) * .65)}
}
@media(max-width:360px){
 .container{width:calc(100% - 32px)}
 html body .site-header .brand img{width:102px}html body .site-header .quote-link{font-size:8px;padding:7px 8px}
 .biltech-hero h1{font-size:36px}.biltech-hero .button{padding:12px;font-size:10px;gap:10px}
 .development-capabilities{grid-template-columns:1fr}.development-capabilities span:nth-child(even){border-left:0;padding-left:0}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 html body [data-reveal],html.motion-ready body [data-reveal]:not(.visible){opacity:1;transform:none;transition:none}
 .hero-enter{animation:none}
 .button span,.text-link span,.quote-link span,.home-arrow-link span,.solution-media img{transition:none}
 .solution-row:hover .solution-media img{transform:none}
}
@media print{html body [data-reveal],html.motion-ready body [data-reveal]:not(.visible){opacity:1;transform:none}.hero-enter{animation:none}.site-header{position:static!important}}
/* Override the legacy transparent-header state on both light and dark pages. */
html body .site-header.site-header .brand img{opacity:1;width:165px;filter:none}
html body .site-header.site-header .brand:after{display:none}
html body .site-header.site-header .main-nav>a,html body .site-header.site-header :is(.services-toggle,.policies-toggle){color:#405064}
html body .site-header.site-header .main-nav>a.active,html body .site-header.site-header :is(.services-toggle,.policies-toggle).active{color:var(--blue)}
html body .site-header.site-header .quote-link{background:#f4f7fb;color:#173451;border-color:#cbd8e6}
@media(max-width:900px) and (min-width:721px){html body .site-header.site-header .brand img{width:135px}}
@media(max-width:720px){
 html body .site-header.site-header .brand img{width:118px}
 html body .site-header.site-header .quote-link{font-size:9px!important}
 html body .site-header.site-header .quote-link:before{content:none!important}
 html body .site-header.site-header.mobile-menu-open .main-nav{position:absolute;top:66px;left:0;right:0;width:100%;padding:14px 20px 22px;max-height:calc(100dvh - 66px);overflow-y:auto}
 html body .site-header.site-header .mega-item{min-height:0;padding:0}
}
@media(max-width:360px){html body .site-header.site-header .brand img{width:102px}html body .site-header.site-header .quote-link{font-size:8px!important}}
html body .site-header.site-header .menu-toggle span{background:#17324a}
html body.fleet-page .site-header.site-header{background:#fff;border-bottom-color:#dfe6ed}
html body.fleet-page .site-header.site-header .brand img{opacity:1;filter:none}
@media(max-width:720px){
 html body .site-header.site-header .main-nav .mega-head,html body .site-header.site-header .main-nav .mega-footer{display:none!important}
 html body .site-header.site-header .main-nav .mega-item{display:block;min-height:0;padding:0!important;border:0}
 html body .site-header.site-header .main-nav .mega-copy b{min-height:0;padding:12px 0 12px 16px;margin:0;font-size:13px;line-height:1.5}
 html body .site-header.site-header .main-nav>a,html body .site-header.site-header :is(.services-toggle,.policies-toggle){min-height:46px;padding:12px 0}
 html body .site-header.site-header .main-nav .mega-menu{padding:4px 0 10px!important}
}
/* A light footer gives the unchanged logo its intended contrast. */
html body .site-footer{background:#f3f5f6;color:#41586b;border-top:1px solid #d4dfe6}
html body .site-footer p,html body .site-footer .footer-contact{color:#5a7183}
html body .site-footer h4{color:#18374f}
html body .site-footer a:hover{color:var(--blue)}
html body .site-footer .footer-bottom{border-color:#d1dce3;color:#64798a}
@media(max-width:720px){.security-editorial-head{display:block}.security-editorial-head>p{margin-top:20px}}
@media(max-width:720px){
 .service-page .service-heading{display:block}
 .service-page .service-heading>p:last-child{max-width:100%;margin-top:20px}
}
/* Reveal is opt-in: page-specific legacy selectors must not hide no-JS content. */
html:not(.motion-ready) body [data-reveal]{opacity:1;transform:none;transition:none}
