:root{--ink:#183b32;
  --muted:#52635a;
  --paper:#f8f8f2;
  --line:#d9dfd4;
  --accent:#d8e5ba;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--ink);
  background:var(--paper);
  font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth;
  scroll-padding-top:24px}
body{margin:0}
a{color:inherit;
  text-decoration:none}
a:focus-visible{outline:3px solid #91713c;
  outline-offset:6px}
a:hover{text-decoration:underline;
  text-underline-offset:5px}
.shell{width:min(1180px,calc(100% - 96px));
  margin-inline:auto}
.header{display:flex;
  justify-content:space-between;
  align-items:center;
  min-height:120px;
  border-bottom:1px solid var(--line);
  gap:24px}
.brand{display:flex;
  align-items:center;
  gap:12px;
  font-size:23px;
  letter-spacing:2px;
  font-weight:700}
.brand-sub{display:block;
  font-size:9px;
  letter-spacing:3px;
  margin-top:5px}
.brand-mark{width:33px;
  height:44px}
nav{display:flex;
  gap:36px;
  font-size:14px}
nav a:last-child span{margin-left:10px}
.hero{display:grid;
  grid-template-columns:1.25fr 1fr;
  gap:42px;
  padding-top:64px}
.hero-copy{padding:40px 0}
.eyebrow{font-size:10px;
  letter-spacing:2px;
  font-weight:700;
  line-height:1.7;
  margin:0 0 25px}
.dot{display:inline-block;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#789461;
  margin-right:8px}
h1,h2,h3,p{margin-top:0}
h1{font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
  font-size:clamp(42px,4.6vw,64px);
  line-height:1.08;
  letter-spacing:-2px;
  margin-bottom:28px}
