:root{--bg:#070707;--panel:#101010;--red:#ed1c18;--white:#f5f3ef;--muted:#aaa;--line:#292929;--max:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:50;background:#070707e8;backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}nav{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:24px;font-weight:950;letter-spacing:-1.5px}.logo b{color:var(--red)}.links{display:flex;gap:22px;font-size:13px}.btn{display:inline-flex;min-height:48px;padding:0 20px;align-items:center;justify-content:center;background:var(--red);border:1px solid var(--red);border-radius:999px;font-weight:900;font-size:13px}.btn.alt{background:transparent;border-color:#666}.hero{min-height:790px;display:flex;align-items:center;position:relative;isolation:isolate;border-bottom:1px solid var(--line)}.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url("images/hero.webp") center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000f,#000b 46%,#0002)}.eyebrow{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--red);font-weight:900}.hero h1,.pagehero h1{font-size:clamp(54px,8vw,110px);line-height:.86;letter-spacing:-5px;margin:20px 0 28px;max-width:850px}.hero p,.pagehero p{max-width:700px;color:#ddd;font-size:20px;line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.trust{display:flex;gap:28px;flex-wrap:wrap;margin-top:45px;color:#bbb;font-size:12px;text-transform:uppercase;letter-spacing:1px}.strip{padding:18px 0;border-bottom:1px solid var(--line)}.strip .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;font-weight:900}section{padding:100px 0;border-bottom:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:45px}h2{font-size:clamp(40px,5vw,70px);line-height:.94;letter-spacing:-3px;margin:10px 0}.section-head p,.lead{max-width:520px;color:var(--muted);line-height:1.7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.card{background:#0d0d0d;border:1px solid var(--line);border-radius:18px;overflow:hidden}.card img{width:100%;height:205px;object-fit:cover}.card-body{padding:28px}.card h3{font-size:28px;margin:30px 0 12px}.card p{color:#aaa;line-height:1.6}.tag{color:var(--red);font-size:11px;font-weight:900}.process{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.step{padding:27px;min-height:190px;border-right:1px solid var(--line)}.step strong{font-size:45px;color:#333}.step h3{margin-top:42px}.portfolio{display:grid;grid-template-columns:2fr 1fr 1fr;grid-auto-rows:270px;gap:14px}.work{border-radius:18px;background-size:cover;background-position:center;position:relative;overflow:hidden}.work:first-child{grid-row:span 2}.work:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,#000e)}.work span{position:absolute;left:22px;bottom:20px;z-index:2;font-weight:900;font-size:20px}.cta{background:linear-gradient(135deg,#ed1c18,#a90d09)}.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta .btn{background:#080808;border-color:#080808}.pagehero{padding:115px 0 85px;background:linear-gradient(90deg,#000f,#0008),url("images/showroom.webp") center/cover no-repeat}.content{display:grid;grid-template-columns:1fr 1fr;gap:55px}.list{display:grid}.item{padding:17px 0;border-bottom:1px solid var(--line);color:#ccc}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.gallery figure{margin:0;background:#111;border:1px solid var(--line);border-radius:18px;overflow:hidden}.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover}.gallery figcaption{padding:18px;font-weight:900}.form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:12px;color:#aaa}.field input,.field select,.field textarea{background:#111;border:1px solid #333;color:#fff;padding:15px}.field textarea{min-height:145px}.success{display:none;padding:15px;border:1px solid #395;background:#0d1910;margin-top:12px}footer{padding:50px 0}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1.3fr;gap:30px;color:#999;font-size:13px;line-height:1.8}.foot strong{color:#fff}.copy{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;color:#666;font-size:12px}@media(max-width:850px){.links{display:none}.grid,.gallery{grid-template-columns:1fr 1fr}.content{grid-template-columns:1fr}.process{grid-template-columns:1fr 1fr}.portfolio{grid-template-columns:1fr}.work:first-child{grid-row:auto}.foot{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:680px}.hero:before{background-position:47% center}.hero:after{background:linear-gradient(180deg,#0007,#000f 68%)}.grid,.gallery,.form,.process{grid-template-columns:1fr}.field.full{grid-column:auto}.section-head,.cta .wrap{display:block}.cta .btn{margin-top:20px}.foot{grid-template-columns:1fr}}
.auto-gallery{columns:3 300px;column-gap:14px}.gallery-item{break-inside:avoid;margin:0 0 14px;border-radius:16px;overflow:hidden;border:1px solid #292929;cursor:zoom-in}.gallery-item img{width:100%;display:block;transition:.3s}.gallery-item:hover img{transform:scale(1.025);filter:brightness(.86)}.gallery-empty{padding:40px;border:1px dashed #444;border-radius:16px;color:#999}.lightbox{position:fixed;inset:0;z-index:999;background:#000e;display:none;align-items:center;justify-content:center;padding:25px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:88vh}.lightbox-close,.lightbox-nav{position:absolute;border:1px solid #555;background:#111d;color:#fff;border-radius:50%;width:50px;height:50px;font-size:25px}.lightbox-close{right:22px;top:20px}.lightbox-prev{left:20px}.lightbox-next{right:20px}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.industry-card{padding:28px;border:1px solid #292929;border-radius:16px;background:#0d0d0d}.industry-card h3{font-size:24px}.industry-card p{color:#aaa;line-height:1.6}.buyer-box{padding:35px;border:1px solid #3a3a3a;border-left:4px solid #ed1c18;background:#0b0b0b;border-radius:12px}.buyer-box ul{line-height:1.9;color:#ccc}@media(max-width:700px){.industry-grid{grid-template-columns:1fr}.auto-gallery{columns:2 140px;column-gap:8px}.gallery-item{margin-bottom:8px}}

/* === PRODUCTION V3: B2B / INDUSTRIAL SEO === */
.breadcrumb{font-size:12px;color:#777;margin-bottom:25px}.breadcrumb a{color:#aaa}
.kpi-row{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden;margin-top:38px}
.kpi{padding:24px;border-right:1px solid var(--line)}.kpi:last-child{border-right:0}.kpi strong{display:block;color:#fff;font-size:18px}.kpi span{font-size:11px;color:#888;text-transform:uppercase;letter-spacing:1px}
.seo-copy{max-width:850px}.seo-copy h2{margin-top:0}.seo-copy p{color:#b7b7b7;line-height:1.8;font-size:16px}
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.use{padding:26px;border:1px solid var(--line);border-radius:16px;background:#0d0d0d}.use h3{font-size:21px;margin:8px 0 10px}.use p{color:#999;line-height:1.6;font-size:14px}
.faq{max-width:900px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:900;font-size:18px}.faq details p{color:#aaa;line-height:1.7}
.related{display:flex;gap:10px;flex-wrap:wrap}.related a{border:1px solid #333;border-radius:999px;padding:10px 14px;font-size:12px}
.industry-hero{background:linear-gradient(90deg,#000f,#0008),url("images/showroom.webp") center/cover no-repeat}
.procurement{display:grid;grid-template-columns:1.15fr .85fr;gap:45px;align-items:start}
.procurement-card{border:1px solid #333;border-radius:18px;background:#0c0c0c;padding:30px;position:sticky;top:100px}
.procurement-card h3{font-size:26px;margin-top:0}.procurement-card li{color:#bbb;margin:10px 0;line-height:1.5}
.sector-strip{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.sector-strip span{font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:8px 11px;border:1px solid #444;border-radius:999px;color:#bbb}
@media(max-width:800px){.kpi-row{grid-template-columns:1fr 1fr}.kpi:nth-child(2){border-right:0}.use-grid{grid-template-columns:1fr 1fr}.procurement{grid-template-columns:1fr}.procurement-card{position:static}}
@media(max-width:520px){.kpi-row,.use-grid{grid-template-columns:1fr}.kpi{border-right:0;border-bottom:1px solid var(--line)}}

/* Gallery clickable/lightbox fix v2 */
.auto-gallery .gallery-item{
  display:block;position:relative;text-decoration:none;color:#fff;
  cursor:zoom-in;overflow:hidden;isolation:isolate;
}
.auto-gallery .gallery-item img{pointer-events:none}
.gallery-zoom{
  position:absolute;z-index:3;right:12px;bottom:12px;
  padding:8px 11px;border-radius:999px;background:rgba(0,0,0,.78);
  border:1px solid rgba(255,255,255,.22);font-size:10px;font-weight:900;
  letter-spacing:.8px;opacity:0;transform:translateY(5px);transition:.22s;
}
.gallery-item:hover .gallery-zoom{opacity:1;transform:none}
.lightbox{
  position:fixed!important;inset:0!important;z-index:99999!important;
  background:rgba(0,0,0,.96)!important;display:none!important;
  align-items:center!important;justify-content:center!important;padding:24px!important;
}
.lightbox.open{display:flex!important}
.lightbox-stage{max-width:calc(100vw - 130px);max-height:92vh;display:flex;flex-direction:column;align-items:center;justify-content:center}
.lightbox-stage img{display:block;max-width:100%;max-height:86vh;object-fit:contain;border-radius:8px;box-shadow:0 20px 70px #000}
.lightbox-counter{margin-top:12px;color:#aaa;font-size:12px;letter-spacing:1px}
.lightbox-close,.lightbox-nav{
  position:fixed!important;z-index:100001!important;display:grid!important;place-items:center;
  border:1px solid #555!important;background:#111!important;color:#fff!important;
  width:50px!important;height:50px!important;border-radius:50%!important;cursor:pointer!important;
}
.lightbox-close{right:22px!important;top:20px!important}
.lightbox-prev{left:22px!important;top:50%!important;transform:translateY(-50%)!important}
.lightbox-next{right:22px!important;top:50%!important;transform:translateY(-50%)!important}
.gallery-open{overflow:hidden}
@media(max-width:650px){
  .gallery-zoom{opacity:1;transform:none;font-size:9px;padding:6px 8px}
  .lightbox{padding:12px!important}
  .lightbox-stage{max-width:100%;max-height:90vh}
  .lightbox-stage img{max-height:82vh}
  .lightbox-nav{width:42px!important;height:42px!important}
  .lightbox-prev{left:8px!important}.lightbox-next{right:8px!important}
  .lightbox-close{right:10px!important;top:10px!important}
}

#formStatus{margin-top:16px;line-height:1.6}button:disabled{opacity:.6;cursor:wait}

.menu-toggle{display:none}@media(max-width:850px){nav{flex-wrap:wrap;gap:12px}.menu-toggle{display:block;background:transparent;color:#fff;border:1px solid #555;padding:10px;border-radius:6px}.links.is-open{display:flex;order:5;width:100%;flex-wrap:wrap;padding:12px 0;gap:18px}}