/* Integrated Industrial / contemporary corporate effects. */
body.variant-industrial header{transition:height .3s ease,box-shadow .3s ease,background .3s ease}
body.variant-industrial header .brand{background:#fff;padding:12px 18px;border-radius:0;box-shadow:0 3px 16px #0002;transition:padding .3s ease}
body.variant-industrial header .brand img{width:205px;height:auto;display:block;border-radius:0}
body.variant-industrial header.is-scrolled{height:82px;background:#151718fa;box-shadow:0 8px 25px #0003}
body.variant-industrial header.is-scrolled .brand{padding:8px 18px}
body.variant-industrial nav a:not(.nav-cta){position:relative}
body.variant-industrial nav a:not(.nav-cta):after{content:'';position:absolute;bottom:-7px;left:0;width:100%;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
body.variant-industrial nav a:hover:after,body.variant-industrial nav a:focus-visible:after,body.variant-industrial nav a[aria-current=page]:after{transform:scaleX(1)}
body.variant-industrial .button,.nav-cta{transition:background-color .25s ease,box-shadow .25s ease,transform .25s ease}
body.variant-industrial .button:hover,body.variant-industrial .button:focus-visible{transform:translateY(-3px);box-shadow:0 10px 25px #c8102e35;background:#a91e32;color:#fff}
.services article,.project-grid article,.method-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease}
.services article:hover,.project-grid article:hover,.method-card:hover{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 20px 35px #0003}
.feature-image img,.service-photo img,.project-photo img{transition:transform .75s cubic-bezier(.2,.7,.3,1),filter .5s ease}
.feature-image:hover img,.service-photo:hover img,.project-photo:hover img{transform:scale(1.035)}
.home-links>a{transition:background .3s ease,transform .3s ease,box-shadow .3s ease}
.home-links>a:hover{transform:translateY(-6px);box-shadow:0 15px 30px #0004}
.home-links>a h3{transition:transform .3s ease}.home-links>a:hover h3{transform:translateX(5px)}
body.variant-industrial .hero .eyebrow{animation:sv-enter .75s .05s both}body.variant-industrial .hero h1{animation:sv-enter .85s .16s both}body.variant-industrial .hero .intro{animation:sv-enter .85s .28s both}body.variant-industrial .hero .actions{animation:sv-enter .85s .4s both}
body.variant-industrial .hero-image>img{animation:sv-photo 10s ease-out both;transform-origin:70% 55%}
body.variant-industrial .hero h1 em{text-decoration:underline;text-decoration-color:#c8102e80;text-decoration-thickness:3px;text-underline-offset:10px}
@keyframes sv-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes sv-photo{from{transform:scale(1.045)}to{transform:scale(1)}}
.reveal-pending{opacity:0;transform:translateY(28px)}.is-revealed{animation:sv-enter .7s var(--reveal-delay,0ms) backwards}
.back-top{--progress:0deg;position:fixed;right:24px;bottom:24px;width:52px;height:52px;border:0;border-radius:50%;background:conic-gradient(var(--accent) var(--progress),#ffffff30 0);padding:3px;box-shadow:0 8px 25px #0004;z-index:8;color:#fff;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}
.back-top span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:#222627;font-size:25px}.back-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.back-top:hover span{background:var(--red)}.back-top:focus-visible{outline:3px solid white;outline-offset:3px}
footer>img,footer>a>img{background:white;padding:12px 18px;border-radius:0;width:235px;height:auto}
@media(max-width:900px){body.variant-industrial header .brand img{width:170px}body.variant-industrial header .brand{padding:10px 14px}body.variant-industrial header.is-scrolled nav{top:82px}body.variant-industrial nav a:after{display:none}}
@media(max-width:700px){body.variant-industrial header.is-scrolled{height:76px}body.variant-industrial header.is-scrolled nav{top:76px}body.variant-industrial header .brand img{width:155px}body.variant-industrial header .brand{padding:10px 12px}.back-top{width:46px;height:46px;right:16px;bottom:16px}body.variant-industrial .hero h1 em{text-underline-offset:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}body.variant-industrial .hero-image>img{transform:none!important}}

/* Rounded industrial nameplate PNG below the unchanged colour logo. */
body.variant-industrial header .brand{background:transparent url('logo-industrial-base.png') center/100% 145% no-repeat;border-radius:18px;padding:14px 22px;box-shadow:none;filter:drop-shadow(0 5px 7px #0005)}
body.variant-industrial header.is-scrolled .brand{padding:10px 22px}
footer>img,footer>a>img{background:transparent url('logo-industrial-base.png') center/100% 145% no-repeat;border-radius:18px;padding:16px 22px;filter:drop-shadow(0 5px 7px #0005)}
@media(max-width:900px){body.variant-industrial header .brand{padding:12px 18px}body.variant-industrial header.is-scrolled .brand{padding:10px 18px}}
@media(max-width:700px){body.variant-industrial header .brand{padding:12px 17px;border-radius:14px}body.variant-industrial header.is-scrolled .brand{padding:10px 17px}}

/* Client supplied ventilation photograph, full-width square-edged hero. */
body.variant-industrial .hero-image>img{object-position:center 43%;border-radius:0}body.variant-industrial .hero-image:before{background:linear-gradient(90deg,#101314f5 0%,#101314d9 28%,#10131475 54%,#10131420 82%),linear-gradient(0deg,#101314a0,transparent 40%)}@media(max-width:700px){body.variant-industrial .hero-image>img{object-position:58% center}body.variant-industrial .hero-image:before{background:linear-gradient(90deg,#101314ed,#10131470),linear-gradient(0deg,#101314b0,transparent 50%)}}