.industrial-page{background:var(--ink);color:var(--text)}
.industrial-page h1,.industrial-page h2,.industrial-page h3{font-family:var(--font-head);letter-spacing:0}
.industrial-page .header{background:rgba(11,17,26,.9)}
.industrial-page .nav{gap:1rem}
.industrial-page .nav__link{font-size:.82rem}
.industrial-page .nav__cta{font-size:.82rem;padding:.8rem 1.1rem}
.industrial-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:center;isolation:isolate}
.industrial-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.industrial-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,17,26,.94) 0%,rgba(11,17,26,.78) 38%,rgba(11,17,26,.2) 78%);z-index:-1}
.industrial-hero>.container{padding:150px 0 90px}
.industrial-category{display:block;color:var(--blue-light);font-size:.78rem;font-weight:600;text-transform:uppercase}
.industrial-hero-copy{max-width:730px}
.industrial-hero h1{font-size:3.4rem;line-height:1.14;font-weight:800;max-width:730px;margin:1rem 0 1.5rem;text-wrap:balance}
.industrial-hero p{font-size:1.4rem;margin:1rem 0}
.industrial-hero .industrial-subtitle{font-size:1.25rem;line-height:1.6;color:var(--text);max-width:620px;margin:0 0 1rem}
.industrial-hero .industrial-hero-description{font-size:1rem;line-height:1.75;color:var(--silver);max-width:600px;margin:0}
.industrial-hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:32px}
.industrial-hero-actions .btn{font-size:.9rem;padding:.85rem 1.5rem}
.industrial-hero-link{font-size:.9rem;font-weight:600;color:var(--silver);padding-block:12px}
.industrial-hero-link:hover{color:var(--blue-light)}
.industrial-hero-link span{margin-left:8px;color:var(--blue-light)}
@media(max-width:680px){.industrial-hero:before{background:rgba(11,17,26,.78)}.industrial-hero .industrial-subtitle{font-size:1.1rem}.industrial-hero .industrial-hero-description{font-size:.92rem}.industrial-hero-actions{gap:12px 20px;margin-top:24px}}
.industrial-work{padding-block:6rem}
.industrial-section-heading{text-align:center;margin-bottom:3rem}
.industrial-section-heading h2{font-size:2.5rem;margin:1rem 0}
.industrial-section-heading p,.industrial-project p{color:var(--muted)}
.industrial-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}
.industrial-project{display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(200,208,218,.08);border-radius:var(--radius);background:var(--ink-3)}
.industrial-project>a{display:block}
.industrial-project img{width:100%;aspect-ratio:4/3;object-fit:cover}
.industrial-project>.diff{flex:1;border:0;border-radius:0}
.industrial-project .diff__num{flex-shrink:0}
.industrial-project-copy{display:flex;flex-direction:column;flex:1;min-width:0}
.industrial-project-copy p{margin-bottom:24px}
.industrial-project-whatsapp{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:auto;height:36px;min-height:36px;flex-shrink:0;font-size:.72rem;line-height:1;padding:0 14px;text-align:center;max-width:100%;white-space:nowrap}
@media(max-width:720px){.industrial-project-copy{width:100%}.industrial-project-whatsapp{align-self:center}}
.industrial-contact{background:var(--ink-2);padding:4rem 0;border-block:1px solid rgba(200,208,218,.1)}
.industrial-contact h2{font-size:2.4rem;line-height:1.2;margin:1rem 0}
.industrial-contact p{color:var(--muted)}
.industrial-contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;align-items:center}
.industrial-contact-copy h2{max-width:580px;font-size:2.2rem;line-height:1.25}
.industrial-contact-copy p{max-width:560px;line-height:1.75}
.industrial-contact-button{margin-top:28px;font-size:.88rem;padding:.85rem 1.5rem}
.industrial-contact-details{border-left:1px solid rgba(77,178,240,.25);padding-left:40px;min-width:0}
.industrial-contact-details>div{margin-bottom:24px}
.industrial-contact-details>div>span{display:block;color:var(--muted);font-size:.8rem;margin-bottom:8px}
.industrial-contact-details a{font-size:1.05rem;font-weight:600;color:var(--blue-light);overflow-wrap:anywhere}
.industrial-contact-details p{font-size:.85rem;line-height:1.7;max-width:350px}
.industrial-footer{align-items:center}
.industrial-footer-brand{display:flex;align-items:center;gap:16px}
.industrial-footer-brand img{width:78px;height:60px;object-fit:contain}
.industrial-footer-brand span{font-size:.75rem;line-height:1.7}
@media(max-width:800px){.industrial-contact-layout{grid-template-columns:1fr;gap:36px}.industrial-contact-details{border-left:0;border-top:1px solid rgba(77,178,240,.25);padding:28px 0 0}.industrial-contact-copy h2{font-size:1.8rem}.industrial-footer{flex-wrap:wrap;gap:24px}}
.industrial-contact-links{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:2rem;color:var(--blue-light);font-weight:600}
.industrial-contact-links a{overflow-wrap:anywhere}
.industrial-footer{display:flex;justify-content:space-between;gap:1rem;padding-block:1.5rem;color:var(--silver);font-size:.85rem}
.industrial-page section{scroll-margin-top:90px}
.industrial-page a:focus-visible{outline:2px solid var(--blue-light);outline-offset:5px}
@media(max-width:1000px){.industrial-page .nav{position:fixed;inset:0;width:100%;height:100svh;z-index:999;flex-direction:column;justify-content:center;gap:1.5rem;background:rgba(11,17,26,.99);transform:translateX(100%);transition:transform .35s}.industrial-page .nav.open{transform:translateX(0)}.industrial-page .nav__link{font-size:1.1rem}.industrial-page .nav-toggle{display:flex}}
@media(max-width:680px){.industrial-hero h1{font-size:2.5rem;overflow-wrap:anywhere}.industrial-hero>.container{padding:120px 0 70px}.industrial-projects{grid-template-columns:1fr}.industrial-section-heading h2,.industrial-contact h2{font-size:1.8rem}.industrial-work{padding-block:3.5rem}.industrial-contact-links{flex-direction:column}}
