:root{--ink:#20211e;--muted:#73766c;--paper:#faf9f5;--green:#3c5547;--line:#dedfd6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 Arial,Helvetica,sans-serif}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;border-bottom:1px solid var(--line)}.logo{font-size:25px;font-weight:800;letter-spacing:3px}header span{font-size:12px;letter-spacing:2px;color:var(--muted)}.hero{max-width:1180px;margin:auto;padding:76px 40px 48px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;color:var(--green);text-transform:uppercase}h1{font-size:clamp(38px,5.6vw,72px);line-height:1.1;letter-spacing:-3px;max-width:1000px;margin:23px 0}.dek{color:var(--muted);max-width:670px;font-size:20px;line-height:1.6}.meta{font-size:12px;margin-top:28px;color:var(--muted)}.cover{margin-top:42px;min-height:340px;background:var(--green);color:#f7f6ed;padding:48px;display:flex;flex-direction:column;justify-content:space-between}.cover .brand{font-size:13px;letter-spacing:5px}.cover strong{font-size:clamp(30px,4vw,50px);line-height:1.2;max-width:680px;font-weight:500;letter-spacing:-1px}.cover .tags{font-size:11px;letter-spacing:2px;word-spacing:8px}.layout{max-width:1100px;padding:30px 40px 80px;margin:auto;display:grid;grid-template-columns:180px 1fr;gap:60px}aside{position:sticky;top:30px;height:max-content;font-size:12px;padding-top:12px}aside b{display:block;letter-spacing:2px;font-size:10px;margin-bottom:15px}aside a{display:block;color:var(--muted);text-decoration:none;padding:7px 0}aside a:hover{color:var(--green)}article{max-width:760px}section{margin-bottom:58px;scroll-margin-top:30px}h2{font-size:32px;line-height:1.25;letter-spacing:-1px;margin:0 0 22px}p{margin:0 0 20px}.lead{font-size:21px;line-height:1.65}.principles{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.principle{padding:25px 0;border-top:1px solid var(--line)}.num{font-size:11px;letter-spacing:2px;color:var(--muted)}h3{font-size:21px;line-height:1.3;margin:13px 0}.principle p{font-size:15px;line-height:1.8;color:#555a50}.placeholder{border:1px dashed #b3b6aa;background:#eeeee6;min-height:200px;padding:35px;display:flex;flex-direction:column;justify-content:center;text-align:center;margin:28px 0 8px}.placeholder strong{font-size:16px;font-weight:500}.placeholder small{color:var(--muted);font-size:12px;margin-top:8px}.caption{font-size:11px;color:var(--muted);margin-bottom:30px}.end{padding:35px 0;border-top:1px solid var(--line)}.end h2{color:var(--green)}footer{border-top:1px solid var(--line);padding:28px 6vw;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}@media(max-width:750px){header{height:68px}header span{font-size:10px}.hero{padding:42px 22px 20px}h1{letter-spacing:-1.5px}.cover{padding:28px;min-height:280px}.layout{display:block;padding:25px 22px 50px}aside{position:static;border-bottom:1px solid var(--line);margin-bottom:35px;padding-bottom:20px}aside a{display:inline-block;margin-right:15px}.principles{grid-template-columns:1fr}h2{font-size:27px}footer{gap:15px;flex-wrap:wrap}}

figure{margin:30px 0}figure img{display:block;width:100%;height:auto}figcaption{font-size:12px;color:var(--muted);line-height:1.6;margin-top:10px}.product-proof{max-width:540px;margin:30px auto}.tooling-proof{max-width:360px;margin:30px auto}.cta{display:inline-block;padding:12px 20px;background:var(--green);color:white;text-decoration:none;font-size:14px}a:focus-visible{outline:3px solid #d99544;outline-offset:5px}article a:not(.cta){color:var(--green);text-underline-offset:4px}.cover-photo{width:100%;height:auto;display:block;margin-top:35px}h1{max-width:1000px}header a{color:inherit;text-decoration:none;font-size:12px} .meta{display:flex;gap:10px;flex-wrap:wrap}

/* Unified manufacturing photo layout */
#manufacturing{display:grid;grid-template-columns:3fr 2fr;gap:0 24px;align-items:start}
#manufacturing> :not(figure){grid-column:1 / -1}
#manufacturing>figure{width:100%;max-width:none;margin:10px 0 28px}
#manufacturing>figure img{width:100%;height:240px;object-fit:cover;object-position:center}
#manufacturing>figure figcaption{font-size:13px;line-height:1.65;margin-top:12px}
@media(max-width:750px){#manufacturing{grid-template-columns:1fr;gap:0}#manufacturing>figure img{height:auto;object-fit:contain}#manufacturing>.tooling-proof img{max-height:340px;object-fit:contain;background:#eeeee6}}