/* Habillage « fonderie » de l’annuaire poêle à bois : porte vitrée, grille d’aération, carte des braises. */

:root { --a-braise: color-mix(in oklab, var(--a-accent) 70%, #ffb347); }

/* Polices de secours calées sur la largeur de Barlow : le texte ne bouge pas quand la vraie police arrive. */
@font-face { font-family: "Barlow Condensed Repli"; src: local("Arial Bold"), local("Arial-BoldMT"), local("Arial"), local("Roboto"); font-weight: 700; size-adjust: 67.4%; }
@font-face { font-family: "Barlow Repli"; src: local("Arial"), local("ArialMT"), local("Roboto"); size-adjust: 95.5%; }

/* Grille d'aération : rangée de fentes moulées */
.grille { height: 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='13'%3E%3Crect y='1' width='58' height='12' rx='6' fill='%23332a24'/%3E%3Crect width='58' height='12' rx='6' fill='%230b0907'/%3E%3C/svg%3E") center / 72px 13px space no-repeat; }

.hero > .grille { width: min(100% - 2rem, var(--ak-maxw)); margin: 0 auto clamp(1.75rem, 4vw, 2.75rem); }

/* La photo est montée comme une porte de poêle : cadre en fonte et poignée */
.porte { position: relative; margin: 0; padding: clamp(10px, 1.4vw, 16px); background: linear-gradient(160deg, #3a312a, #231d19 55%, #1a1512); border-radius: calc(var(--ak-radius) + 4px); box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%), 0 0 0 1px #0b0907, 0 28px 70px -30px color-mix(in oklab, var(--a-braise) 55%, transparent); }
.porte img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: var(--ak-radius); box-shadow: 0 0 0 1px #0b0907; }
.porte::after { content: ""; position: absolute; right: -9px; top: 38%; width: 10px; height: 74px; border-radius: 3px; background: linear-gradient(90deg, #2c2520, #4a3f37); box-shadow: 0 0 0 1px #0b0907; }

@media (max-width: 1023px) { .hero__media { max-width: 560px; } .porte img { aspect-ratio: 16 / 11; } }

/* Carte de France : les départements rougeoient comme des braises */
.ak-carte { --ak-map-0: #e2dbd1; --ak-map-1: #f1c7a4; --ak-map-2: #e38c55; --ak-map-3: #c24a1c; --ak-map-4: #7d2a10; --ak-map-stroke: var(--ak-bg); --ak-map-hover: var(--a-fonte); --ak-map-hors: var(--ak-surface); }
.zbande-sombre .home-section--fonte .ak-carte { --ak-map-0: #2d2622; --ak-map-1: #4d2717; --ak-map-2: #873618; --ak-map-3: #d0531b; --ak-map-4: #ff9233; --ak-map-stroke: var(--a-fonte); --ak-map-hover: var(--a-cendre); --ak-line: var(--a-fonte-line); --ak-muted: var(--a-cendre-muted); --ak-ink: var(--a-cendre); }

.site-footer::before { content: ""; display: block; width: min(100% - 2rem, var(--ak-maxw)); height: 13px; margin: 0 auto; padding-top: clamp(2rem, 5vw, 3rem); box-sizing: content-box; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='72' height='13'%3E%3Crect y='1' width='58' height='12' rx='6' fill='%232a221d'/%3E%3Crect width='58' height='12' rx='6' fill='%23060504'/%3E%3C/svg%3E") center bottom / 72px 13px space no-repeat content-box; }