/* Habillage « chauffe-eau » : bleu d'eau profond, cuivre, graduations de thermomètre, carte de l'eau froide à l'eau chaude. */

@font-face { font-family: "Plex Cond 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: #f2a46b; }
h1, h2, .ak-h1, .ak-h2, .hero__title { font-weight: 700; letter-spacing: -.01em; }
.hero__title { 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; }

/* Graduations du froid au chaud */
.grille { height: 16px; background:
	repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 14px) 0 100% / 100% 7px no-repeat,
	repeating-linear-gradient(90deg, currentColor 0 2px, transparent 2px 70px) 0 100% / 100% 16px no-repeat;
	color: #7aa7bd; -webkit-mask: linear-gradient(90deg, #000 30%, transparent); mask: linear-gradient(90deg, #000 30%, transparent); }
.hero > .grille { width: min(100% - 2rem, var(--ak-maxw)); margin: 0 auto clamp(1.75rem, 4vw, 2.75rem); }

/* La photo comme un ballon : coins hauts arrondis, piquages en cuivre */
.porte { position: relative; margin: 0; }
.porte img { display: block; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 120px 120px 10px 10px; box-shadow: 0 30px 60px -30px rgb(0 0 0 / 60%); }
.porte::after { content: ""; position: absolute; left: 28%; right: 28%; bottom: -16px; height: 16px; background: linear-gradient(90deg, #b87333 0 10px, transparent 10px calc(100% - 10px), #5f8ea6 calc(100% - 10px)); }
@media (max-width: 1023px) { .hero__media { max-width: 560px; } .porte img { aspect-ratio: 16 / 11; border-radius: 60px 60px 8px 8px; } }

/* Carte : de l'eau froide à l'eau chaude */
.ak-carte { --ak-map-0: #e1e7ea; --ak-map-1: #c3dbe6; --ak-map-2: #7fb1c9; --ak-map-3: #2f7aa3; --ak-map-4: #0b3f5c; --ak-map-stroke: var(--ak-bg); --ak-map-hover: #132a36; --ak-map-hors: var(--ak-surface); }
.zbande-sombre .home-section--fonte .ak-carte { --ak-map-0: #213a47; --ak-map-1: #2f5568; --ak-map-2: #5d8296; --ak-map-3: #c98a5d; --ak-map-4: #f2a46b; }

.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: repeating-linear-gradient(90deg, rgb(122 167 189 / 40%) 0 2px, transparent 2px 14px) content-box; }