/* Habillage « pompe à chaleur » : façade graphite, grille de ventilation, chaleur rouge, carte du froid au chaud. */

@font-face { font-family: "Plex Condensed Repli"; src: local("Arial"), local("ArialMT"); size-adjust: 87.9%; }
@font-face { font-family: "Plex Repli"; src: local("Arial"), local("ArialMT"), local("Roboto"); size-adjust: 98.8%; }

:root { --casse: none; --a-braise: #ff9a62; }
h1, h2, .ak-h1, .ak-h2, .hero__title { font-weight: 700; letter-spacing: -.015em; }
.hero__title { line-height: .98; }
.site-nav .menu a, .submenu-toggle, .ak-btn, .site-footer__title, .types__count, .ak-card__more { letter-spacing: .01em; }

/* Lames de ventilation d'une unité extérieure */
.grille { height: 22px; background: repeating-linear-gradient(180deg, #0d1724 0 3px, #22344a 3px 5px, transparent 5px 7px) 0 0 / 100% 7px; border-radius: 4px; opacity: .9; }
.hero > .grille { width: min(100% - 2rem, var(--ak-maxw)); margin: 0 auto clamp(1.75rem, 4vw, 2.75rem); }

/* La photo dans un carter d'unité extérieure, avec sa grille de ventilateur */
.porte { position: relative; margin: 0; padding: 12px 12px 12px 12px; background: linear-gradient(160deg, #f4f6f8, #cfd6de); border-radius: 12px; box-shadow: 0 30px 60px -32px rgb(0 0 0 / 65%); }
.porte::after { content: ""; position: absolute; right: -26px; bottom: 28px; width: 92px; aspect-ratio: 1; border-radius: 50%; background: repeating-radial-gradient(circle, #2b3a4d 0 3px, #dfe5eb 3px 7px); box-shadow: 0 0 0 6px #e8edf2, 0 14px 28px -12px rgb(0 0 0 / 50%); }
.porte img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 6px; }
@media (max-width: 1023px) { .hero__media { max-width: 560px; } .porte img { aspect-ratio: 16 / 11; } .porte::after { width: 64px; right: -10px; } }

/* Carte : du bleu froid au rouge chaud */
.ak-carte { --ak-map-0: #e2e8ee; --ak-map-1: #bcd3e8; --ak-map-2: #f2b8a2; --ak-map-3: #df6a4a; --ak-map-4: #a3201a; --ak-map-stroke: var(--ak-bg); --ak-map-hover: #152233; --ak-map-hors: var(--ak-surface); }
.zbande-sombre .home-section--fonte .ak-carte { --ak-map-0: #1f2f43; --ak-map-1: #34567a; --ak-map-2: #b8695a; --ak-map-3: #e8714c; --ak-map-4: #ffb08a; }

.site-footer::before { content: ""; display: block; width: min(100% - 2rem, var(--ak-maxw)); height: 18px; margin: 0 auto; padding-top: clamp(2rem, 5vw, 3rem); box-sizing: content-box; background: repeating-linear-gradient(180deg, #0a121c 0 3px, #1c2c40 3px 5px, transparent 5px 6px) content-box; }