/* Habillage « façade » : vert mousse, sable, coupe d'un mur isolé, carte en tons de pierre. */

@font-face { font-family: "Work Repli"; src: local("Arial"), local("ArialMT"), local("Roboto"); size-adjust: 106%; }

:root { --casse: none; --a-braise: #dcc98a; }
h1, h2, .ak-h1, .ak-h2, .hero__title { font-weight: 650; letter-spacing: -.025em; }
.hero__title { font-weight: 700; line-height: 1.02; }
.site-nav .menu a, .submenu-toggle, .ak-btn, .site-footer__title, .types__count, .ak-card__more, .site-brand__name { letter-spacing: 0; }

/* Coupe d'un mur isolé : maçonnerie, isolant, enduit */
.grille { height: 20px; background: linear-gradient(180deg, #8b8f7a 0 5px, #e9e3c9 5px 14px, #dcc98a 14px 17px, #c9b26c 17px 20px); border-radius: 2px; }
.hero > .grille { width: min(100% - 2rem, var(--ak-maxw)); margin: 0 auto clamp(1.75rem, 4vw, 2.75rem); }

/* La photo posée sur l'épaisseur d'un mur isolé */
.porte { position: relative; margin: 0; padding: 0 0 0 22px; }
.porte::before { content: ""; position: absolute; left: 0; top: 18px; bottom: -18px; width: 22px; background: linear-gradient(90deg, #8b8f7a 0 6px, #f1ead2 6px 18px, #dcc98a 18px 22px); border-radius: 3px 0 0 3px; }
.porte img { position: relative; display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 0 4px 4px 0; box-shadow: 0 30px 60px -30px rgb(0 0 0 / 60%); }
@media (max-width: 1023px) { .hero__media { max-width: 560px; } .porte img { aspect-ratio: 16 / 11; } }

/* Carte : tons de pierre jusqu'à l'olive */
.ak-carte { --ak-map-0: #e5e2d6; --ak-map-1: #d8d3b4; --ak-map-2: #b5ba86; --ak-map-3: #6f8a3a; --ak-map-4: #34521a; --ak-map-stroke: var(--ak-bg); --ak-map-hover: #1f2a22; --ak-map-hors: var(--ak-surface); }
.zbande-sombre .home-section--fonte .ak-carte { --ak-map-0: #2c3a30; --ak-map-1: #46553f; --ak-map-2: #707c52; --ak-map-3: #b3b06a; --ak-map-4: #e9dc9a; }

.site-footer::before { content: ""; display: block; width: min(100% - 2rem, var(--ak-maxw)); height: 12px; margin: 0 auto; padding-top: clamp(2rem, 5vw, 3rem); box-sizing: content-box; background: linear-gradient(180deg, #5c6352 0 3px, #cfc7a5 3px 9px, #b9a463 9px 12px) content-box; }