:root{
  --black:#111312; --charcoal:#202321; --graphite:#2d302e;
  --paper:#f3f3f0; --silver:#d7d9d7; --muted:#8f9490; --line:#d5d7d3;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--black);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit}
.topbar{height:84px;display:flex;align-items:center;padding:0 5.5vw;background:#151716;color:white;position:sticky;top:0;z-index:10;border-bottom:1px solid #303330}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.12em;font-size:15px}
.brand img{width:50px;height:50px;object-fit:cover}.brand small{font-size:9px;color:#aaa}
nav{display:flex;gap:34px;margin-left:auto}nav a{font-size:12px;letter-spacing:.08em;color:#c8cbc8}
.nav-cta{margin-left:34px;border:1px solid #717571;padding:12px 17px;font-size:11px;font-weight:700;letter-spacing:.12em}
.hero{min-height:700px;background:linear-gradient(115deg,#111312 0%,#1a1d1b 60%,#252825 100%);color:white;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;padding:8vw 7vw;overflow:hidden}
.hero-inner{max-width:900px}.kicker{font-size:11px;letter-spacing:.18em;font-weight:800;color:#c7cac7;margin-bottom:24px}.kicker span{display:inline-block;width:28px;border-top:1px solid #777;margin:0 10px 3px}.kicker.dark{color:#626762}
h1,h2{font-family:Georgia,'Times New Roman',serif;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(54px,6.4vw,94px);line-height:.98}h1 em{font-weight:400;color:#cfd2cf}
h2{font-size:clamp(40px,4.5vw,64px);line-height:1.02}
.lead{max-width:770px;color:#b9bdb9;font-size:19px;line-height:1.7;margin:32px 0}
.hero-actions{display:flex;gap:12px}.button{display:inline-block;padding:16px 21px;font-size:11px;letter-spacing:.12em;font-weight:800}.button.light{background:#f3f3f0;color:#111}.button.outline{border:1px solid #707470;color:white}
.credentials{display:flex;gap:50px;margin-top:60px;padding-top:25px;border-top:1px solid #3d403e}.credentials small{display:block;color:#777c78;font-size:9px;letter-spacing:.15em;margin-bottom:7px}.credentials strong{font-size:13px;letter-spacing:.08em}
.hero-logo{display:flex;justify-content:center;opacity:.85}.hero-logo img{width:min(470px,40vw);mix-blend-mode:screen;filter:grayscale(1) contrast(1.05)}
.mission-bar{background:#d9dbd8;display:flex;justify-content:center;gap:32px;padding:18px;font-size:10px;letter-spacing:.18em;font-weight:800}.mission-bar i{height:4px;width:4px;background:#777;border-radius:50%;align-self:center}
.section{padding:110px 7vw}.section-intro{max-width:850px;margin-bottom:55px}.section-intro p{max-width:700px;color:#666b67;font-size:17px;line-height:1.7}
.cards{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line);border-top:1px solid var(--line)}
.cards article{min-height:235px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards article span{font:700 11px monospace;color:#8b908c}.cards h3{font-family:Georgia,serif;font-size:22px;margin:42px 0 13px}.cards p{font-size:14px;line-height:1.6;color:#686d69}
.black-panel{background:#151716;color:white;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.black-panel p{color:#aeb2ae;font-size:17px;line-height:1.7;max-width:650px}.black-panel .button{margin-top:20px}
.proof{border-top:1px solid #3b3e3b}.proof div{display:grid;grid-template-columns:50px 1fr;gap:10px;padding:21px 0;border-bottom:1px solid #3b3e3b;color:#d3d5d3}.proof b{font:11px monospace;color:#747975}.proof span{font-size:14px}
.supplier{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.supplier-copy p,.about-copy p,.contact>div>p{font-size:17px;line-height:1.75;color:#686d69}.inline-link{display:inline-block;margin-top:20px;padding-bottom:5px;border-bottom:1px solid #111;font-size:12px;letter-spacing:.1em;font-weight:800}
.about{background:#e4e5e1;display:grid;grid-template-columns:1.3fr .7fr;gap:9vw}.about-copy{max-width:760px}blockquote{margin:0;align-self:center;border-left:3px solid #858a86;padding-left:30px;font-family:Georgia,serif;font-size:26px;font-style:italic;line-height:1.5;color:#3d413e}
.contact{background:#111312;color:white;display:grid;grid-template-columns:1.25fr .75fr;gap:9vw}.contact>div>p{color:#aeb2ae;max-width:650px}.contact-card{border:1px solid #3b3f3c;padding:34px}.contact-card img{width:72px;float:right;filter:grayscale(1)}.contact-card h3{font-family:Georgia,serif;font-size:25px;margin:5px 0}.contact-card small{font-size:9px;letter-spacing:.15em;color:#777}.contact-card hr{border:0;border-top:1px solid #383b39;margin:28px 0}.contact-card p{color:#c6c9c6;line-height:1.7}.contact-card a{color:white}.idrow{display:flex;gap:18px;margin-top:25px;font:10px monospace;color:#8f9490}
footer{background:#090b0a;color:#737873;padding:25px 7vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em}
@media(max-width:820px){
  nav{display:none}.topbar{padding:0 5vw}.nav-cta{margin-left:auto}.brand span{display:none}
  .hero{grid-template-columns:1fr;min-height:650px;padding-top:90px}.hero-logo{display:none}
  .credentials{gap:25px;flex-wrap:wrap}.mission-bar{justify-content:flex-start;overflow:auto}
  .cards{grid-template-columns:1fr}.black-panel,.supplier,.about,.contact{grid-template-columns:1fr}
  .section{padding:75px 7vw}footer{flex-direction:column;gap:12px}
}