/*
Theme Name: Yunhong Manufacturing
Theme URI: https://example.com/
Author: Yunhong Z.
Description: A focused WordPress theme for mechanical design and sheet metal engineering services.
Version: 1.0.0
Text Domain: yunhong-manufacturing
*/

:root{--ink:#122127;--muted:#5d6a70;--paper:#f6f8f6;--white:#fff;--green:#17734b;--lime:#c9f15b;--line:#d8dfda;--shadow:0 18px 45px rgba(18,33,39,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,sans-serif;line-height:1.55}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{background:var(--white);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:28px}.brand{font-weight:800;font-size:18px;color:var(--ink);text-decoration:none;letter-spacing:.01em}.brand small{display:block;color:var(--green);font-size:10px;letter-spacing:.12em}.menu{display:flex;gap:22px;list-style:none;padding:0;margin:0}.menu a{color:var(--ink);font-size:14px;text-decoration:none}.button{display:inline-block;padding:13px 20px;border-radius:5px;background:var(--green);color:#fff;text-decoration:none;font-weight:750;font-size:14px;border:1px solid var(--green)}.button.light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}.hero{background:linear-gradient(120deg,#102c2b,#163d37 62%,#1f6145);color:#fff;padding:105px 0 92px;overflow:hidden}.eyebrow{color:var(--lime);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:64px;align-items:center}.hero h1{font-size:clamp(42px,6vw,71px);line-height:1.02;letter-spacing:-.045em;margin:15px 0 20px}.hero p{max-width:680px;font-size:18px;color:#dce9df}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);padding:28px;border-radius:8px;backdrop-filter:blur(7px)}.hero-card strong{font-size:42px;display:block;color:var(--lime)}.hero-card p{font-size:14px;margin:5px 0 20px}.hero-card ul{padding-left:18px;color:#e4eee6;font-size:14px}.section{padding:88px 0}.section.alt{background:#eaf0eb}.section h2{font-size:clamp(30px,4vw,46px);letter-spacing:-.035em;line-height:1.1;margin:11px 0 20px}.lead{max-width:760px;color:var(--muted);font-size:18px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:35px}.card{background:#fff;border:1px solid var(--line);border-radius:7px;padding:27px;box-shadow:0 4px 15px rgba(18,33,39,.025)}.card .num{color:var(--green);font-weight:800;font-size:13px}.card h3{font-size:20px;margin:10px 0}.card p{font-size:14px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}.list{margin:22px 0;padding:0;list-style:none}.list li{border-bottom:1px solid var(--line);padding:14px 0;font-weight:650}.list li:before{content:'✓';color:var(--green);margin-right:12px}.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.case{background:var(--ink);color:white;min-height:280px;padding:25px;display:flex;flex-direction:column;justify-content:end;border-radius:7px;background-image:linear-gradient(180deg,rgba(18,33,39,.08),rgba(18,33,39,.94)),linear-gradient(135deg,#789289,#2c5751)}.case:nth-child(2){background-image:linear-gradient(180deg,rgba(18,33,39,.08),rgba(18,33,39,.94)),linear-gradient(135deg,#b6b7aa,#52605b)}.case:nth-child(3){background-image:linear-gradient(180deg,rgba(18,33,39,.08),rgba(18,33,39,.94)),linear-gradient(135deg,#53716b,#254038)}.case span{color:var(--lime);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.1em}.case h3{font-size:24px;line-height:1.15;margin:10px 0 0}.process{counter-reset:step}.process .card:before{counter-increment:step;content:'0' counter(step);font-weight:850;font-size:28px;color:var(--green)}.cta{background:var(--green);color:#fff;padding:76px 0}.cta h2{font-size:clamp(32px,5vw,54px);line-height:1.05;max-width:700px;margin:12px 0 24px}.site-footer{background:var(--ink);color:#d9e5dc;padding:42px 0}.footer-grid{display:flex;justify-content:space-between;gap:20px}.footer-grid p{margin:4px 0;font-size:13px}.footer-grid a{color:var(--lime)}.page-content{padding:70px 0;min-height:50vh}.page-content h1{font-size:42px}@media(max-width:760px){.menu{display:none}.hero,.section{padding:65px 0}.hero-grid,.split{grid-template-columns:1fr;gap:32px}.grid3,.case-grid{grid-template-columns:1fr}.hero h1{font-size:45px}.footer-grid{display:block}}