@import url('../../assets/css/site-base.css');
:root{--bg:#172024;--ink:#f5f1e9;--accent:#f27242;--surface:#292d2e;--muted:#bfc5c4;--border:rgba(255,255,255,.16);--alt:#24292a;--display:'Barlow Condensed',serif;--body:'Inter',sans-serif;--hero-image:url('../../assets/images/industrial-services.jpg');--hero-filter:brightness(.55);--container:1180px;--radius:18px}
body{background:var(--bg);color:var(--ink)}.site-header{background:rgba(17,18,18,.94);border-color:var(--border)}.site-nav a:hover,.text-link,.service-index,.eyebrow,.step>span{color:var(--accent)}.button-primary,.nav-cta{background:var(--accent);color:#fff}.button-primary:hover,.nav-cta:hover{filter:brightness(.9);transform:translateY(-2px)}.brand-symbol{border-color:var(--accent);color:var(--accent)}.hero{background:var(--bg)}.hero-image{background-image:var(--hero-image);filter:var(--hero-filter)}.hero-content h1,.section h2,.review blockquote{font-family:var(--display)}.hero-content h1{letter-spacing:-.035em}.hero-side{color:var(--ink)}.trust-strip,.service-card,.contact-form,.simulator-panel,.faq details{background:var(--surface)}.about,.process,.faq{background:var(--alt)}.service-card,.contact-form,.faq details{border-color:var(--border)}.review{background:var(--accent);color:#fff}.review .eyebrow{color:inherit}.contact-form input,.contact-form select,.contact-form textarea{background:var(--bg);color:var(--ink);border-color:var(--border)}.site-footer{background:#0d0f10}.whatsapp-float{background:#168550;color:white}.gallery-item img{filter:none}.gallery-item:hover img{filter:none;transform:scale(1.04)}
.hero{min-height:770px;display:flex;align-items:end}.hero-image{inset:0}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,20,24,.92),rgba(9,20,24,.12) 85%)}.hero-content{position:relative;z-index:1;padding:7rem max(5vw,calc((100vw - var(--container))/2)) 7rem;color:#fff;max-width:1050px}.hero-content h1{font-size:clamp(4.1rem,8.3vw,9rem);text-transform:uppercase;line-height:.88}.hero-side{position:absolute;right:2rem;bottom:2rem;color:#fff}.service-grid{grid-template-columns:repeat(3,1fr)}.service-card{border-radius:0;border:1px solid var(--border);border-left:4px solid var(--accent)}.section-heading h2{text-transform:uppercase}.service-card:nth-child(even){background:#202c30}.detail-card>span{color:var(--accent)}.gallery-item{border-radius:0}
@media(max-width:900px){.hero,.hero.editorial,.hero.split,.hero.tech,.hero.playful,.hero.industrial,.hero.conversion,.hero.corporate{display:flex;align-items:end;min-height:680px}.hero-image,.hero.editorial .hero-image,.hero.split .hero-image,.hero.tech .hero-image,.hero.playful .hero-image,.hero.industrial .hero-image,.hero.conversion .hero-image,.hero.corporate .hero-image{inset:0;clip-path:none;border-radius:0}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),rgba(0,0,0,.28))}.hero-content,.hero.editorial .hero-content,.hero.split .hero-content,.hero.tech .hero-content,.hero.playful .hero-content,.hero.industrial .hero-content,.hero.conversion .hero-content,.hero.corporate .hero-content{padding:7rem 1.5rem 5rem;color:#fff;max-width:750px}.hero-content h1{font-size:clamp(3.4rem,10vw,6.5rem)}.hero-side{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card:nth-child(even){transform:none}}
@media(max-width:600px){.hero{min-height:620px}.hero-content h1{font-size:clamp(3.2rem,16vw,5.5rem);overflow-wrap:anywhere}.service-grid{grid-template-columns:1fr}.service-card{transform:none!important}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item:first-child{grid-row:auto}.gallery-item:last-child{display:none}}

@media(max-width:900px){.hero.legal,.hero.factory{display:flex;align-items:end;min-height:680px}.hero.legal .hero-image,.hero.factory .hero-image{inset:0;clip-path:none;border-radius:0}.hero.legal .hero-content,.hero.factory .hero-content{padding:7rem 1.5rem 5rem;color:#fff;max-width:750px}.hero.legal .hero-image:after,.hero.factory .hero-image:after{background:linear-gradient(0deg,rgba(0,0,0,.84),rgba(0,0,0,.25))}.hero.legal .eyebrow{color:#f1d7ba}}
@media(max-width:600px){.hero.legal,.hero.factory{min-height:640px}.hero.legal .hero-content h1,.hero.factory .hero-content h1{font-size:clamp(3.1rem,13vw,5.5rem)}.hero.legal .gallery-grid,.hero.factory .gallery-grid{grid-template-columns:1fr 1fr}}