:root{--ink:#e7eef3;--muted:#adbbc6;--line:#ffffff29;--accent:#ccd5dc;--accent-dark:#505b65;--panel:#101820;--back:#080e14}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--back);color:var(--ink);font:16px/1.55 Inter,system-ui,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:auto;padding:0 clamp(1rem,3vw,2rem)}
.manufacturing .header{background:#0b1219;border-bottom:1px solid var(--line)}.manufacturing .header>.wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.manufacturing .header nav{display:flex;gap:1.25rem;font-weight:700;font-size:.88rem}.manufacturing .header nav a:hover,.manufacturing a:hover{color:var(--accent)}
.manufacturing .brand-lockup{width:260px;min-width:260px}.manufacturing .brand-word-real{width:260px;background:var(--brand);filter:drop-shadow(0 1px 3px #fff4)}.manufacturing .brand-tagline{color:#d9e2e8}.manufacturing .brand-since{color:var(--accent)}
.manufacturing .page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 35%,var(--glow),transparent 35%),linear-gradient(125deg,#081019,#18222b 60%,#0c131a);border-bottom:1px solid var(--line)}.manufacturing .page-hero>.wrap{min-height:400px;display:flex;align-items:center;padding-top:4rem;padding-bottom:4rem}.manufacturing .hero-copy{max-width:720px;position:relative;z-index:1}.manufacturing .kicker{font-weight:850;text-transform:uppercase;letter-spacing:.16em;color:var(--accent);font-size:.78rem}.manufacturing h1{font-size:clamp(2.5rem,5.5vw,5.5rem);line-height:.99;letter-spacing:-.055em;margin:.6rem 0 1.2rem}.manufacturing .lead{font-size:clamp(1.05rem,1.5vw,1.25rem);color:#c5d0d8;max-width:660px}.manufacturing .hero-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.6rem}.manufacturing .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.1rem;border-radius:8px;border:1px solid #ffffff61;font-weight:850}.manufacturing .button.primary{background:var(--accent);border-color:var(--accent);color:#111820}.manufacturing .button:hover{color:#fff;background:var(--accent-dark)}
.manufacturing .section{padding:4rem 0}.manufacturing .section.alt{background:#111b24}.manufacturing .section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:1.7rem}.manufacturing .section h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.06;letter-spacing:-.04em;margin:.35rem 0}.manufacturing .section-head p{max-width:520px;color:var(--muted);margin:0}.manufacturing .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.manufacturing .tile{background:#17222c;border:1px solid var(--line);border-radius:14px;overflow:hidden}.manufacturing .tile figure{margin:0;aspect-ratio:4/3;background:linear-gradient(145deg,#343e47,#111b23);display:grid;place-items:center;overflow:hidden}.manufacturing .tile img{display:block;width:100%;height:100%;object-fit:cover}.manufacturing .tile .contain{object-fit:contain;padding:.8rem}.manufacturing .tile .placeholder{padding:1rem;text-align:center;color:#dce4e9;font-size:1.35rem;font-weight:850;line-height:1.2}.manufacturing .tile .placeholder small{display:block;margin-top:.7rem;color:#9facb6;font-size:.8rem;font-weight:600}.manufacturing .tile-copy{padding:1.2rem}.manufacturing .tile-copy small{display:block;color:var(--accent);font-weight:850;text-transform:uppercase;letter-spacing:.08em}.manufacturing .tile h3{font-size:1.35rem;margin:.35rem 0}.manufacturing .tile p{color:#b9c7d0;margin:0}.manufacturing .feature{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center}.manufacturing .feature p{color:#b9c7d0}.manufacturing .feature img{width:100%;border-radius:14px;object-fit:contain;background:#26313a;max-height:400px}.manufacturing .link-panel{padding:1.6rem;border:1px solid var(--line);border-radius:14px;background:#202e39}.manufacturing .link-panel h3{margin:0 0 .4rem;font-size:1.5rem}.manufacturing .link-panel p{color:#c4d0d8;margin:.3rem 0 1.2rem}.manufacturing .foot{border-top:1px solid var(--line);padding:1.5rem 0;color:#9bafbb;font-size:.85rem}
body.metal{--accent:#e5edf2;--accent-dark:#647481;--brand:linear-gradient(180deg,#fff 2%,#8998a2 38%,#f5f8fa 63%,#85939d 92%);--glow:#a9b9c63b}
body.parts{--accent:#c0cbd1;--accent-dark:#56636b;--brand:#b8c1c8;--glow:#82909a32}
body.molding{--accent:#ecf0f2;--accent-dark:#3f4b55;--brand:#101317;--glow:#6e78832d}body.molding .brand-word-real{filter:drop-shadow(0 0 1px #eef3f7) drop-shadow(0 0 7px #b7c4d0)}
@media(max-width:800px){.manufacturing .header nav{display:none}.manufacturing .tiles{grid-template-columns:1fr 1fr}.manufacturing .feature{grid-template-columns:1fr}.manufacturing .section-head{display:block}.manufacturing .section-head p{margin-top:1rem}}
@media(max-width:600px){.manufacturing .tiles{grid-template-columns:1fr}.manufacturing .page-hero>.wrap{min-height:350px}.manufacturing .brand-lockup{width:215px;min-width:215px}.manufacturing .brand-word-real{width:215px}}

body.metal .page-hero>.wrap{display:grid;grid-template-columns:.93fr 1.07fr;gap:2rem;min-height:500px}body.metal .hero-photos{display:grid;grid-template-columns:1fr 1fr;gap:.7rem;align-items:center;padding:.7rem;border:1px solid #e2eaf170;border-radius:18px;background:linear-gradient(145deg,#eff7fb25,#424e5940);box-shadow:0 30px 60px #0006}body.metal .hero-photos img{width:100%;height:270px;object-fit:cover;border-radius:9px;border:1px solid #eaf3f576}body.metal .hero-photos img:nth-child(2){transform:translateY(1.2rem)}body.metal .hero-photos span{grid-column:1/-1;color:#d6e1e7;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;padding:.35rem .2rem} @media(max-width:850px){body.metal .page-hero>.wrap{grid-template-columns:1fr}body.metal .hero-photos img{height:200px}}

/* Custom Fabrication exterior visualization and real workshop imagery */
body.metal .page-hero{background:#131b21 url('/assets/custom-fabrication-exterior-blue-navy-v2.png') left 47%/124% auto no-repeat;min-height:650px;position:relative}
body.metal .page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071017e8 0%,#0b1821c9 31%,#0c19265c 55%,#111b2315 78%)}
body.metal .page-hero>.wrap{position:relative;z-index:1;display:block;min-height:650px;padding-block:3.4rem 5rem}
body.metal .page-hero .hero-copy{max-width:500px}
body.metal .page-hero h1{font-size:clamp(2.5rem,4.5vw,4.65rem)}
body.metal .concept-note{color:#e1eaf0;max-width:440px;font-size:.8rem;margin-top:2rem;background:#09121aba;border-left:3px solid #c9d7df;padding:.65rem .8rem}
body.metal .workshop-strip{background:#0d1922;color:#edf4f8;padding:3rem 0}
body.metal .workshop-strip-head{display:flex;justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:1.2rem}
body.metal .workshop-strip-head h2{font-size:clamp(1.6rem,3vw,2.5rem);margin:.25rem 0 0}
body.metal .workshop-strip-head a{color:#d9e7ef;text-decoration:underline;text-underline-offset:.2em;font-size:.9rem}
body.metal .workshop-photos{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
body.metal .workshop-photos img{width:100%;height:290px;object-fit:cover;border-radius:12px}
@media(max-width:700px){body.metal .page-hero{background-size:auto 100%;background-position:50% center}body.metal .page-hero:before{background:linear-gradient(90deg,#071017ec,#071017aa 75%)}body.metal .page-hero>.wrap{min-height:550px;padding-block:3rem}body.metal .workshop-strip-head{display:block}body.metal .workshop-photos{grid-template-columns:1fr}body.metal .workshop-photos img{height:220px}}

body.metal .feature img{object-fit:cover;max-height:430px}

body.metal .photo-open{display:block;width:100%;height:100%;overflow:hidden}
body.metal .photo-open:focus-visible{outline:3px solid #7dd3fc;outline-offset:3px}
body.metal .photo-open img{transition:transform .2s ease}
@media(hover:hover){body.metal .photo-open:hover img{transform:scale(1.025)}}