:root{--forest:#11352a;--forest2:#0a251d;--gold:#d6a83e;--ivory:#f7f2e9;--ink:#13201b;--line:#d9d1c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--ivory);color:var(--ink)}
.hero{min-height:760px;color:#fff;background:linear-gradient(90deg,rgba(3,17,25,.84),rgba(3,17,25,.45)),url('../img/hero-montana.jpg') center/cover no-repeat}
.wrap{width:min(1180px,calc(100% - 48px));margin:auto}
nav{display:flex;justify-content:space-between;align-items:center;padding:24px 0}.brand{font:32px Georgia,serif}.navlinks{display:flex;gap:28px;align-items:center}.navlinks a{color:#fff;text-decoration:none}.cta{background:var(--forest);padding:12px 20px;border-radius:8px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding:70px 0 52px}
.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#e4bf65;font-size:13px;font-weight:700}
h1{font:500 clamp(50px,6vw,78px)/1.02 Georgia,serif;margin:18px 0}h1 em{color:var(--gold);font-style:normal}
.lead{font-size:18px;line-height:1.75;max-width:560px}.actions{display:flex;gap:16px;margin-top:28px}.btn{padding:15px 22px;border-radius:7px;text-decoration:none;font-weight:700;border:1px solid var(--gold)}.primary{background:var(--gold);color:#fff}.ghost{color:#edca75;background:rgba(0,0,0,.2)}
.stack{display:flex;flex-direction:column;gap:14px}.card{border-radius:18px;padding:26px 30px;box-shadow:0 18px 44px rgba(0,0,0,.22)}
.card .label{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}.card h3{font:500 32px Georgia,serif;margin:10px 0 8px}.card p{margin:0}
.active{background:linear-gradient(135deg,var(--forest),var(--forest2));color:#fff}.active .label{color:#e5c46b}.light{background:rgba(252,249,243,.97);color:var(--ink);border:1px solid rgba(0,0,0,.12)}
.strip{background:rgba(5,35,27,.95)}.principles{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0}.principles div{padding:8px 16px;text-align:center;border-right:1px solid rgba(255,255,255,.18)}.principles div:last-child{border:0}
.section{padding:72px 0;text-align:center}.section h2{font:500 48px Georgia,serif}.values{display:grid;grid-template-columns:repeat(4,1fr)}.value{padding:18px 30px;border-right:1px solid var(--line)}.value:last-child{border:0}.value h3{font:500 28px Georgia,serif}.value p{line-height:1.65;color:#53615c}.icon{width:72px;height:72px;border:1px solid #9ba79f;border-radius:50%;display:grid;place-items:center;margin:auto;font-size:28px}
.ecosystem{border-top:1px solid var(--line);padding:58px 0}.eco-grid{display:grid;grid-template-columns:.9fr 1.2fr .7fr;gap:40px;align-items:center}.eco-title{font:500 42px/1.1 Georgia,serif}.eco-title em{color:#b88622;font-style:normal}.eco-copy{line-height:1.8;color:#58655f}.eco-btn{justify-self:end;background:var(--forest);color:#fff;border:0}
@media(max-width:900px){.navlinks{display:none}.hero-grid{grid-template-columns:1fr}.principles,.values{grid-template-columns:1fr 1fr}.eco-grid{grid-template-columns:1fr}.eco-btn{justify-self:start}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.principles,.values{grid-template-columns:1fr}}

.card-link {
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.card-link:hover {
    color: inherit;
}