
:root{--ink:#183829;--ink2:#284734;--paper:#f8f7f1;--cream:#f1eee6;--sand:#e0d7c7;--sage:#718572;--serif:Georgia,"Times New Roman",serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}.wrap{width:min(1230px,calc(100% - 68px));margin:auto}.topline{background:#173526;color:#e4eee3;font-size:12px;letter-spacing:.18em;padding:9px 0}.topline .wrap{display:flex;justify-content:space-between}.site-header{position:sticky;z-index:30;top:0;background:#fcfbf6f2;backdrop-filter:blur(16px);border-bottom:1px solid #dde0d6}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:87px}.logo img{width:146px;height:auto;object-fit:contain}.navlinks{display:flex;gap:30px;font-size:12px}.navlinks a{text-decoration:none}.navlinks a:hover{text-decoration:underline;text-underline-offset:4px}.pill{display:inline-block;background:#183c2a;color:#fff;padding:15px 23px;border-radius:50px;font-size:12px;font-weight:600;letter-spacing:.025em;text-decoration:none;white-space:nowrap}.pill:hover{background:#2c5b40}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.2em}.lead{font-size:clamp(16px,1.7vw,20px);line-height:1.65;color:#e1e9de}.hero{position:relative;overflow:hidden;color:white;background:#163321}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#142f22 5%,#142f22ef 41%,#142f22a1 65%,#142f2255 100%),url('./assets/jardin.webp') center 43% / cover}.hero .inner{position:relative;z-index:1;padding:92px 0 95px;min-height:400px}.hero h1{font:normal clamp(55px,7vw,96px)/1 var(--serif);letter-spacing:-.046em;max-width:950px;margin:25px 0}.hero h1 em{font-weight:normal;color:#c9d6ba}.hero .lead{max-width:670px}.hero .two-cta{display:flex;gap:13px;flex-wrap:wrap;margin-top:26px}.pale-btn{display:inline-flex;background:#f6f5ed;color:#1b3a29;text-decoration:none;border-radius:999px;padding:14px 22px;font-size:12px;font-weight:600}.outline-btn{display:inline-flex;color:#fff;border:1px solid #ffffff9c;text-decoration:none;border-radius:999px;padding:14px 22px;font-size:12px}.intro{padding:58px 0 20px;display:flex;justify-content:space-between;align-items:end;gap:55px}.intro h2{font:normal clamp(38px,4.4vw,65px)/1.06 var(--serif);margin:10px 0 13px;letter-spacing:-.04em}.intro p{max-width:470px;line-height:1.75;color:#667d67}.filters{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:0 0 25px}.filter{border:1px solid #c9d1c6;background:transparent;border-radius:40px;padding:12px 17px;color:#45654b;font-size:12px;cursor:pointer}.filter[aria-pressed=true]{background:#1d452f;color:#fff;border-color:#1d452f}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px;padding-bottom:83px}.card{background:white;border:1px solid #e2e4d9;overflow:hidden;display:flex;flex-direction:column;min-height:560px;transition:transform .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);box-shadow:0 15px 45px #132d2017}.cover{height:258px;display:flex;align-items:center;justify-content:center;background:#e8e8dc;overflow:hidden;position:relative}.cover img{width:100%;height:100%;object-fit:cover}.cover.is-illustration{background:#e7dfce}.cover.is-illustration img{object-fit:contain;width:97%;height:87%}.cover.is-brochure{background:#d8ddcf}.cover.is-brochure img{object-fit:cover;object-position:50% 21%;width:100%;height:100%}.cover.is-photo img{object-position:center 36%}.card-body{padding:25px 27px 26px;display:flex;flex:1;flex-direction:column}.card-kicker{font-size:12px;letter-spacing:.16em;color:#7e9279}.card h3{font:normal 29px/1.1 var(--serif);letter-spacing:-.035em;margin:12px 0 10px}.card .subtitle{font:italic 16px/1.35 var(--serif);color:#567357;margin:0 0 10px}.card .desc{font-size:12px;line-height:1.72;color:#647765;margin:0 0 17px}.card-meta{margin-top:auto;border-top:1px solid #e7e9e0;padding:15px 0 13px;font-size:12px;font-weight:700;color:#355a3c}.card-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;color:#fff;background:#244b35;padding:15px 16px;text-decoration:none}.card-link:hover{background:#173522}.card .tag{padding:8px 15px;border:1px solid #dce3d8;color:#627b61;font-size:12px;letter-spacing:.02em;align-self:flex-start;border-radius:30px;margin-bottom:12px}.strip{background:#dbe2d6;padding:46px 0}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}.strip h2{font:normal clamp(32px,3.7vw,49px)/1.1 var(--serif);margin:10px 0}.strip p{line-height:1.7;color:#56705a;max-width:700px}.note{background:#faf8f0;padding:30px 0;font-size:12px;color:#708373;line-height:1.7}.footer{background:#153322;color:#f4f3e9;padding:45px 0}.footer-inner{display:flex;justify-content:space-between;gap:20px;align-items:start}.footer h3{font:normal 24px var(--serif);margin:0 0 10px}.footer p{font-size:12px;color:#bacaba}.footer a{text-decoration:none;color:#f6f3df;font-size:12px}.detail-hero{padding:88px 0 66px;background:#183727;color:#fff}.detail-hero .eyebrow{color:#bcd0b6}.detail-hero h1{font:normal clamp(46px,7vw,91px)/1.05 var(--serif);letter-spacing:-.04em;max-width:850px;margin:24px 0 14px}.detail-hero p{font:normal 18px/1.65 var(--serif);max-width:790px;color:#d4e1cd}.detail-body{padding:65px 0 85px}.detail-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:70px}.detail-grid h2{font:normal 43px/1.1 var(--serif);margin:0 0 20px}.detail-grid p{font-size:15px;line-height:1.9;color:#57705a}.list-block{list-style:none;margin:20px 0 30px;padding:0}.list-block li{font-size:14px;line-height:1.8;padding:15px 0;border-bottom:1px solid #d8dfd4}.detail-aside{background:#e9eee6;padding:33px}.detail-aside h3{font:normal 30px var(--serif);margin:0 0 15px}.detail-aside p{font-size:13px;line-height:1.7}.aside-meta{margin:18px 0;font-weight:600;font-size:13px}.detail-aside .pill{white-space:normal}.back{display:inline-block;margin:20px 0;color:#457052;font-size:12px;text-decoration:none}.back:hover{text-decoration:underline}.select-summary{display:none}
@media(max-width:960px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.navlinks{gap:16px}.nav{gap:20px}.intro{display:block}.strip-inner{display:block}}
@media(max-width:660px){.wrap{width:calc(100% - 36px)}.topline{font-size:12px}.topline span{display:none}.nav{min-height:74px}.logo img{width:113px}.navlinks{display:none}.nav .pill{padding:12px 14px;font-size:12px}.hero .inner{padding:70px 0 78px;min-height:400px}.hero h1{font-size:clamp(47px,11vw,65px)}.hero .lead{font-size:15px}.intro{padding:50px 0 22px}.grid{grid-template-columns:1fr;gap:16px;padding-bottom:55px}.card{min-height:auto}.cover{height:240px}.card-body{padding:22px}.strip{padding:32px 0}.footer-inner{display:block}.detail-hero{padding:70px 0 45px}.detail-grid{display:block}.detail-aside{margin-top:30px;padding:28px}.detail-body{padding:43px 0 70px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}

.card[hidden]{display:none!important}

/* Photos haute définition, cadrage à l’échelle des cartes. */
.cover.is-photo img{object-fit:cover;object-position:center center;}
.card:nth-child(3) .cover img{object-position:center 52%}
.card:nth-child(5) .cover img{object-position:46% 52%}
.hero:before{background-position:center,center 53%}
