*{box-sizing:border-box}
:root{--white:#fafaf7;--ink:#26302b;--sage:#aab7a7;--sand:#d8ccb9;--line:#d7d8d1}
body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,sans-serif}
a{color:inherit;text-decoration:none}
.header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:25px 5vw;border-bottom:1px solid var(--line);background:#fafaf7e8;backdrop-filter:blur(15px)}
.logo{font-family:Georgia,serif;font-size:23px;letter-spacing:1px}
.nav{display:flex;gap:27px}
.nav a{font-size:12px;color:#657069}
.nav a:hover,.nav a.on{color:#111}
.main{width:min(1240px,90vw);margin:auto}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding:100px 0}
.visual{position:relative;min-height:600px;background:linear-gradient(150deg,#d6ddd2,#a1ae9e)}
.visual:before{content:"";position:absolute;left:12%;right:12%;top:14%;bottom:0;background:#ece9de;clip-path:polygon(0 35%,50% 0,100% 35%,100% 100%,0 100%)}
.visual:after{content:"";position:absolute;width:29%;height:46%;left:36%;bottom:0;background:#474f49}
.eyebrow{text-transform:uppercase;letter-spacing:4px;font-size:10px;color:#748078}
h1{margin:28px 0;font-family:Georgia,serif;font-size:clamp(48px,6vw,82px);font-weight:400;line-height:1.02;letter-spacing:-3px}
.lead{font-size:18px;line-height:1.8;color:#67716a}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}
.stat{padding-top:18px;border-top:1px solid var(--ink)}
.stat strong{display:block;font-family:Georgia,serif;font-size:30px;font-weight:400}
.stat span{font-size:11px;color:#79817c}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;padding:30px 0 90px}
.card{min-height:290px;padding:35px;background:#ecece6}
.card:nth-child(3n+2){background:#d8ccb9}
.card:nth-child(3n){background:#b5c0b2}
.card .num{font-size:11px;letter-spacing:2px}
.card h2{margin:70px 0 14px;font-family:Georgia,serif;font-size:30px;font-weight:400}
.card p{max-width:500px;line-height:1.75;color:#56605a}
.footer{display:flex;justify-content:space-between;padding:35px 0;border-top:1px solid var(--line);font-size:11px;color:#707a73}
@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr;padding:50px 0}.visual{min-height:420px;order:2}.cards{grid-template-columns:1fr}}