:root{--ink:#151b1e;--muted:#697176;--paper:#f4f2ed;--white:#fff;--line:#d8d8d3;--accent:#a68458;--dark:#182126;--max:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max);margin:auto;padding:0 42px}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid #e6e6e2;position:sticky;top:0;z-index:20}.nav .wrap{width:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:15px}.mark{width:38px;height:38px;border:1.5px solid var(--ink);display:grid;place-items:center;font-weight:700;letter-spacing:-2px}.wordmark{font-family:Georgia,serif;letter-spacing:8px;font-size:25px}.links{display:flex;gap:32px;align-items:center;font-size:12px;letter-spacing:1.5px;text-transform:uppercase}.btn{display:inline-flex;gap:22px;align-items:center;border:1px solid currentColor;padding:15px 22px;font-size:11px;letter-spacing:1.8px;text-transform:uppercase}.hero{min-height:690px;color:white;position:relative;display:flex;align-items:flex-end;background:linear-gradient(90deg,rgba(9,14,17,.82),rgba(9,14,17,.28) 60%,rgba(9,14,17,.1)),url('assets/images/hero.jpg') center/cover}.hero .content{padding:100px 0 80px;max-width:700px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase;margin-bottom:25px}.hero h1,.display{font-family:Georgia,serif;font-weight:400;line-height:1.03;margin:0}.hero h1{font-size:72px}.hero p{font-size:18px;max-width:590px;color:#eef0ef;margin:26px 0 34px}.strip{background:white;border-bottom:1px solid var(--line)}.stripgrid{display:grid;grid-template-columns:repeat(5,1fr)}.service-mini{padding:34px 24px;border-right:1px solid var(--line);min-height:180px}.service-mini:last-child{border-right:0}.num{font-size:10px;letter-spacing:2px;color:#7a7f81}.service-mini h3{font-family:Georgia,serif;font-weight:400;font-size:21px;margin:16px 0 8px}.service-mini p{font-size:13px;color:var(--muted);margin:0}.section{padding:105px 0}.grid2{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.display{font-size:52px}.lead{font-size:18px;color:#4d5559;max-width:660px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.card{background:#fff}.card img{height:280px;width:100%;object-fit:cover}.card .pad{padding:28px}.card h3{font-family:Georgia,serif;font-size:28px;font-weight:400;margin:8px 0 12px}.card p{color:var(--muted);font-size:14px}.dark{background:var(--dark);color:#fff}.dark .lead,.dark p{color:#c7ced0}.approach{display:grid;grid-template-columns:1fr 1.25fr;gap:0}.approach-copy{padding:90px 70px}.approach-img{min-height:600px;background:url('assets/images/gal-ppe.jpg') center/cover}.values{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #435057}.value{padding:30px;border-right:1px solid #435057}.value:last-child{border-right:0}.value b{display:block;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:8px}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.gallery img{height:420px;width:100%;object-fit:cover}.gallery img:nth-child(2),.gallery img:nth-child(3){height:203px}.gallery .stack{display:grid;gap:14px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contactbox{background:#fff;padding:42px;border:1px solid var(--line)}.contactbox p{margin:7px 0;color:#4e575b}.footer{background:#101619;color:#b8c0c3;padding:50px 0}.footergrid{display:flex;justify-content:space-between;gap:30px}.footer .wordmark{color:white}.small{font-size:12px;color:#7d8588}.pagehero{padding:100px 0 70px;background:#e9e7e1}.pagehero h1{font-family:Georgia,serif;font-size:62px;font-weight:400;margin:0 0 20px}.prose{max-width:800px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:75px 0;border-bottom:1px solid var(--line)}.service-detail img{height:400px;width:100%;object-fit:cover}.service-detail h2{font-family:Georgia,serif;font-size:40px;font-weight:400}.bullets{padding-left:18px;color:#4f585c}.notice{padding:18px 22px;background:#ece9e2;border-left:3px solid var(--accent);font-size:13px;color:#535b5f}@media(max-width:900px){.wrap{padding:0 22px}.links a:not(.btn){display:none}.wordmark{letter-spacing:5px;font-size:21px}.hero{min-height:620px}.hero h1{font-size:49px}.stripgrid{grid-template-columns:1fr 1fr}.service-mini{border-bottom:1px solid var(--line)}.grid2,.approach,.contact,.service-detail{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:1fr}.approach-copy{padding:65px 24px}.values{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr}.gallery img,.gallery img:nth-child(2),.gallery img:nth-child(3){height:300px}.display,.pagehero h1{font-size:42px}.footergrid{display:grid}.section{padding:70px 0}}

/* OHMEX ENGINEERING — final identity */
:root{--brand-red:#c92228}
.brand{display:flex;align-items:center;line-height:0}.brand-logo{width:250px;height:auto;display:block}.footer-logo{width:235px;height:auto;filter:brightness(0) invert(1);opacity:.96}.nav{min-height:88px;height:auto;padding:10px 0}.links a{transition:opacity .2s ease}.links a:hover{opacity:.62}.btn{transition:background .2s ease,color .2s ease}.btn:hover{background:var(--ink);color:#fff}.dark .btn:hover{background:#fff;color:var(--ink)}
@media(max-width:900px){.brand-logo{width:205px}.footer-logo{width:205px}.nav{min-height:78px}.links{gap:12px}.links .btn{padding:12px 14px;font-size:10px}}
@media(max-width:480px){.brand-logo{width:180px}.links .btn{padding:10px 11px;letter-spacing:1px}.hero h1{font-size:43px}.hero .content{padding-top:75px}.stripgrid{grid-template-columns:1fr}.values{grid-template-columns:1fr}.service-mini{border-right:0}.contactbox{padding:28px}}

/* 2026 clean redesign refinements */
.pagehero{background:#f5f5f2;padding:110px 0 90px;border-bottom:1px solid #e2e3e2}.pagehero h1{max-width:920px}.prose p{font-size:18px;line-height:1.75;color:#50585d}.section{padding-top:105px;padding-bottom:105px}.grid2{gap:110px}.dark{background:#15191c}.footer{border-top:0}.notice{display:none!important}.card{box-shadow:none}.card img{filter:saturate(.82) contrast(1.02)}
