:root { --ink:#171814; --paper:#f2f0e8; --brass:#c99236; --brass-light:#e8b45e; --line:#d6d1c3; --muted:#696960; --font-geist-sans:Arial,Helvetica,sans-serif; --font-geist-mono:"Courier New",monospace; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font-geist-sans), Arial, sans-serif; }
a { color:inherit; text-decoration:none; }
.shell { width:min(1180px, calc(100% - 48px)); margin-inline:auto; }
.nav { height:96px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:11px; font-weight:800; font-size:18px; letter-spacing:.16em; line-height:1; }
.brand-mark { width:36px; height:36px; border:1px solid var(--ink); display:grid; place-items:center; color:var(--brass); font-family:Georgia,serif; font-size:22px; letter-spacing:0; }
.brand small { display:block; font:500 8px/1 var(--font-geist-mono); letter-spacing:.19em; color:var(--muted); margin-top:5px; }
.nav-links { display:flex; gap:38px; font:500 12px var(--font-geist-mono); text-transform:uppercase; letter-spacing:.08em; }
.nav-links a:hover { color:var(--brass); }
.nav-cta, .primary-btn { background:var(--ink); color:white; padding:14px 18px; font:600 12px var(--font-geist-mono); text-transform:uppercase; letter-spacing:.06em; display:inline-flex; align-items:center; gap:24px; transition:.2s ease; }
.nav-cta:hover,.primary-btn:hover { background:var(--brass); color:var(--ink); }
.hero { min-height:680px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; overflow:hidden; }
.hero-copy { padding:76px 0 64px; position:relative; z-index:2; }
.eyebrow,.kicker { font:600 11px var(--font-geist-mono); letter-spacing:.16em; text-transform:uppercase; color:#55564f; }
.eyebrow { display:flex; align-items:center; gap:10px; }
.eyebrow span { width:26px; height:1px; background:var(--brass); }
h1,h2 { margin:0; letter-spacing:-.055em; font-weight:650; line-height:.94; }
h1 { font-size:clamp(62px,7.5vw,108px); margin-top:27px; }
h1 em,h2 em { font-family:Georgia,serif; font-weight:400; color:var(--brass); }
.hero-copy>p { max-width:540px; font-size:18px; line-height:1.65; color:var(--muted); margin:28px 0 32px; }
.hero-actions { display:flex; align-items:center; gap:32px; }
.primary-btn { padding:18px 21px; }
.text-link { font:600 12px var(--font-geist-mono); text-transform:uppercase; letter-spacing:.06em; border-bottom:1px solid var(--ink); padding:6px 0; }
.text-link span { margin-left:12px; }
.hero-proof { display:flex; gap:0; margin-top:64px; }
.hero-proof div { min-width:140px; padding:0 24px; border-left:1px solid var(--line); }
.hero-proof div:first-child { padding-left:0; border-left:0; }
.hero-proof strong { display:block; font:500 22px var(--font-geist-mono); }
.hero-proof span { display:block; margin-top:7px; font:500 9px var(--font-geist-mono); text-transform:uppercase; color:var(--muted); letter-spacing:.08em; }
.hero-visual { height:590px; position:relative; display:grid; place-items:center; background-image:linear-gradient(#dcd8ca 1px,transparent 1px),linear-gradient(90deg,#dcd8ca 1px,transparent 1px); background-size:52px 52px; border-left:1px solid var(--line); }
.hero-visual:before { content:""; position:absolute; inset:5% -30% 5% 10%; background:radial-gradient(circle,#d3cdbd 0,transparent 67%); }
.component { width:175px; height:430px; position:relative; z-index:3; filter:drop-shadow(24px 30px 20px #6f674a45); transform:rotate(8deg); }
.thread { width:84px; height:142px; margin:auto; background:repeating-linear-gradient(0deg,#a96d17 0 4px,#e5ae4c 5px 9px,#805113 10px 12px); border-radius:9px; box-shadow:inset 14px 0 18px #efd071,inset -15px 0 20px #68400d; }
.hex { width:174px; height:130px; margin:-2px auto; display:grid; place-items:center; color:#8b5815; font:700 30px Georgia; background:linear-gradient(135deg,#f0c86d,#9f6519 58%,#e6ac4c); clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); position:relative; }
.hex:after { content:""; position:absolute; inset:15px; clip-path:inherit; background:linear-gradient(140deg,#b87820,#f2cb70); opacity:.7; }
.hex span { z-index:2; }
.collar { width:127px; height:48px; margin:auto; background:linear-gradient(90deg,#70430a,#e8b75a 45%,#8c5612); border-radius:8px; box-shadow:inset 0 5px #f3d17e; }
.bottom-thread { height:112px; width:66px; }
.orbit { position:absolute; border:1px solid #a6a292; border-radius:50%; z-index:1; }
.orbit-one { width:460px; height:460px; }
.orbit-two { width:320px; height:560px; transform:rotate(55deg); }
.technical-label,.drawing-note { position:absolute; font:500 9px/1.6 var(--font-geist-mono); letter-spacing:.1em; color:#77766e; }
.label-a { left:8%; top:22%; }.label-b { right:5%; top:59%; }.drawing-note { right:4%; bottom:4%; text-align:right; }
.crosshair { position:absolute; width:25px; height:25px; border:1px solid #a8a395; border-radius:50%; }
.crosshair:before,.crosshair:after { content:""; position:absolute; background:#a8a395; }.crosshair:before{width:39px;height:1px;left:-8px;top:11px}.crosshair:after{height:39px;width:1px;top:-8px;left:11px}.crosshair-a{left:8%;bottom:22%}.crosshair-b{right:8%;top:18%}
.marquee { overflow:hidden; border-block:1px solid var(--ink); background:var(--brass); padding:14px 0; white-space:nowrap; }
.marquee div { min-width:max-content; font:700 12px var(--font-geist-mono); letter-spacing:.15em; animation:scroll 24s linear infinite; }
.marquee span { margin:0 27px; }
@keyframes scroll { to{transform:translateX(-50%)} }
.section { padding-block:120px; }
.section-heading { display:grid; grid-template-columns:1.3fr .7fr; gap:120px; align-items:end; margin-bottom:60px; }
.section-heading h2,.capability-copy h2,.contact h2 { font-size:clamp(44px,5vw,70px); margin-top:19px; }
.section-heading>p { color:var(--muted); line-height:1.7; font-size:16px; }
.product-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--ink); }
.product-card { min-height:420px; padding:22px; border-right:1px solid var(--line); position:relative; display:flex; flex-direction:column; }
.product-card:first-child { border-left:1px solid var(--line); }
.product-number { font:500 10px var(--font-geist-mono); color:var(--muted); }
.mini-part { height:154px; margin:25px 0 22px; display:flex; align-items:center; justify-content:center; flex-direction:column; filter:drop-shadow(10px 12px 9px #887a5530); }
.mini-part i { width:39px; height:47px; background:repeating-linear-gradient(0deg,#9b6219 0 3px,#db9d39 4px 7px); }
.mini-part b { width:76px; height:49px; background:linear-gradient(145deg,#efc165,#9c6217); clip-path:polygon(20% 0,80% 0,100% 50%,80% 100%,20% 100%,0 50%); }
.part-02 { transform:rotate(90deg) scale(.88); }.part-03 b{width:45px;border-radius:50%;clip-path:none}.part-03 i{width:19px}.part-04{transform:rotate(-35deg) scale(.82)}
.product-card h3 { font-size:19px; margin:0 0 12px; }.product-card p { color:var(--muted); font-size:13px; line-height:1.6; margin:0; }.product-card a { margin-top:auto; padding-top:18px; border-top:1px solid var(--line); font:600 10px var(--font-geist-mono); text-transform:uppercase; display:flex; justify-content:space-between; }
.capabilities { background:var(--ink); color:white; padding:120px 0; overflow:hidden; }
.capability-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:100px; align-items:center; }
.quality-stamp { aspect-ratio:1; border:1px solid #4c4c46; border-radius:50%; display:grid; place-content:center; text-align:center; position:relative; background:radial-gradient(circle,#272821 0 2px,transparent 3px); background-size:12px 12px; }
.quality-stamp:before,.quality-stamp:after { content:""; position:absolute; border:1px solid #505048; border-radius:50%; inset:11%; }.quality-stamp:after{inset:23%;border-color:var(--brass)}
.quality-stamp span { color:var(--brass); font:400 72px Georgia; z-index:1; }.quality-stamp strong { font:600 12px/1.6 var(--font-geist-mono); letter-spacing:.2em; z-index:1; }
.kicker.light { color:#a6a69e; }.capability-copy>p { color:#a9aaa3; max-width:590px; line-height:1.75; font-size:16px; margin:28px 0 35px; }
.capability-list { border-top:1px solid #45463f; }.capability-list div { border-bottom:1px solid #45463f; padding:18px 0; display:grid; grid-template-columns:50px 1fr auto; font-size:14px; }.capability-list span{font:500 10px var(--font-geist-mono);color:var(--brass)}.capability-list b{color:var(--brass)}
.about-heading { grid-template-columns:1.4fr .6fr; }.values { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--ink); }.values article{padding:35px 45px 10px 0;border-right:1px solid var(--line)}.values article+article{padding-left:45px}.values article:last-child{border:0}.values span{color:var(--brass);font-size:30px}.values h3{font-size:20px;margin:27px 0 12px}.values p{font-size:14px;line-height:1.7;color:var(--muted)}
.contact { background:var(--brass); padding:75px; display:grid; grid-template-columns:1fr 1fr; align-items:end; }.contact .kicker.light{color:#51401f}.contact h2 em{color:#fff2d3}.contact-side{padding-left:70px;border-left:1px solid #8f6523}.contact-side p{line-height:1.7;max-width:430px}.contact-side a{display:flex;justify-content:space-between;max-width:430px;border-bottom:1px solid var(--ink);padding:20px 0 9px;font:600 13px var(--font-geist-mono)}
footer { min-height:130px; display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; font:500 10px var(--font-geist-mono); color:var(--muted); }.footer-brand{color:var(--ink)}footer p:last-child{text-align:right}
@media(max-width:850px){.shell{width:min(100% - 32px,680px)}.nav{height:80px}.nav-links{display:none}.nav-cta{padding:12px;font-size:9px;gap:8px}.hero{grid-template-columns:1fr}.hero-copy{padding-top:60px}.hero-visual{height:480px;border:1px solid var(--line);margin-bottom:40px}.hero-proof div{min-width:0;flex:1;padding:0 12px}.section{padding-block:80px}.section-heading,.capability-grid{grid-template-columns:1fr;gap:45px}.product-grid{grid-template-columns:repeat(2,1fr)}.capability-grid{max-width:680px}.quality-stamp{max-width:440px;margin:auto}.values{grid-template-columns:1fr}.values article,.values article+article{padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.contact{grid-template-columns:1fr;padding:54px 28px;gap:40px}.contact-side{padding:0;border:0}footer{grid-template-columns:1fr;text-align:center;gap:18px;padding:35px 0}footer .brand{justify-content:center}footer p{margin:0}footer p:last-child{text-align:center}}
@media(max-width:520px){.brand{font-size:14px}.brand-mark{width:31px;height:31px}.nav-cta{font-size:0}.nav-cta span{font-size:18px}.hero-copy>p{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.hero-proof{margin-top:45px}.hero-proof strong{font-size:18px}.hero-proof span{font-size:7px}.hero-visual{height:410px}.component{transform:rotate(8deg) scale(.76)}.orbit-one{width:330px;height:330px}.orbit-two{width:220px;height:390px}.product-grid{grid-template-columns:1fr}.product-card{min-height:370px;border-left:1px solid var(--line)}.section-heading{margin-bottom:40px}.quality-stamp{width:100%}.contact{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}