/* TerraExpert V5 — direction artistique et typographie */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--lime:#b6ff58;--lime2:#86d72f;--text:#f4f8f1;--muted:#b8c8b5}
html{scroll-padding-top:120px}body{font-family:'DM Sans',Arial,sans-serif;letter-spacing:.005em}
h1,h2,h3,.brand strong,.footer-logo,.category strong{font-family:'Manrope','DM Sans',sans-serif;text-wrap:balance}
h1{font-size:clamp(2.65rem,4.5vw,5rem);line-height:1.09;letter-spacing:-.055em;font-weight:800}
h2{letter-spacing:-.042em;line-height:1.2;font-weight:800}h3{letter-spacing:-.025em;line-height:1.3}
.header{min-height:92px;gap:18px}.brand strong{font-weight:800;letter-spacing:-.065em}.brand small{letter-spacing:.025em;font-size:10px}
.header nav a{font-weight:700;letter-spacing:.012em;font-size:13px}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:800;text-transform:uppercase}
.hero{min-height:520px;grid-template-columns:51% 49%;border-bottom:1px solid #345638}.hero-copy{padding:78px 7% 55px 9%}.hero h1{max-width:760px}.hero p{font-size:17px;line-height:1.75}
.hero-photo{filter:none;background-position:center;background-size:cover}.hero-photo:after{background:linear-gradient(90deg,#071008 0%,#0710081a 28%,transparent 70%)}
.button{font-family:'DM Sans',sans-serif;font-size:14px;letter-spacing:.005em;border-radius:12px;padding:16px 24px}
.category{border-color:#3b6b37;background:linear-gradient(110deg,#162b19,#09110b 80%);border-radius:18px}.category strong{font-size:clamp(16px,1.45vw,21px);letter-spacing:-.04em}.category small{line-height:1.45}
.card,.guide{border-radius:17px;border-color:#34523a}.card h3{font-size:18px;line-height:1.35}.card p{font-size:13px;line-height:1.65}.card-body{padding:18px 19px 23px}.card img{height:185px}
.section{padding-top:72px;padding-bottom:42px}.section-head h2{font-size:clamp(26px,2.7vw,40px)}.section-head>a{font-size:13px;font-weight:700}
.affiliate-card{border:1px solid #4d793f;border-radius:20px;gap:34px;padding:27px;box-shadow:0 18px 65px #0005}.affiliate-card h3{font-size:clamp(21px,2.2vw,30px);line-height:1.3}.affiliate-card img{height:270px}.affiliate-card p{color:#cbd7c7}
.tag{font-size:10px;letter-spacing:.035em;text-transform:uppercase}.guide h3{font-size:20px}.guide p{line-height:1.8}
.discovery-copy h2{font-size:clamp(32px,3.9vw,58px)}.footer-logo{letter-spacing:-.055em}
/* Original images are small: avoid enlarging thumbnails with aggressive CSS filters. */
.category img,.card img{filter:none}.category:hover img,.card:hover img{filter:none}
:focus-visible{outline:3px solid var(--lime);outline-offset:4px}
@media(max-width:1200px){.header{gap:12px}.brand{min-width:260px}.header nav{gap:13px}.header nav a{font-size:12px}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-copy{padding:48px 6% 55px}.hero-photo{height:330px;grid-row:1}.categories{gap:12px}.category strong{font-size:17px}}
@media(max-width:760px){.hero-photo{height:260px}.hero h1{font-size:clamp(35px,8.7vw,55px)}.section{padding-top:50px}.header{min-height:0}.brand{min-width:0}.affiliate-card{padding:18px}.affiliate-card img{height:230px}}
