:root{
 --forest:#173B2D;--forest2:#102A20;--forest3:#2E5A45;
 --cream:#F6F3EC;--ivory:#FCFAF5;--paper:#FFFDF9;
 --gold:#B18B45;--gold2:#8B6B32;--goldsoft:#E8D8B6;
 --ink:#172019;--muted:#687269;--border:#DDD8CD;
 --success:#286B4A;--danger:#8E2E2E;
 --shadow:0 18px 45px rgba(16,42,32,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
img{max-width:100%;display:block}
a{color:inherit}
.wrap{max-width:1240px;margin:auto;padding:0 28px}
.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--forest);color:#fff;padding:10px 14px;border-radius:10px;text-decoration:none;font-weight:800;box-shadow:var(--shadow)}
.skip-link:focus{top:14px}
header{position:sticky;top:0;z-index:30;background:rgba(252,250,245,.96);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,216,205,.85)}
.header{min-height:74px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;letter-spacing:.08em;color:var(--forest);font-weight:800;font-size:21px}
.brandmark{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--forest);color:var(--goldsoft);font:800 22px Georgia,serif;box-shadow:inset 0 0 0 1px rgba(232,216,182,.28)}
nav{margin-left:auto;display:flex;align-items:center;gap:24px}
nav a{text-decoration:none;font-size:13px;font-weight:750}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:999px;text-decoration:none;font-weight:850;font-size:13px;border:1px solid transparent;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.btn:hover{transform:translateY(-1px)}
.primary{background:var(--forest);color:white}.gold{background:var(--goldsoft);color:var(--forest)}.outline{border-color:var(--forest);background:transparent;color:var(--forest)}
.hero-outline{border-color:var(--goldsoft)!important;color:#fff!important}
.kicker{font-size:10px;letter-spacing:.22em;font-weight:900;color:var(--gold2)}
.badge{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:var(--goldsoft);color:var(--forest);font-size:10px;font-weight:900}
.card{background:var(--paper);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}
.section{padding:72px 0}
.sectionhead{display:flex;justify-content:space-between;gap:22px;align-items:end;margin-bottom:24px}
.section h2{font:700 clamp(32px,4vw,48px)/1.05 Georgia,serif;color:var(--forest);margin:7px 0 0}
.section p.lead{max-width:760px;color:var(--muted);line-height:1.7;margin:10px 0 0}
.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:610px}
.hero-photo{min-height:610px;background:center/cover no-repeat;position:relative}
.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,42,32,.02),rgba(16,42,32,.08))}
.hero-copy{background:linear-gradient(145deg,var(--forest),var(--forest2));color:white;display:flex;align-items:center}
.hero-inner{padding:68px 8vw 68px 56px;max-width:720px}
.hero h1{font:700 clamp(44px,5.5vw,74px)/.98 Georgia,serif;margin:14px 0 0;letter-spacing:-.035em}
.hero p{font-size:17px;line-height:1.62;color:#E6EBE7;max-width:650px}
.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.trustline{margin-top:32px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-top:18px;border-top:1px solid rgba(232,216,182,.18)}
.trustline div{font-size:11px;line-height:1.45;color:#E9EFEA}.trustline b{display:block;color:var(--goldsoft);font-size:12px;margin-bottom:3px}
.categorybar{padding:20px 0;background:var(--ivory);border-bottom:1px solid var(--border)}
.categories{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.category{background:#F4F0E7;border:1px solid #E8E0D2;border-radius:16px;padding:16px;text-align:center;text-decoration:none;font-size:11px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease}
.category:hover{transform:translateY(-2px);box-shadow:0 10px 25px rgba(16,42,32,.08)}
.category-mark{display:grid!important;place-items:center;width:42px;height:42px;margin:0 auto 9px!important;border-radius:50%;background:var(--forest);color:var(--goldsoft);font-size:9px!important;letter-spacing:.08em;font-weight:900}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.listing{background:var(--paper);border:1px solid var(--border);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease}
.listing:hover{transform:translateY(-3px);box-shadow:0 22px 48px rgba(16,42,32,.16)}
.listing-photo{height:210px;object-fit:cover;width:100%}
.listing-body{padding:15px}.listing-title{font:700 19px Georgia,serif;color:var(--forest)}
.listing-meta{font-size:10px;color:var(--muted);margin-top:5px}.flags{margin-top:9px;display:flex;gap:6px;flex-wrap:wrap}
.flag{font-size:8px;font-weight:900;padding:5px 7px;border-radius:999px;background:#E7EFEA;color:var(--success);letter-spacing:.03em}.featured{background:var(--goldsoft);color:var(--forest)}
.price-row{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px}
.price{font-weight:900;color:var(--forest)}
.data-note{display:inline-flex;margin-top:12px;padding:8px 10px;border-radius:999px;background:#F3EAD6;color:var(--forest);font-size:10px;font-weight:800}
.ecosystem{background:var(--forest);color:white}
.ecosystem h2{color:white}.ecosystem p.lead{color:#DCE4DE}
.ecogrid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.bigcard{border-radius:24px;overflow:hidden;min-height:410px;position:relative;background:#0e291e}
.bigcard img{width:100%;height:100%;min-height:410px;object-fit:cover;opacity:.82}
.bigcard .overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,31,22,.9),rgba(7,31,22,.08));display:flex;align-items:flex-end;padding:28px}
.bigcard h3{font:700 33px Georgia,serif;margin:0}.bigcard p{color:#E2E8E3;max-width:520px;line-height:1.55}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-row{margin-top:18px}
.feature{background:var(--paper);border:1px solid var(--border);border-radius:20px;padding:22px;color:var(--ink)}.feature-kicker{font-size:9px;letter-spacing:.2em;font-weight:900;color:var(--gold2)}.feature .ico{font-size:28px}.feature h3{font:700 20px Georgia,serif;color:var(--forest);margin:12px 0 7px}.feature p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.story{display:grid;grid-template-columns:.95fr 1.05fr;gap:26px;align-items:center}
.story-photo{border-radius:28px;overflow:hidden;min-height:450px;box-shadow:var(--shadow)}
.story-photo img{width:100%;height:450px;object-fit:cover}
.story-copy{padding:20px}
.story-copy h2{font:700 clamp(34px,4vw,50px)/1.05 Georgia,serif;color:var(--forest);margin:8px 0 0}
.story-list{display:grid;gap:12px;margin-top:22px}
.story-row{display:flex;gap:12px;align-items:flex-start}
.story-icon{width:38px;height:38px;border-radius:12px;background:var(--goldsoft);color:var(--forest);display:grid;place-items:center;flex:none;font-size:9px;font-weight:900;letter-spacing:.05em}
.story-row b{display:block;color:var(--forest);font-size:13px}.story-row span{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.55}
.profile-card{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:center;padding:20px}
.profile-avatar{width:120px;height:120px;border-radius:28px;overflow:hidden;background:#EAE3D7}
.profile-avatar img{width:100%;height:100%;object-fit:cover}
.profile-name{font:700 26px Georgia,serif;color:var(--forest)}
.profile-meta{margin-top:4px;color:var(--muted);font-size:11px}
.profile-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}
.cta{padding:72px 0}.cta-inner{background:var(--goldsoft);border-radius:30px;padding:38px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.cta h2{font:700 38px Georgia,serif;color:var(--forest);max-width:800px;margin:6px 0 0}
footer{padding:34px 0;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.notice{background:#F3EAD6;color:var(--forest);padding:9px 16px;text-align:center;font-size:11px;font-weight:750}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
@media(max-width:1080px){nav{gap:16px}nav a{font-size:12px}}
@media(max-width:960px){
 .hero{grid-template-columns:1fr}.hero-photo{min-height:440px}.hero-copy{min-height:470px}.hero-inner{padding:50px 28px}
 .cards{grid-template-columns:repeat(2,1fr)}.categories{grid-template-columns:repeat(3,1fr)}.ecogrid{grid-template-columns:1fr}
 .features{grid-template-columns:1fr}.story{grid-template-columns:1fr}.profile-card{grid-template-columns:90px 1fr}.profile-card>.btn{grid-column:1/-1;width:100%}
 .profile-avatar{width:90px;height:90px;border-radius:22px}
}
@media(max-width:760px){nav a:not(.btn){display:none}}
@media(max-width:620px){
 .wrap{padding:0 18px}.header{min-height:66px}.brand{font-size:17px}.brandmark{width:38px;height:38px}
 .hero-photo{min-height:330px}.hero-copy{min-height:auto}.hero-inner{padding:42px 20px}.hero h1{font-size:46px}
 .hero p{font-size:15px}.hero-actions .btn{width:100%}.cards{grid-template-columns:1fr}.categories{grid-template-columns:repeat(2,1fr)}
 .trustline{grid-template-columns:1fr}.sectionhead{display:block}.section{padding:50px 0}.bigcard,.bigcard img{min-height:350px}
 .story-photo,.story-photo img{min-height:340px;height:340px}.cta{padding:48px 0}.cta-inner{padding:26px}.cta h2{font-size:31px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}