/*
Theme Name: EnduraCoat V16 Clean
Description: Custom EnduraCoat industrial website rebuilt from approved V16.
Version: 1.0.0
Requires PHP: 7.4
*/

:root{--red:#ef1427;--ink:#070809;--muted:#a5a5a8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}header{height:92px;position:fixed;z-index:40;top:0;left:0;right:0;display:flex;align-items:center;gap:35px;padding:0 clamp(20px,3.3vw,65px);background:#050608ec;backdrop-filter:blur(16px);border-bottom:1px solid #ffffff25}.brand{flex-shrink:0;width:260px;height:82px;display:flex;align-items:center;overflow:hidden}.brand img{width:260px;max-width:none}nav{display:flex;gap:clamp(15px,2vw,33px);align-items:center;justify-content:center;flex:1}nav a{font-size:10px;letter-spacing:1.6px;font-weight:800;white-space:nowrap;transition:color .2s}nav a:hover{color:var(--red)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:1px solid var(--red);background:var(--red);padding:16px 27px;font-size:11px;font-weight:800;letter-spacing:1.4px;transition:transform .2s,background .2s;color:white}.btn:hover{background:#c8081a;transform:translateY(-3px)}.btn.secondary{background:#08080880;border-color:#ddd7}.btn.secondary:hover{border-color:var(--red)}.top-btn{margin-left:auto}.menu{display:none;background:none;border:1px solid #555;color:white;font-size:23px;padding:5px 12px}.hero{position:relative;min-height:650px;height:min(780px,95vh);display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #b20b1c;background:#080808}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,#070607 28%,#08060799 48%,#0002 77%,#060606 100%),url('assets/industrial-collage.webp') center center/78% auto no-repeat;filter:saturate(.65)}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#080808bb,transparent 25%,transparent 75%,#0005);pointer-events:none}.hero .copy{position:relative;z-index:3;margin:85px 0 0 clamp(25px,4vw,70px);max-width:720px}.kicker{font-size:11px;letter-spacing:3.2px;font-weight:700;color:#f6f6f6}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(67px,7.2vw,122px);line-height:.85;letter-spacing:-1.7px;margin:22px 0 16px;font-weight:900;text-transform:uppercase}.hero h1 span{color:var(--red)}.tagline{font-size:clamp(12px,1.3vw,19px);letter-spacing:clamp(2px,.55vw,8px);line-height:1.7;text-transform:uppercase}.line{height:3px;width:55px;background:var(--red);margin:21px 0}.hero p{font-size:14px;line-height:1.85;max-width:525px;color:#e2e0e0}.actions{display:flex;gap:17px;margin-top:28px;flex-wrap:wrap}.scroll{margin-top:54px;font-size:10px;letter-spacing:3px;color:#ccc}.scroll:before{content:'↓';font-size:22px;margin-right:14px}.features{position:absolute;z-index:4;right:3%;top:30%;display:grid;gap:42px}.features div{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:1px}.features b{font-size:28px;font-weight:400}.spray-canvas{opacity:.8;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;mix-blend-mode:screen}.section{padding:95px clamp(22px,3.3vw,65px)}.eyebrow{font-size:11px;color:var(--red);letter-spacing:2.6px;font-weight:800;text-transform:uppercase}.section-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(48px,5vw,76px);line-height:.95;text-transform:uppercase;letter-spacing:.5px;margin:12px 0 24px}.section-title span{color:var(--red)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:25px}.section-head p{font-size:12px;color:#bbb;letter-spacing:1.5px}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.service{min-width:0;background:linear-gradient(135deg,#1d1d20,#08090b);border:1px solid #3a1a1d;border-radius:11px;overflow:hidden;transition:transform .25s,border-color .25s}.service:hover{transform:translateY(-7px);border-color:var(--red)}.service img{width:100%;height:205px;object-fit:cover}.service-body{padding:22px 22px 25px;min-height:196px;display:flex;flex-direction:column}.service h3{font-family:'Barlow Condensed',sans-serif;font-size:25px;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.service p{font-size:12px;line-height:1.7;color:#c6c6c6;margin:0 0 20px}.service a{margin-top:auto;font-size:10px;letter-spacing:1.5px;font-weight:800;color:#fff}.service a span{color:var(--red);margin-left:8px}.note{font-size:11px;color:#999;margin-top:15px}.industries{background:#111214;border-block:1px solid #ffffff1c}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.industry-grid div{padding:26px 20px;border:1px solid #ffffff25;background:#191a1c;font-family:'Barlow Condensed';font-size:23px;font-weight:700;text-transform:uppercase}.industry-grid span{color:var(--red);display:block;font:700 12px Manrope;margin-bottom:14px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery figure{margin:0;position:relative;overflow:hidden;background:#151515;min-height:260px}.gallery figure:first-child,.gallery figure:nth-child(6){grid-column:span 2}.gallery img{width:100%;height:100%;min-height:260px;max-height:360px;object-fit:cover;transition:transform .5s}.gallery figure:hover img{transform:scale(1.045)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:35px 18px 16px;background:linear-gradient(transparent,#000d);font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:#121214}.about img{width:100%;height:450px;object-fit:cover}.about p,.contact p{font-size:14px;line-height:1.9;color:#c0c0c0;max-width:570px}.stats{display:flex;gap:30px;flex-wrap:wrap;margin-top:30px}.stats strong{font-family:'Barlow Condensed';font-size:38px;color:white}.stats small{display:block;color:#aaa;font-size:10px;letter-spacing:1px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact form{display:grid;gap:13px}.contact input,.contact select,.contact textarea{width:100%;background:#17181b;color:white;border:1px solid #ffffff3b;padding:15px 17px;outline:none;border-radius:2px;font-size:13px}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--red)}.contact textarea{min-height:135px;resize:vertical}.contact small{font-size:11px;color:#aaa;line-height:1.6}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 4%;border-top:1px solid #ffffff29;color:#aaa;font-size:11px}footer img{width:200px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:1150px){header{gap:12px}.brand,.brand img{width:205px}nav{gap:14px}.top-btn{padding:12px 15px}.features{display:none}.services{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){header{height:75px}.brand{width:185px;height:72px}.brand img{width:185px}.menu{display:block;margin-left:auto}.top-btn{display:none}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#09090b;flex-direction:column;align-items:stretch;padding:20px 25px;border-bottom:1px solid var(--red)}nav.open{display:flex}nav a{padding:10px}.hero{min-height:690px;height:auto}.hero-art{background:linear-gradient(90deg,#070707f2 0%,#080808a9 70%,#08080855),url('assets/industrial-collage.webp') center center/94% auto no-repeat;opacity:.72}.hero .copy{margin:100px 23px 45px}.hero h1{font-size:clamp(68px,14vw,100px)}.hero p{font-size:13px}.scroll{margin-top:40px}.section{padding:65px 22px}.section-head{display:block}.section-head p{margin-top:5px}.services,.industry-grid{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:repeat(2,1fr)}.gallery figure:first-child,.gallery figure:nth-child(6){grid-column:span 1}.about,.contact{grid-template-columns:1fr;gap:28px}.about img{height:300px}footer{flex-wrap:wrap}}@media(max-width:480px){.services,.industry-grid{grid-template-columns:1fr}.gallery figure{min-height:210px}.gallery img{min-height:210px}.hero h1{font-size:67px}.btn{padding:14px 16px}.tagline{letter-spacing:2px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Version 16: compact, expandable Our Work category galleries */
.work-categories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.work-category{min-width:0;padding:18px;border:1px solid #343033;background:linear-gradient(145deg,#161719,#0c0d0f);border-radius:9px}
.work-category-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;border-bottom:1px solid #ffffff20;padding-bottom:12px}
.work-category h3{font:700 24px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;margin:0;letter-spacing:.5px}
.work-category-head span{color:#aaa;font-size:9px;letter-spacing:1.3px;white-space:nowrap}
.work-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-content:start}
.work-photos a{display:block;aspect-ratio:4/3;overflow:hidden;border:1px solid #ffffff24;border-radius:5px;background:#222}
.work-photos img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.work-photos a:hover img{transform:scale(1.05)}
@media(max-width:760px){.work-categories{grid-template-columns:1fr}.work-photos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:400px){.work-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}

.reveal{opacity:1;transform:none}

.contact-details{margin-top:24px}.contact-details p{margin:0 0 12px}.contact-details a{overflow-wrap:anywhere}