h1 em{font-weight:400;
  color:#5e7652}
.intro{max-width:430px;
  font-size:16px;
  line-height:1.85;
  color:var(--muted);
  margin-bottom:33px}
.button{display:inline-flex;
  gap:36px;
  align-items:center;
  background:var(--ink);
  color:white;
  padding:18px 24px;
  font-size:13px}
.button:hover{background:#2a5545}
.landscape{position:relative;
  overflow:hidden;
  border-radius:180px 180px 3px 3px;
  max-width:440px;
  justify-self:end;
  width:100%;
  background:#bdcebd}
.landscape svg{display:block;
  width:100%;
  height:100%;
  object-fit:cover}
.landscape-caption{position:absolute;
  bottom:23px;
  left:0;
  right:0;
  text-align:center;
  font-size:8px;
  color:#e6edde;
  letter-spacing:2px}
.hero-bottom{grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:9px 0 30px;
  color:var(--muted);
  font-size:12px}
.scroll-note{font-size:9px;
  letter-spacing:1.5px}
.scroll-note span{margin-left:18px}
.section{padding-block:88px;
  border-top:1px solid var(--line)}
.about,.contact{display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px}
h2{font-family:Georgia,'Times New Roman',serif;
  font-size:43px;
  font-weight:400;
  letter-spacing:-1px;
  line-height:1.15;
  margin-bottom:0}
.about-copy{padding-top:3px}
.about-copy p,.venture-copy>p:not(.eyebrow),.contact-copy p{font-size:15px;
  line-height:1.85;
  color:var(--muted)}
.about-copy .lead{font-size:21px;
  color:var(--ink);
  line-height:1.5}
.principles{display:flex;
  flex-wrap:wrap;
  gap:14px 22px;
  border-top:1px solid var(--line);
  padding-top:23px;
  margin-top:27px;
  font-size:11px}
.principles span:before{content:'+';
  margin-right:8px;
  color:#6b805a}
.ventures{background:#eef1e9}
.section-heading{display:flex;
  justify-content:space-between;
  align-items:end;
  margin-bottom:38px;
  gap:24px}
.section-heading>p{font-size:13px;
  line-height:1.8;
  color:var(--muted);
  margin:0}
.venture-card{display:grid;
  grid-template-columns:.85fr 1.15fr;
  background:var(--paper);
  border:1px solid var(--line)}
.product-art{background:#dce7ce;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:35px;
  min-height:310px;
  color:#3d654b}
.product-art svg{width:180px;
  max-width:100%}
.product-art span{font-family:Georgia,'Times New Roman',serif;
  letter-spacing:4px;
  font-size:15px;
  margin-top:12px}
.venture-copy{padding:45px 50px}
.venture-copy .eyebrow{margin-bottom:16px}
h3{font-family:Georgia,'Times New Roman',serif;
  font-size:38px;
  font-weight:400;
  margin-bottom:8px}
.venture-copy .venture-category{font-size:12px!important;
  margin-bottom:22px}
.text-link{display:inline-block;
  font-size:14px;
  border-bottom:1px solid var(--ink);
  padding-block:6px}
.future-note{font-size:12px;
  color:var(--muted);
  margin:24px 0 0}
.future-note span{margin-right:10px}
.contact{border-top:0}
.contact-copy{align-self:center;
  max-width:400px}
.email{font-size:clamp(17px,2.2vw,25px);
  overflow-wrap:anywhere;
  border-bottom:1px solid var(--ink);
  padding-bottom:6px;
  display:inline-block}
.contact-copy .location{font-size:12px;
  margin-top:26px}
.contact-pending{color:var(--ink)!important}
.footer{background:var(--ink);
  color:#e5ebdf}
.footer-inner{min-height:104px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  font-size:11px}
.footer-name{font-size:14px}
.footer p{margin:0;
  color:#b8c8bc}
.skip-link{position:absolute;
  top:-100px;
  left:16px;
  padding:14px;
  background:var(--ink);
  color:#fff;
  z-index:10}
.skip-link:focus{top:12px}
@media(min-width:1400px){.hero{gap:75px}
}
@media(max-width:850px){.shell{width:calc(100% - 48px)}
.header{min-height:100px}
.brand{font-size:19px}
nav{gap:20px}
.hero{gap:28px;
  padding-top:40px}
.hero-copy{padding:20px 0}
h1{font-size:44px}
.about,.contact{gap:35px}
h2{font-size:36px}
.section{padding-block:64px}
.venture-copy{padding:32px}
.landscape{align-self:center}
.principles{gap:15px}
}
@media(max-width:600px){.shell{width:calc(100% - 40px)}
.header{flex-direction:column;
  align-items:flex-start;
  padding-block:22px;
  gap:22px}
nav{width:100%;
  justify-content:space-between;
  font-size:13px}
.hero{grid-template-columns:1fr;
  padding-top:28px;
  gap:28px}
.hero-copy{padding:8px 0 0}
h1{font-size:46px;
  letter-spacing:-1.6px}
.intro{font-size:15px}
.landscape{height:340px;
  max-width:none;
  border-radius:150px 150px 3px 3px}
.landscape svg{object-fit:cover;
  object-position:center 56%}
.hero-bottom{padding-bottom:25px;
  font-size:11px}
.scroll-note{display:none}
.about,.contact{grid-template-columns:1fr;
  gap:30px}
.section{padding-block:52px}
.eyebrow{margin-bottom:18px}
h2{font-size:36px}
.section-heading{align-items:start;
  flex-direction:column;
  gap:20px}
.venture-card{grid-template-columns:1fr}
.product-art{min-height:245px;
  padding:20px}
.product-art svg{width:155px}
.venture-copy{padding:30px 25px}
.footer-inner{align-items:flex-start;
  flex-direction:column;
  padding-block:30px;
  gap:18px}
.footer-name{font-size:15px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}


.arrow{width:14px;
  height:14px;
  display:inline-block;
  vertical-align:middle;
  flex-shrink:0}
.arrow-down{transform:rotate(135deg);
  margin-left:18px}
.arrow-up{transform:rotate(-45deg)}
nav .arrow{margin-left:8px}