:root { --ink:#171814; --paper:#f7f6f1; --muted:#6d6f68; --green:#315943; --line:#d8d8d1; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:16px/1.5 "DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
header { min-height:76px; padding:14px max(24px,4vw); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
.wordmark { font:700 1.5rem/1 "Manrope",sans-serif; letter-spacing:-.07em; }
nav { display:flex; align-items:center; gap:12px; }
nav a { padding:11px 17px; color:var(--muted); font-size:.82rem; font-weight:600; }
nav .contact { border:1px solid var(--line); border-radius:999px; color:var(--ink); transition:background .2s,color .2s,border-color .2s; }
nav .contact:hover,nav .contact:focus-visible { background:var(--ink); border-color:var(--ink); color:white; }
.intro { max-width:1400px; margin:0 auto; padding:clamp(70px,10vw,150px) max(24px,4vw) clamp(70px,9vw,130px); border-bottom:1px solid var(--line); }
.eyebrow { margin:0 0 22px; color:var(--green); font-size:.75rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
h1 { margin:0; font:500 clamp(3.4rem,8vw,8.7rem)/.88 "Manrope",sans-serif; letter-spacing:-.075em; }
h1 em { color:var(--green); font-weight:500; }
.lede { max-width:510px; margin:32px 0 0; color:var(--muted); font-size:1.08rem; line-height:1.65; }
.store { max-width:1400px; margin:0 auto; padding:75px max(24px,4vw) 120px; }
.store-heading { display:flex; align-items:baseline; justify-content:space-between; padding-bottom:24px; border-bottom:1px solid var(--ink); }
.store-heading h2 { margin:0; font:600 1.55rem/1 "Manrope",sans-serif; letter-spacing:-.04em; }
.store-heading p,.product-number { margin:0; color:var(--muted); font-size:.75rem; letter-spacing:.13em; text-transform:uppercase; }
.product-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding-top:28px; }
.product { position:relative; min-width:0; padding:58px clamp(20px,3vw,42px) 46px; border:1px solid var(--line); background:#fff; }
.product-number { position:absolute; top:20px; left:20px; }
.product>div { width:100%; }
footer { min-height:120px; padding:32px max(24px,4vw); display:grid; grid-template-columns:1fr 1fr 1fr; align-items:center; border-top:1px solid var(--ink); color:var(--muted); font-size:.75rem; }
footer p:nth-child(2) { text-align:center; }
footer p:last-child { text-align:right; }
@media (max-width:700px) {
  header { min-height:68px; } nav { gap:2px; } nav a { padding:9px 11px; }
  .intro { padding-top:75px; } h1 { font-size:clamp(3.15rem,16vw,5.5rem); }
  .store { padding-top:54px; padding-bottom:80px; }
  .product-grid { grid-template-columns:1fr; }
  .product { padding:56px 18px 40px; }
  footer { grid-template-columns:1fr; gap:14px; }
  footer p { margin:0; } footer p:nth-child(2),footer p:last-child { text-align:left; }
}